@charset "utf-8";

body { margin: 0px; font-family: sofia-pro, sans-serif; box-sizing: border-box; }

body * { font-family: sofia-pro, sans-serif; }

.fr-modal-screen { position: fixed; z-index: 99999999; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); overflow: hidden; }

.fr-modal { background-color: rgb(255, 255, 255); margin: 80px auto; width: 90%; max-width: 640px; border-radius: 12px; font-size: 16px; color: rgb(33, 33, 33); display: flex; flex-direction: column; max-height: calc(-160px + 100vh); }

.fr-modal-header-row { display: flex; padding: 20px; flex-direction: row; align-items: center; justify-content: center; border-bottom: 1px solid rgb(238, 238, 238); background: rgb(254, 254, 254); border-top-right-radius: 12px; border-top-left-radius: 12px; }

.fr-modal-logo { height: 24px; margin: 0px auto; }

.fr-modal-logo > a > svg { height: 24px; }

.fr-back-icon, .fr-close-icon { border: none; padding: 0px; }

.fr-close-icon { display: inline-flex; justify-content: center; align-items: center; padding: 11px; border-radius: 100px; float: right; background-color: transparent; cursor: pointer; }

.fr-back-icon { display: inline-flex; justify-content: center; align-items: center; border-radius: 100px; width: 32px; height: 32px; overflow: hidden; float: left; background-color: transparent; cursor: pointer; }

.fr-close-icon > svg { height: 10px; width: 10px; }

.fr-back-icon:hover, .fr-back-icon:focus, .fr-close-icon:hover, .fr-close-icon:focus { background-color: rgb(224, 224, 224); }

.fr-link-vector { display: inline-block; position: relative; bottom: -2px; margin-left: 6px; }

.fr-modal-content { overflow-y: auto; border-radius: 12px; height: 553px; padding: 0px 24px 32px; }

.fr-note-header { display: flex; align-items: center; gap: 24px; padding: 24px 0px; justify-content: center !important; }

.fr-doctor-title { font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; margin: 0px; }

dl { display: flex; flex-direction: column; }

dt, dd { padding-top: 14px; padding-bottom: 14px; }

dd { margin: 0px; text-align: right; padding-left: 20px; }

.website a { color: currentcolor; line-height: normal; }

dl > div { width: 100%; border-bottom: 1px solid rgb(238, 238, 238); display: grid; grid-template-columns: auto 1fr; }

dl > div:has(> dd:empty) { display: none; }

.images { position: relative; }

.images div.placeholder { display: none; border: none !important; }

.images.mural-placeholder div.placeholder { display: flex; }

.mural-1 { width: 56px; height: 56px; }

.mural-1.mural-placeholder div.placeholder { width: 56px; height: 56px; }

.mural-1 img { width: 100%; height: 100%; position: relative !important; border-radius: 24px !important; }

.mural-1 div.placeholder { position: relative !important; width: 100%; }

.images img { position: absolute; border-radius: 100px; background-color: rgb(245, 245, 245); object-fit: cover; }

div.placeholder { position: absolute; border-radius: 100px; }

@media only screen and (max-width: 480px) {
  .fr-modal { margin: 40px auto 80px; }
}