@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,slnt,wght@8..144,-10..0,100..1000&display=swap'); :root { --default-font: "Roboto Flex", Montserrat, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; --font-family-roboto: "Roboto Flex", serif; --font-family-bebas: "Bebas Neue", serif; --mud-drawer-width-left: 320px; --mud-palette-text-primary: var(--mud-palette-black); --palette-divider: var(--mud-palette-divider, rgba(224, 224, 224, 1)); --palette-member-header: transparent; --palette-member-header-text: inherit; --palette-member-subsection: var(--palette-gray-light); --palette-member-subsection-text: var(--mud-palette-black); --mud-palette-text-disabled: #8F8F8F; --mud-palette-action-disabled: #222222; --thin-gray-border: 1px solid #444444; --gradient-transparency: 80%; }  .mud-expand-panel.mud-panel-expanded { margin: 0 !important; } .mud-input-control:not(.mud-input-control-boolean-input) label { background-color: transparent; background-image: linear-gradient(0deg, transparent 100%, transparent 50%, var(--currentBgColor) 50%, var(--currentBgColor) 0%); } .mud-input-control:not(.mud-input-control-boolean-input) { background-color: var(--mud-palette-white); color: var(--mud-palette-black); } .member-header .mud-input-control:not(.mud-input-control-boolean-input), .member-header .dropdown-preview, .special.mud-input-control:not(.mud-input-control-boolean-input) { background-color: inherit; } .special.mud-input-control.mud-input-outlined-with-label { margin-top: 0px; } .special .mud-input-control-input-container { display: grid; grid-template-columns: minmax(0, max-content) minmax(0, 1fr); grid-template-areas: "label display"; align-items: center; } .special.label-top .mud-input-control-input-container { grid-template-columns: 1fr; grid-template-areas: "label" "display"; } .special .mud-input-control-input-container > * { grid-area: display; } .scroll-box .f5, .special .mud-input-control-input-container > label, .search-fields .mud-input-control-input-container > label, .search-bar .primary-action, .search-fields .search-bar .primary-action { font-family: var(--font-family-bebas); } .special .mud-input-control-input-container > label { display: block; position: relative; grid-area: label; transform: none !important; background-color: inherit; background-image: none; font-size: 2em !important; max-width: none !important; line-height: normal !important; } .special .mud-input-control-input-container > label > .info-popup { } .special .mud-input-control-input-container > label { margin-left: 10px; } .mud-theme-drawer { --currentThemeColor: var(--mud-palette-drawer-background); --currentBgColor: var(--currentThemeColor); background-color: var(--currentThemeColor); color: var(--mud-palette-drawer-text); } .mud-drawer h6 { font-size: 1.5em; font-weight: 400; } .mud-theme-appbar { --currentThemeColor: var(--mud-palette-drawer-background); --currentBgColor: var(--currentThemeColor); background-color: var(--currentThemeColor); color: var(--mud-palette-appbar-text); } .special .mud-input-outlined-border, .search-fields .mud-input-slot, .search-fields .mud-input-outlined-border { border-radius: 16px !important; border-width: 0 !important; } .standard-outline, .search-fields .mud-input.mud-input-outlined, .special .mud-input.mud-input-outlined { border: var(--thin-gray-border); } .search-fields .mud-input-control-input-container { display: grid; grid-template-areas: "label" "input"; } .search-fields .mud-input-control-input-container > * { grid-area: input; } .search-fields .mud-input-control-input-container > label { grid-area: label; transform:none!important; position:relative!important; margin:0; padding:0 0 0 16px!important; height: 1.6em; z-index: 1!important; font-size: 1.8em!important; line-height: 1.8em!important; max-width: none!important; pointer-events: all!important; align-content: center; } .search-fields .mud-grid-item { padding-top: 10px!important; } .search-fields .mud-grid { margin: 0px!important; } .mud-dialog .mud-dialog-title { padding: 10px; } .mud-dialog .mud-dialog-content { padding: 0 10px 5px; margin:0 0 5px; }  .f-roboto, .f-roboto * {font-family: var(--font-family-roboto); } .f-bebas, .f-bebas * {font-family: var(--font-family-bebas); } .circle { display: inline-block; border-radius: 1em; aspect-ratio: 1; height: 1rem; text-align: center; } .circle > svg { font-size: 0.9rem; } html, body { font-family: var(--default-font); min-width: 370px; width: 100%; height: 100%; border: none; padding: 0; margin: 0; } #app { display: flex; margin: 0; padding: 0; gap: 0; position: relative; width: 100%; height: 100%; overflow:hidden; } #app > .mud-layout, #app > .mud-layout > .mud-layout { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow:hidden; } #app > .mud-layout > .mud-layout{ display:flex; flex-direction:column; gap:0; } .mud-layout > .mud-main-content { max-width: 100%; padding-top: 0px; flex-grow: 1; overflow:visible; } .mud-main-content > .mud-container { width: 100%; overflow:hidden; } #app > .mud-layout { display: block; } .mud-layout > header ~ .mud-main-content { padding-top: var(--mud-appbar-height); } .mud-layout > .mud-main-content:not(:last-child) { } .mud-main-content > .mud-container { margin: 0; padding: 0; } .mud-grid-spacing-xs-3 { width: 100%; margin: 0; } .mud-popover { position: fixed; } :focus-visible { outline: none; } .mud-drawer { border-right: 3px solid var(--palette-divider); background-attachment: local; background-color: var(--mud-palette-white); background-image: linear-gradient(180deg, var(--mud-palette-white) 43.33%, color-mix(in srgb, var(--mud-palette-primary) var(--gradient-transparency), transparent) 99.99%); } .mud-drawer.show-gradiant { } .mud-drawer form .mud-expand-panel-content { max-width: 320px; }  .tab-title { font-size: 1.6rem; font-weight: 600; padding: 1px; } .tab-title .mud-button-icon-size-large>*:first-child { font-size: 2rem; } .mud-container.authenticated-container { height: 100%; overflow: auto; } .opyn_form_column { display: flex; min-width: 300px; gap: 1rem; flex-direction: column; } .opyn_form_row { display: flex; flex-direction: row; gap: 1rem; flex-wrap: wrap; } .opyn_form_card { width: 50%; } .opyn_menu_toggle { position: absolute; bottom: 20%; right: -15px; z-index: 9; border-radius: 50%; background: #ffffff; } .flow-break { display: flex; flex-direction: column; align-items: center; justify-content: center; width: auto; height: 100%; gap: 8px; } .flex-column > .flow-break, .flow-break.column { flex-direction: row; width: 100%; height: auto; } .flow-break::after, .flow-break::before { display: block; flex-grow: 1; content: " "; background-color: rgba(200, 200, 200, 255); min-height: 2px; min-width: 2px; } .flow-break > div:not(:empty) { display: block; } .multi-auto-complete .mud-select.mud-autocomplete { min-width:250px; } .multi-auto-complete .mud-select .mud-select-input .mud-input-slot { padding:0; } .multi-auto-complete > .mud-input-control-input-container > .mud-input div.mud-input-slot.mud-input-root-outlined { padding: 18.5px 14px; } .multi-auto-complete .mud-chip { margin:-3px 0; } .multi-auto-complete .inner.mud-input-control { margin-top: 0; } .multi-auto-complete .inner.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text { margin-top:0; } .nav-sub-menu > .mud-button { color: var(--mud-palette-dark); border-bottom: 3px solid var(--palette-gray); border-end-end-radius: 0px; border-end-start-radius: 0px; font-weight: 700; } .nav-sub-menu > .mud-button.mud-button-text-primary { border-bottom-color: var(--mud-palette-black); background-color: var(--mud-palette-drawer-background); } td > button:only-child:not(.mud-icon-button) { padding: 6px; margin: -6px; width: calc(100% + 12px); font-weight: inherit; font-size: inherit; } td > button.mud-button > span.mud-button-label { text-align: left; } td > button.mud-button > span.mud-button-label > .mud-button-icon-end { margin-left: auto; } .special-link { display: inline-flex; font-size: max(var(--mud-typography-default-size), 0.7rem); align-items: center; font-style: italic !important; text-decoration: underline !important; } .special-link .mud-icon-size-small { font-size:1.25em; } .toolbar, .toolbar *:not(svg) { font-size: var(--mud-typography-default-size); } .provider-profile, .cost-estimate-header, .help-header, .primary-search-header { position: relative; padding: 30px 20px 30px; border-bottom: 2px solid var(--palette-divider); } .help-header, .primary-search-header { padding-bottom: 50px; } .bottom-divider { border-bottom: 2px solid var(--palette-divider); } .primary-search-header > .mud-carousel { padding: 0 14px; } .primary-search-header > .mud-carousel .carousel-content { margin: auto 68px; height: 100%; } .save-share-ribbon:not(.inline) { position: relative; right: 0px; bottom: 0px; } .cost-estimate-header > .save-share-ribbon, .provider-profile > .save-share-ribbon { bottom: -24px; margin-left: 112px; } .save-share-ribbon.inline { } .header-action-bar .save-share-ribbon { position: relative; right: 0; gap: 4px; } .header-action-bar button.mud-button, .header-action-bar button.mud-icon-button { padding: 0px; } @container (min-width: 400px) { .header-action-bar button.mud-button, .header-action-bar button.mud-icon-button { padding: 4px; }} .header-action-bar .mud-icon-size-large { font-size: 1.1em; } .saved-date { height: 0px; overflow: visible; text-align: right; transform: translate(-20px, 3px); } .save-share-ribbon button, .save-share-ribbon a.mud-button { padding: 3px 4px; min-width: auto; box-sizing: content-box; } .save-share-ribbon button, .save-share-ribbon a.mud-button, .save-share-ribbon svg, .header-action-bar svg { font-size: max(16px, 1.2em) !important; } .ico1 svg { font-size: max(16px, 1.2em) !important; } .help, .search-fields { background-color: var(--mud-palette-background); padding-bottom: 0px; position: relative; box-shadow: var(--mud-elevation-4); border-radius: 16px; } .client-page.help, .footer-notes { max-width: 66ch!important; margin-left: auto; margin-right: auto; } .help, .client-page { margin: -40px auto auto; } .member-page.search-fields { margin: -40px 40px auto; } .footer-notes { line-height:1.2em; } .find-care > h2, .cost-estimate > h2 { font-size: 1.1em; } .footer-notes h1, .footer-notes h2, .footer-notes h3, .footer-notes h4, .footer-notes h5, .footer-notes h6 { color: var(--mud-palette-primary); } .help h1, .help h2, .help h3, .help h4, .help h5, .help h6 { color: var(--mud-palette-black); } .footer-notes a[href] { color: var(--mud-palette-info); text-decoration:underline; } .footer-notes > blockquote { padding-left: 20px; } .footer-notes > hr { height: 3px; background-color: var(--palette-divider); } .help > br { margin: 10px 0; } .search-fields .mud-input-control.mud-input-outlined-with-label { margin-top: 0; } .search-fields .mud-input { border-radius: 16px; background-color: var(--mud-palette-gray-light); color: #333; font:inherit; } .search-fields .opyn-dropdown .dropdown-preview { background-color: inherit; color: inherit; } .search-fields-label { color: #444444; font-size: 1em; font-weight: 600; } .special .mud-input { border-radius: 16px; background-color: var(--mud-palette-gray-light); color: #333; filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25)); } .special-adornment .mud-input-adorned-end .mud-input-adornment-end { background-color: var(--mud-palette-black); color: white; height: 100%; max-height: none; margin: -14px -14px; padding: 0; border-radius: 0px 3px 3px 0px; } .special-adornment .mud-input-adorned-end .mud-input-adornment-end svg.mud-icon-root.mud-svg-icon { color: white !important; --mud-ripple-color: white!important; margin:16px; } .member-header { background-color: var(--palette-member-header); --currentThemeColor: var(--palette-member-header); --currentBgColor: var(--currentThemeColor); color: var(--palette-member-header-text); border-radius: 5px; padding: 0 0 0 10px; } .member-header * { padding: 0px; line-height: 18px; font-weight: 600; font-size: var(--mud-typography-default-size); width: auto; min-width: auto; } .member-header .mud-input-control.mud-field .mud-input-slot { padding:0px; } .subsection .mud-input-control, .subsection .opyn-dropdown .dropdown-preview { background-color: transparent; } .sidebar .mud-button.mud-button-root { font-size: max(var(--mud-typography-default-size), 0.8rem); padding: 0px 0.5rem; } .data-display { display: grid; grid-template-columns: minmax(0, max-content) minmax(0, 1fr); align-items: center; line-height: 1.4rem; row-gap: 0.3em; column-gap: 0.3em; } .member-header .data-display { grid-template-columns: max-content auto; } .mud-drawer .data-display { font-size: max(var(--mud-typography-default-size), 0.9em); margin: 0 12px; grid-template-columns: minmax(0, max-content) minmax(30%, 1fr); gap: 5px; } .mud-drawer .data-display:last-child { margin-bottom: 8px; } .mud-drawer .mud-divider { border-width: 3px; } .mud-drawer * { flex:none; } .data-label, .data-value { word-break: break-word; word-wrap: anywhere; } .data-value { flex-direction: column; } .info-field-display { display:block; white-space: normal; } .info-field-display .data-label, .info-field-display .data-value { display: inline-flex; } .data-display .data-label, .data-display .data-value { display: inline; } .info-field-display .data-label, .data-display .data-value, .focus .data-label, .member-header .data-label { font-weight: bold; } .member-header .data-label:only-child { grid-column:1/3; } .info-field-display .data-label:not(:empty):after, .data-display .data-label:not(:empty):after, .label-colon .data-label:not(:empty):after, .member-header .data-label:not(:empty):after { content: ": "; } .sidebar .data-display { font-size: max(var(--mud-typography-default-size), 0.8em); } .member-header > h2 { font-size: 1.5em; } h2 > button { max-width: 100%; text-align:left; } .search-result-item { display: grid; position: relative; padding: 10px 0px; grid-template-columns: 1fr 1fr; grid-template-areas: 'primary primary' 'office office' 'contact contact' 'dynamic dynamic'; } .search-result-item + .search-result-item { border-top: 2px solid rgba(0,0,0,0.15); } .search-result-item.filter-result-pinned { } .member-left-panel .report-pager { --mud-palette-white: transparent; } .member-left-panel .search-result-item { grid-template-columns: 1fr 1fr; grid-template-areas: 'primary primary' 'office office' 'contact contact' 'dynamic dynamic'; } .result-actions .mud-button-root.mud-icon-button { width: auto!important; aspect-ratio: 1; padding: 2px; } .result-actions svg { font-size: 32px; } @container(min-width: 800px) { .search-result-item { grid-template-columns: 1fr 20% 20% 20%; grid-template-areas: 'primary office contact dynamic pins' 'primary office contact dynamic pins'; }} strong.focus, .focus .data-label { font-size: 1.4em; font-weight: bold; color: var(--mud-palette-black); } .focus .data-value { font-size: 1.4em; color: var(--mud-palette-success); } .icon-dropdown { display: grid; gap: 0.5rem; grid-template-columns: min-content minmax(200px, max-content); align-items: flex-end; } .data-label-right .data-label, .value-right .data-value { text-align: right; } .member-page > ul, .client-page > ul { margin-left:30px; } .icon-dropdown .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol, .icon-dropdown .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol { font-weight: 700; color: inherit; } .icon-dropdown .mud-input>.mud-input-slot { padding:0px; } .scroll-box { display:block; margin: 0 36px; } .scroll-box svg { color: var(--mud-palette-primary); } .scroll-box-container { display: grid; grid-template-columns: minmax(0, max-content) minmax(0, 1fr) minmax(0, max-content); gap: 10px; margin-top: 0px; } .scroll-box-container button { aspect-ratio: 1; } .scroll-box-container > :first-child, .scroll-box-container > :last-child { position:relative; width: 0px; overflow: visible; z-index:2; } .scroll-box-container > :first-child button, .scroll-box-container > :last-child button { position: absolute; } .scroll-box-container > :first-child button { position: absolute; right: -20px; } .scroll-box-container > :last-child button { position: absolute; left: -20px; } .scroll-box-container button svg { font-size: 3rem; } .scroll-box-contents-wrap { display: block; overflow: hidden; padding: 0; margin: -6px 0 0; box-sizing: border-box; } .scroll-box-contents { display: grid; position: relative; box-sizing: border-box; z-index: 1; position: relative; overflow: hidden; width: 300%; padding: 6px 3px 6px; gap: 2%; } .left-panel-logo { display: block; padding: 10px; text-align: center; } .left-panel-logo img.opyn-health-logo, .left-panel-logo img.client-logo { max-height: 60px; max-width: 100%; } .scroll-box .mud-carousel > .d-flex > button:first-child { display: none; } footer.disclaimers { display: block; position: relative; height: max-content; padding: 5px 0; container-type: inline-size; overflow:visible; } .mud-container > footer.disclaimers { position: fixed; bottom:0; z-index: 3; } .header img.opyn-health-logo, .header img.client-logo, .help-header img.opyn-health-logo, .help-header img.client-logo, .primary-search-header img.opyn-health-logo, .primary-search-header img.client-logo { max-width: 100%; max-height: 98px; } footer.disclaimers > .d-grid img.opyn-health-logo, footer.disclaimers > .d-grid img.client-logo { max-width: 160px; } footer.disclaimers a { font-size: max(var(--mud-typography-default-size), 0.8rem); font-weight: 700; font-style: italic; } .mud-carousel-item > footer { position: fixed; bottom:0px; width: 100%; height: max-content; min-height: max-content; top: auto; margin-top:30px; z-index: 9; } .mud-carousel-item .mud-button-root.mud-button-text:not(.mud-switch-base) { height: 1em; line-height: 1em; box-sizing: content-box; } .mud-carousel-item .mud-button-root:not(.mud-switch-base):not(.mud-button-text) { height: 2em; line-height: 2em; box-sizing: content-box; } .mud-pagination.mud-pagination-text.mud-pagination-medium { gap:0px; } .mud-pagination.mud-pagination-text.mud-pagination-medium button { padding: 0px; height: auto; aspect-ratio: 1; min-height: auto; margin: 0px; min-width: max-content; } .rounded-box { border: 2px solid var(--palette-divider); border-radius: 15px; box-shadow: 1px 2px 5px var(--palette-divider); } .scroll-box .mud-carousel button { padding: 0; } .scroll-box .mud-carousel svg.mud-icon-root { font-size: 3em; } .scroll-box .scroll-box-item { border-radius: 10px; border: 1px solid rgba(39,44,52, 0.1); background-color: rgba(39, 44, 52, 0.05); --currentThemeColor: rgba(39, 44, 52, 0.05); --currentBgColor: var(--currentThemeColor); } .scroll-box:not(.transition-next):not(.transition-prev) .scroll-box-contents { margin-left: -100%; } .scroll-box.transition-next .scroll-box-contents { transition-duration: 400ms; margin-left: -200%; } .scroll-box.transition-prev .scroll-box-contents { transition-duration: 400ms; margin-left: 0%; } .scroll-box.transition-next button, .scroll-box.transition-prev button { cursor: default; pointer-events: none; } p a[href][target="_blank"] { text-decoration:underline; color: var(--mud-palette-black); cursor:pointer; } .report-pager .mud-input > input.mud-input-root { padding: 0; } .primary-gradient { background-image: linear-gradient(178deg, #FFF 44%, color-mix(in srgb, var(--mud-palette-primary) var(--gradient-transparency), transparent) 98.31%); } .member-left-panel .opyn-dropdown .dropdown-preview { gap: 0px; } .search-bar, .search-fields .search-bar { display: grid; grid-template-columns: minmax(0, max-content) minmax(0, 1fr) minmax(0, max-content); grid-template-areas: "switch action action" "progress progress progress"; gap: 12px; } .search-bar .primary-action, .search-fields .search-bar .primary-action { font-size: 1.6em; line-height: 1.6em; padding: 4px 0.9em 2px; border: var(--thin-gray-border); } .search-bar .primary-action .mud-button-label, .search-fields .search-bar .primary-action .mud-button-label { line-height: 1.6em; } .search-bar .primary-action svg, .search-fields .search-bar .primary-action svg { font-size: 1em!important; } .info-popup { margin: 0 0 0 -0.5ch; vertical-align: middle; } .popular-search .scroll-box-contents { gap: 1%; } .my-medical-team .scroll-box-contents { gap: 1%; } .my-costs .scroll-box-contents { gap: 1%; } .popular-search-item, .my-medical-team-item, .my-costs-item { display: flex; align-items: center; align-content: center; flex-direction: column; justify-content: center; gap: 4px; padding: 1ch; margin: 0 0 8px; box-sizing: border-box; } .popular-search-item { border-radius: 18px; background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.25) 25.32%, rgba(31, 58, 92, 0.15) 75%, rgba(31, 58, 92, 0.25) 100%); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 0.5em; } .my-medical-team-item { border-radius: 7px; border: 0.1px solid #000; background: #FFF; box-shadow: 5px 4px 4px 0px rgba(0, 0, 0, 0.25); padding:20px 10px; } .my-costs-item { border-radius: 18px; background: #F2F2F2; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); align-items: flex-start; } .popular-search-item *, .my-medical-team-item *, .my-costs-item * { text-overflow:ellipsis; } .popular-search-item h6 { word-break: normal; font-size: max(var(--mud-typography-default-size), 0.9em); text-align: center; margin-top: 5px; } .my-medical-team-item h6 { font-size: 1.2em; } .my-medical-team-item > .d-flex, .my-costs-item > .d-flex { column-gap: 10px; row-gap: 0px; } .my-medical-team-item svg.mud-icon-root { font-size: 2.5em; } .my-medical-team-item svg.mud-icon-root:only-child, .my-costs-item svg.mud-icon-root:only-child { font-size: 4em; } .my-costs-item h6 { font-size: 1.1em; } .my-costs-item .mud-divider { border-width: 1px; border-color: black; width: calc(100% - 18px); } .popular-search-item svg { font-size: 4em; } .provider-profile h2, .cost-estimate-header h2, .cost-estimate h2 { text-align: right; } .provider-profile p, .cost-estimate-header p { padding-left: calc(100% - 300px); text-align: right; } .cost-estimate p { text-align: right; } .head-icon, .row-icon { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; border: 4px solid #333; border-radius: 100px; } .head-icon { position: absolute; transform: translate(20px, -50%); height: 200px; width: 200px; background-color: var(--mud-palette-gray-light); background-image: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.25) 25%, rgba(31, 58, 92, 0.15) 74.5%, rgba(31, 58, 92, 0.25) 100%); } .head-icon-filler { height: 120px; width: 220px; grid-area: head-icon; } .row-icon { height: 90px; width: 90px; } .row-icon svg { font-size: 45px; } .head-icon svg { font-size: 130px; } .after-head-icon:before { content: " "; display:block; float: left; width: 240px; height: 100px; } .cost-estimate-provider-info { } .cost-estimate-provider-info svg, .cost-estimate-provider-info .mud-button-icon-size-large > svg { font-size: 1em !important; } .cost-estimate-provider-info button:not(.info-popup), .cost-estimate-provider-info a:not(.info-popup), .cost-estimate-provider-info .mud-button-label { width: max-content; line-height: normal; height: auto; min-height: auto; } .cost-estimate-procedure { display: grid; grid-template-columns: 1fr; grid-row-gap: 5px; grid-column-gap: 5px; grid-template-areas: "procedure" "action"; justify-content: flex-start; } .special .data-value { text-align: right; } .profile-grouping { } .profile-grouping .mud-expand-panel-header { border-bottom: 1px solid black; } .profile-grouping .mud-expand-panel .mud-collapse-container { background-color: inherit; --currentThemeColor: white; --currentBgColor: white; } .member-left-panel form .mud-input-control:not(.mud-input-control-boolean-input) { box-shadow: 2px 2px 6px rgba(0,0,0,0.6); border-radius: 5px; } .provider-location.highlight, .provider-location-list.highlight { outline: none; } .map-marker-display { position: relative; font-size: 1.5em; } .map-marker-display > .map-marker-circle { display: flex; align-items: center; justify-content: center; font-size: 1em; border: 2px solid black; border-radius: 50%; padding: 3px; text-align:center; min-width: 2em; min-height: 2em; background-color: white; color: black; z-index: 1; } .map-marker-display.highlight .map-marker-circle, .highlight .map-marker-circle, .highlight-static .map-marker-circle { font-size: 1.8em; } .provider-location.highlight .map-marker-circle, .provider-location-list.highlight .map-marker-circle, .provider-location-list.highlight-static .map-marker-circle { outline: 5px solid var(--mud-palette-info); box-shadow: 0 0 35px var(--mud-palette-info); } .map-marker-circle > svg { width: 1.4em; } .map-marker-display > .map-marker-point { width: 2ch; height: 2ch; aspect-ratio: 1; margin-top: -5px; } .map-popover-title { font-size: 1.2em; padding: 3px; } .map-popover-list { display:block; overflow: auto; } .map-popover-item { } .map-popover-item-circle { display: flex; width: 3ch; height: 3ch; aspect-ratio: 1; padding: 3px; align-items: center; justify-content: center; border: 2px solid black; border-radius: 50%; margin: 3px; background-color: white; color: black; } .map-popover-item.highlight .map-popover-item-circle { font-size: 1.2em; } .map-popover-item-name { } @container (width < 800px) { .hide-narrow { display:none; }} @container (width < 500px) { a.mud-link[role="button"] { font-size: max(var(--mud-typography-default-size), 0.8em); } footer.disclaimers a[role="button"] { font-size: max(var(--mud-typography-default-size), 0.8em); }} @media (max-width: 600px) { .data-display:not(.ignore-media) { grid-template-columns: 1fr; font-size:1em; } .data-display:not(.ignore-media) > .data-label + .data-value { padding-left: 0.5em; } .public-center-container { width: 100%; background: white; } .sub-nav-content.float-left { float: none; width: 100%; } .report-filters.flex-row { flex-direction: column !important; align-items: end !important; } .provider-profile, .cost-estimate-header { padding-top: 0px; padding-bottom: 26px; } .provider-profile p, .cost-estimate-header p { padding-left: calc(100% - 220px); }} th > button.mud-button-text.mud-button-text-secondary { font-size: inherit; --mud-ripple-color: transparent; } @media (hover: hover) and (pointer: fine) { th > button.mud-button-text.mud-button-text-secondary:hover { background-color: transparent; opacity: 0.6; }}  @media (max-width: 960px) { .member-header * { font-size: var(--mud-typography-default-size) !important; } .help-header { padding-top: 0px; padding-bottom: 10px; } .primary-search-header { padding-top: 0px; padding-bottom: 10px; margin-top:0px; } .primary-search-header > .mud-carousel { padding: 0 0px; } .primary-search-header > .mud-carousel .carousel-content { margin: auto 43px; } .cost-estimate h2, .find-care h2, .cost-estimate p, .find-care p { text-align: center; padding: 0px; } .help { padding-left: 10px!important; padding-right: 10px!important; } .search-fields { background-color: var(--mud-palette-background); border-radius: 16px; padding-left: 10px !important; padding-right: 10px !important; } .help, .client-page.search-fields, .member-page.search-fields { margin: -8px 12px auto; } .search-fields .mud-input, .search-fields .dropdown-preview input { font-size: 1em; line-height: 2em; } .search-bar, .search-fields .search-bar { grid-template-columns: 1fr max-content max-content; grid-template-areas: "switch . ." ". action action" "progress progress progress"; gap: 8px; } .search-bar .primary-action, .search-fields .search-bar .primary-action { font-size:1em; } .popular-search-item h6 { font-size: max(var(--mud-typography-default-size), 0.7em); } .popular-search-item svg { font-size: 4em; } .popular-search .scroll-box-contents { gap: 1%; } .my-medical-team .scroll-box-contents { gap: 0.3%; } .my-costs .scroll-box-contents { gap: 0.3%; } .scroll-box .data-display .data-label { font-size: max(var(--mud-typography-default-size), 0.8em); } .scroll-box .data-display .data-value { font-size: max(var(--mud-typography-default-size), 0.8em); letter-spacing: 0.01ch; } .special .mud-input-control-input-container { grid-template-columns: 1fr; grid-template-areas: "label" "display"; } .save-share-ribbon button, .save-share-ribbon .mud-button-text-size-large { padding: 3px 6px; margin: 0px; min-width: 1ch; font-size: 12px; } .save-share-ribbon svg, .save-share-ribbon .mud-button-text-size-large svg { font-size: 12px; } .search-result-item { padding-left:10px; padding-right:10px; }}  @media (max-width: 1280px) { .popular-search-item h6 { font-size: max(var(--mud-typography-default-size), 0.8em); } .popular-search-item svg { font-size: 4.5em; } .head-icon { height: 100px; width: 100px; } .head-icon-filler { height: 60px; width: 110px; } .head-icon svg { font-size: 60px; } .after-head-icon:before { float: none; width: 100%; height: 50px; }}  @media (min-width: 600px) { .public-center-container { min-width: 590px; }}  @media (min-width: 960px) { }  @media (min-width: 1280px) { .mud-drawer + .mud-main-content { margin-left: var(--mud-drawer-width-left); } .cost-estimate-procedure { grid-template-columns: 700px minmax(0, max-content) minmax(0, 1fr); grid-row-gap: 5px; grid-column-gap: 5px; grid-template-areas: "procedure action ."; }}  @media (min-width: 1920px) { }