/* Ink partner navigation, using the existing Tailwind palette and application fonts. */ #partner-navigation-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. */ #partner-navigation-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; } .partner-navbar__caret { flex: none; margin-left: 2px; color: var(--partner-nav-muted); } #partner-navigation-search .partner-navbar__search, #partner-navigation-search .partner-navbar__search-mobile, #partner-navigation-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; } #partner-navigation-search .partner-navbar__search { max-width: 520px; padding: 0 12px; gap: 10px; background: var(--partner-nav-field); letter-spacing: -.015em; } #partner-navigation-search .partner-navbar__search-mobile, #partner-navigation-search .partner-navbar__menu-trigger { width: 36px; min-width: 36px; } #partner-navigation-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; } #partner-navigation-search .partner-navbar__tasks, #partner-navigation-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; } #partner-navigation-search .partner-navbar__switcher:hover, #partner-navigation-search .partner-navbar__search:hover, #partner-navigation-search .partner-navbar__search-mobile:hover, #partner-navigation-search .partner-navbar__menu-trigger:hover, #partner-navigation-search .partner-navbar__tasks:hover, #partner-navigation-search [data-product-updates-notification]:hover { background: var(--partner-nav-hover); color: var(--partner-nav-fg); } #partner-navigation-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; } #partner-navigation-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; } #partner-navigation-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); } #partner-navigation-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; } #partner-navigation-search .partner-navbar__menu a { font-size: 14px; font-weight: 400; letter-spacing: -.015em; } #partner-navigation-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; } #partner-navigation-search .partner-navbar__menu { max-width: calc(100vw - 88px); } #partner-navigation-search [data-product-updates-notification] { position: relative; width: 36px; justify-content: center; padding: 0; } #partner-navigation-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(--color-core-purple-500)); font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: rgb(255 255 255); color: rgb(var(--color-white)); display: flex; cursor: pointer; align-items: center; justify-content: center; 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(--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(--color-core-purple-600)); z-index: 5 !important; } /* * 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(--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; } } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: "Courier New", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } :root { --drawer-width: 100vw; --color-white: 255 255 255; /* #FFFFFF */ --color-black: 0 0 0; /* #000000 */ --color-light-gray: 240 243 247; /* #F7F3F0 */ --color-medium-gray: 138 151 181; /* #8A97B5 */ --color-another-gray: 186 192 207; /* #BAC0CF */ --color-dark-gray: 27 42 62; /* #1B2A3E */ /* TODO: replace all instances of blue with purple*/ --color-blue: 86 96 251; /* #5660FB */ --color-lightest-purple: 246 247 255; /* #F6F7FF */ --color-light-purple: 226 228 255; /* #E2E4FF */ --color-purple: 76, 86, 224; /* #4C56E0 */ --color-darker-purple: 59 64 167; /* #3B40A7 */ --color-dark-purple: 67 76 207; /* #434CCF */ --color-dark-red: 218 91 86; /* #DA5B56 */ --color-red: 235 80 80; /* #EB5050 */ --color-light-red: 253 220 220; /* #FDDCDC */ --color-light-green: 194 245 220; /* #C2F5Dc */ --color-green: 50, 222, 138; /* #32DE8A */ --color-dark-green: 20 124 120; /* #147C78 */ --color-dark-brown: 111 89 20; /* #6F5914 */ --color-yellow: 245 220 142; /* #F5DC8E */ /* Dollar For*/ --color-orange: 252 165 37; /* #FCA525 */ /* New color scheme as of March 2024 Official definitions: https://www.figma.com/design/PU5rn8WCPXqEQRY1qAKK8m/Goodbill-%E2%80%93%E2%80%93-Design-System?node-id=292-678&t=W6yZ2znzLS9ZEhlv-0 */ --color-core-purple-200: /* #E9EAFD */ 233 234 253; --color-core-purple-250: /* #D1D3FD */ 209 211 253; --color-core-purple-300: /* #B8BDFD */ 184 189 253; --color-core-purple-350: /* #9A9FF9 */ 154 159 249; --color-core-purple-400: /* #7F86F5 */ 127 134 245; --color-core-purple-450: /* #656EED */ 101 110 237; --color-core-purple-500: /* #4C56E0 */ 76 86 224; --color-core-purple-550: /* #363FCB */ 54 63 203; --color-core-purple-600: /* #252EB1 */ 37 46 177; --color-core-purple-650: /* #1A2295 */ 26 34 149; --color-core-purple-700: /* #151B7C */ 21 27 124; --color-core-purple-750: /* #0E1460 */ 14 20 96; --color-core-purple-800: /* #0B0F48 */ 11 15 72; --color-support-dark-200: /* #F0F3FF */ 240 243 255; --color-support-dark-250: /* #D7DBF5 */ 215 219 245; --color-support-dark-300: /* #B4B6D6 */ 180 182 214; --color-support-dark-350: /* #8F92B8 */ 143 146 184; --color-support-dark-400: /* #717499 */ 113 116 153; --color-support-dark-450: /* #575A80 */ 87 90 128; --color-support-dark-500: /* #45476B */ 69 71 107; --color-support-dark-550: /* #3B3D5C */ 59 61 92; --color-support-dark-600: /* #343652 */ 52 54 82; --color-support-dark-650: /* #2B2C42 */ 43 44 66; --color-support-dark-700: /* #212233 */ 33 34 51; --color-support-dark-750: /* #1A1B29 */ 26 27 41; --color-support-dark-800: /* #10111A */ 16 17 26; --color-support-light-200: /* #FCFCFC */ 252 252 252; --color-support-light-250: /* #F3F3F5 */ 243 243 245; --color-support-light-300: /* #E6E6EB */ 230 230 235; --color-support-light-350: /* #D9DAE0 */ 217 218 224; --color-support-light-400: /* #CECED6 */ 206 206 214; --color-support-light-450: /* #BDBEC7 */ 189 190 199; --color-support-light-500: /* #ACADB8 */ 172 173 184; --color-support-light-550: /* #999AA3 */ 153 154 163; --color-support-light-600: /* #81828A */ 129 130 138; --color-support-light-650: /* #73747A */ 115 116 122; --color-support-light-700: /* #606066 */ 96 96 102; --color-support-light-750: /* #4D4D52 */ 77 77 82; --color-support-light-800: /* #3A3A3D */ 58 58 61; --color-complementary-purple-200: /* #EEE8FC */ 238 232 253; --color-complementary-purple-250: /* #DACEFB */ 218 206 251; --color-complementary-purple-300: /* #C8B6FB */ 200 182 251; --color-complementary-purple-350: /* #AF97F7 */ 175 151 247; --color-complementary-purple-400: /* #9D7EF4 */ 157 126 244; --color-complementary-purple-450: /* #8865ED */ 136 101 237; --color-complementary-purple-500: /* #734CE0 */ 115 76 224; --color-complementary-purple-550: /* #5D34CD */ 93 52 205; --color-complementary-purple-600: /* #4924B0 */ 73 36 176; --color-complementary-purple-650: /* #3B1A95 */ 59 26 149; --color-complementary-purple-700: /* #30147C */ 48 20 124; --color-complementary-purple-750: /* #240E61 */ 36 14 97; --color-complementary-purple-800: /* #1A0A48 */ 26 10 72; --color-complementary-blue-200: /* #E6EBFB */ 230 235 251; --color-complementary-blue-250: /* #CED8FB */ 206 216 251; --color-complementary-blue-300: /* #B5C4F9 */ 181 196 249; --color-complementary-blue-350: /* #98AEF8 */ 152 174 248; --color-complementary-blue-400: /* #7C99F3 */ 124 153 243; --color-complementary-blue-450: /* #6483ED */ 100 131 237; --color-complementary-blue-500: /* #4C6FE0 */ 76 111 224; --color-complementary-blue-550: /* #3659CD */ 54 89 205; --color-complementary-blue-600: /* #2345B0 */ 35 69 176; --color-complementary-blue-650: /* #1A3896 */ 26 56 150; --color-complementary-blue-700: /* #132C7C */ 19 44 124; --color-complementary-blue-750: /* #0F2162 */ 15 33 98; --color-complementary-blue-800: /* #0B1849 */ 11 24 73; --color-complementary-orange-200: /* #FCF0E7 */ 252 240 231; --color-complementary-orange-250: /* #FBE1CF */ 251 225 207; --color-complementary-orange-300: /* #F9D3B5 */ 249 211 181; --color-complementary-orange-350: /* #F9C298 */ 249 194 152; --color-complementary-orange-400: /* #F4B17D */ 244 177 125; --color-complementary-orange-450: /* #EB9F63 */ 235 159 99; --color-complementary-orange-500: /* #E08C4C */ 224 140 76; --color-complementary-orange-550: /* #CD7835 */ 205 120 53; --color-complementary-orange-600: /* #B06024 */ 176 96 36; --color-complementary-orange-650: /* #934E1B */ 147 78 27; --color-complementary-orange-700: /* #7C4114 */ 124 65 20; --color-complementary-orange-750: /* #61320F */ 97 50 15; --color-complementary-orange-800: /* #46240B */ 70 36 11; --color-complementary-green-200: /* #E5FBF4 */ 229 251 244; --color-complementary-green-250: /* #CFFBEC */ 207 251 236; --color-complementary-green-300: /* #B5FAE3 */ 181 250 227; --color-complementary-green-350: /* #97F9D9 */ 151 249 217; --color-complementary-green-400: /* #7EF4CC */ 126 244 204; --color-complementary-green-450: /* #63EEBF */ 99 238 191; --color-complementary-green-500: /* #4CE0AF */ 76 224 175; --color-complementary-green-550: /* #34CD9B */ 54 205 155; --color-complementary-green-600: /* #22B182 */ 34 177 130; --color-complementary-green-650: /* #19926A */ 25 146 106; --color-complementary-green-700: /* #117D5A */ 17 125 90; --color-complementary-green-750: /* #0E6145 */ 14 97 69; --color-complementary-green-800: /* #0D4733 */ 13 71 51; --color-alert-green-200: /* #E3F9E5 */ 227 249 229; --color-alert-green-250: /* #CCF8CF */ 204 248 207; --color-alert-green-300: /* #B2F8B8 */ 178 248 184; --color-alert-green-350: /* #95F59B */ 149 245 155; --color-alert-green-400: /* #7CEF82 */ 124 239 130; --color-alert-green-450: /* #61E76B */ 97 231 107; --color-alert-green-500: /* #4ADB54 */ 74 219 84; --color-alert-green-550: /* #33C63D */ 51 198 61; --color-alert-green-600: /* #23AE2D */ 35 174 45; --color-alert-green-650: /* #198E21 */ 25 142 33; --color-alert-green-700: /* #157818 */ 21 120 24; --color-alert-green-750: /* #0C5C13 */ 12 92 19; --color-alert-green-800: /* #0B440F */ 11 68 15; --color-alert-yellow-200: /* #FAF9E7 */ 250 249 231; --color-alert-yellow-250: /* #FBF8CF */ 251 248 207; --color-alert-yellow-300: /* #FBF6B8 */ 251 246 184; --color-alert-yellow-350: /* #F9F299 */ 249 242 153; --color-alert-yellow-400: /* #F5EB7E */ 245 235 126; --color-alert-yellow-450: /* #EBE164 */ 235 225 100; --color-alert-yellow-500: /* #E0D74C */ 224 215 76; --color-alert-yellow-550: /* #CAC136 */ 202 193 54; --color-alert-yellow-600: /* #AFA525 */ 175 165 37; --color-alert-yellow-650: /* #958C19 */ 149 140 25; --color-alert-yellow-700: /* #7C7514 */ 124 117 20; --color-alert-yellow-750: /* #615B0E */ 97 91 14; --color-alert-yellow-800: /* #48430B */ 72 67 11; --color-alert-red-200: /* #FBE8E9 */ 251 232 233; --color-alert-red-250: /* #FCD0D1 */ 252 208 209; --color-alert-red-300: /* #FAB7B8 */ 250 183 184; --color-alert-red-350: /* #F89B9B */ 248 155 155; --color-alert-red-400: /* #F37E7E */ 243 126 126; --color-alert-red-450: /* #EC6565 */ 236 101 101; --color-alert-red-500: /* #E04C4C */ 224 76 76; --color-alert-red-550: /* #CD3636 */ 205 54 54; --color-alert-red-600: /* #AF2525 */ 175 37 37; --color-alert-red-650: /* #931C1B */ 147 28 27; --color-alert-red-700: /* #7B1514 */ 123 21 20; --color-alert-red-750: /* #5F0E0F */ 95 14 15; --color-alert-red-800: /* #470A0B */ 71 10 11; /* Brand colors, which should be some subset of the above, but for some reason named differently in Figma */ --color-indigo-600: /* 4C56E0 */ 76 86 224; --color-blue-800: /* 252EB1 */ 37 46 177; --color-neutral-900: /* 101119 */ 16 17 25; --color-blue-900: /* 1A2295 */ 26 34 149; --color-slate-700: /* 3A3C5B */ 58 60 91; --color-neutral-50: /* FCFCFC */ 252 252 252; --color-violet-100: /* E9EAFD */ 233 234 253; --color-indigo-50: /* EFF2FF */ 239 242 255; --color-gray-800: /* 202133 */ 32 33 51; --color-blue-950: /* 0E1460 */ 14 20 96; --color-slate-800: /* 2A2C42 */ 42 44 66; --color-gray-200: /* E5E6EA */ 229 230 234; --color-violet-300: /* B8BDFD*/ 184 189 253; --color-indigo-300: /* B3B6D6 */ 179 182 214; --color-gray-700: /* 343651 */ 52 54 81; --color-slate-600: /* 44476B */ 68 71 107; --color-slate-500: /* 717399 */ 113 115 153; /* Epic */ --color-epic-patients: 226 172 99; --color-epic-procedures: 204 205 251; --color-epic-medication-requests: 157 171 233; --color-epic-encounters: 179 208 212; --color-epic-notes: 204 205 251; --color-epic-observations: 148 185 140; --color-epic-social-history: 226 172 99; /* Agencies */ --color-agencies-bbb: 0 90 119; /* 005A77 */ --color-agencies-hhs: 54 54 54; /* 363636 */ --color-agencies-cms: 28 78 157; /* 1C4E9D */ --color-agencies-onc: 240 243 247; /* F0F3F7 */ --color-agencies-irs: 1 91 154; /* 015B9A */ } @media (min-width: 640px) { :root { --drawer-width: 500px; } } .\!container { width: 100% !important; } .container { width: 100%; } @media (min-width: 640px) { .\!container { max-width: 640px !important; } .container { max-width: 640px; } } @media (min-width: 768px) { .\!container { max-width: 768px !important; } .container { max-width: 768px; } } @media (min-width: 1024px) { .\!container { max-width: 1024px !important; } .container { max-width: 1024px; } } @media (min-width: 1280px) { .\!container { max-width: 1280px !important; } .container { max-width: 1280px; } } @media (min-width: 1536px) { .\!container { max-width: 1536px !important; } .container { max-width: 1536px; } } /* Outrank the global [type="button"] pill defaults in application.tailwind.css. */ button.copyable-contact { position: relative; white-space: normal; display: inline-flex; align-items: center; justify-content: flex-start; gap: 9px; width: 240px; max-width: 100%; min-height: 50px; padding: 8px 10px; border: 1px solid rgb(230 230 235); border: 1px solid rgb(var(--color-support-light-300)); border-radius: 8px; background: rgb(252 252 252); background: rgb(var(--color-support-light-200)); box-shadow: none; color: rgb(52 54 82); color: rgb(var(--color-support-dark-600)); font-family: inherit; font-size: 12px; line-height: 1.5; text-align: left; cursor: copy; transition: background 160ms, border-color 160ms, box-shadow 160ms; } .copyable-contact-leading { display: flex; flex-shrink: 0; color: rgb(113 116 153); color: rgb(var(--color-support-dark-400)); transition: color 160ms; } .copyable-contact-text { display: block; flex: 1 1; min-width: 0; } .copyable-contact-label { display: block; font-weight: 600; overflow-wrap: anywhere; } .copyable-contact-secondary-label { display: block; font-weight: 400; overflow-wrap: anywhere; color: rgb(87 90 128); color: rgb(var(--color-support-dark-450)); } .copyable-contact-value { display: block; font-weight: 400; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; color: rgb(87 90 128); color: rgb(var(--color-support-dark-450)); } .copyable-contact-affordance { position: relative; flex-shrink: 0; width: 16px; height: 16px; color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); } .copyable-contact .copy-glyph, .copyable-contact .copied-glyph { position: absolute; inset: 0; display: flex; transition: opacity 160ms, transform 200ms; } .copyable-contact .copy-glyph { opacity: 0.35; transform: translateX(-2px); } .copyable-contact .copied-glyph { opacity: 0; transform: scale(0.6); } button.copyable-contact:hover, button.copyable-contact:focus-visible { border-color: rgb(184 189 253); border-color: rgb(var(--color-core-purple-300)); background: rgb(233 234 253); background: rgb(var(--color-core-purple-200)); box-shadow: 0 2px 6px rgb(43 44 66 / 0.06); box-shadow: 0 2px 6px rgb(var(--color-support-dark-650) / 0.06); } button.copyable-contact:focus-visible { outline: 3px solid rgb(184 189 253); outline: 3px solid rgb(var(--color-core-purple-300)); outline-offset: 3px; } button.copyable-contact:hover .copyable-contact-leading, button.copyable-contact:focus-visible .copyable-contact-leading { color: rgb(76 86 224); color: rgb(var(--color-core-purple-500)); } button.copyable-contact:hover .copy-glyph, button.copyable-contact:focus-visible .copy-glyph { opacity: 1; transform: translateX(0); } .copyable-contact-hint { position: absolute; bottom: calc(100% + 5px); right: 0; z-index: 5; padding: 3px 7px; border-radius: 5px; background: rgb(43 44 66); background: rgb(var(--color-support-dark-650)); color: rgb(255 255 255); color: rgb(var(--color-white)); font-size: 11px; white-space: nowrap; pointer-events: none; opacity: 0; transform: translateY(3px); transition: opacity 140ms, transform 140ms; } button.copyable-contact:hover .copyable-contact-hint, button.copyable-contact:focus-visible .copyable-contact-hint, button.copyable-contact[data-copied] .copyable-contact-hint { opacity: 1; transform: translateY(0); } button.copyable-contact[data-copied] { border-color: rgb(124 239 130); border-color: rgb(var(--color-alert-green-400)); background: rgb(227 249 229); background: rgb(var(--color-alert-green-200)); } button.copyable-contact[data-copied] .copy-glyph { opacity: 0; transform: scale(0.6); } button.copyable-contact[data-copied] .copied-glyph { color: rgb(21 120 24); color: rgb(var(--color-alert-green-700)); opacity: 1; transform: scale(1); } .copyable-contact.compact { width: auto; min-height: 32px; padding: 5px 8px; } .copyable-contact.\!compact { width: auto !important; min-height: 32px !important; padding: 5px 8px !important; } @media (hover: none) { .copyable-contact .copy-glyph { opacity: 0.65; transform: none; } .copyable-contact-hint { display: none; } button.copyable-contact[data-copied] .copyable-contact-hint { display: block; } } @media (prefers-reduced-motion: reduce) { button.copyable-contact, .copyable-contact-leading, .copyable-contact .copy-glyph, .copyable-contact .copied-glyph, .copyable-contact-hint { transition: none; } } .text-link { cursor: pointer; font-weight: 500; color: rgb(76, 86, 224); color: rgb(var(--color-purple)); } .text-link:hover { text-decoration-line: underline; text-underline-offset: 4px; } /* Matched terms in the claim activity feed search results */ mark.activity-search-highlight { border-radius: 0.25rem; background-color: rgb(251 246 184); background-color: rgb(var(--color-alert-yellow-300)); padding-left: 0.125rem; padding-right: 0.125rem; color: rgb(16 17 26); color: rgb(var(--color-support-dark-800)); } .disclaimer-content a { cursor: pointer; font-weight: 500; color: rgb(76, 86, 224); color: rgb(var(--color-purple)); } .disclaimer-content a:hover { text-decoration-line: underline; text-underline-offset: 4px; } /* Martin's Design System */ .martin-mobile-h4 { font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; color: rgb(33 34 51); color: rgb(var(--color-support-dark-700)); } .martin-label { font-size: 1.125rem; line-height: 1.75rem; font-weight: 500; color: rgb(33 34 51); color: rgb(var(--color-support-dark-700)); } .martin-caption { font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; color: rgb(113 116 153); color: rgb(var(--color-support-dark-400)); } .martin-body-text { font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; color: rgb(52 54 82); color: rgb(var(--color-support-dark-600)); } /* CCCT drawer section styles */ /* Calling-drawer section bands. `calling-*` are the names to use in new drawers; the `ccct-*` names are the originals from the charity care check-in drawer. */ .ccct-section, .calling-section { border-bottom-width: 2px; border-color: rgb(230 230 235); border-color: rgb(var(--color-support-light-300)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; } .ccct-section-task, .calling-section-task { border-bottom-width: 2px; border-color: rgb(209 211 253); border-color: rgb(var(--color-core-purple-250)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; background: rgb(76 86 224 / 0.04); background: rgb(var(--color-core-purple-500) / 0.04); } .ccct-section-alert, .calling-section-alert { border-bottom-width: 2px; border-color: rgb(230 230 235); border-color: rgb(var(--color-support-light-300)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; background: rgb(224 76 76 / 0.05); } .ccct-section-label, .calling-section-label { margin-bottom: 0.625rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: rgb(37 46 177); color: rgb(var(--color-core-purple-600)); } /* shared/components/_calendar_picker. Every control is a