/* find-care-mirage-base.css - GENERATED by tools/mirage/build_find_care_base.py from mirage.min.css. Do not edit.
   Jennifer's general .mirage rules (pill shapes, box-sizing, link and list resets, root typography) that her
   mirage-find-care.min.css leans on, for the sites that show the new cards without the Mirage header and so never
   load mirage.min.css. Registered by TXX-Find-Care and T74-Physician-Details (FindCareCards.RegisterStyles) only
   when mirage.min.css is not on the page, before mirage-find-care.min.css. Regenerate after every mirage.min.css drop. */

:where(.clinician-card.mirage, .clinician-card.mirage *){margin:0;padding:0}
.mirage{color:#171b1c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100%;font-weight:400;line-height:normal;font-family:Overused Grotesk,serif!important}
.mirage *{box-sizing:border-box}
.mirage .contain{width:calc(100% - 32px)!important;max-width:1552px!important;margin-left:auto!important;margin-right:auto!important}
@media (min-width:1024px){
  .mirage .contain{width:calc(100% - 64px)!important;max-width:1584px!important}
}
@media (min-width:1280px){
  .mirage .contain{width:calc(100% - 80px)!important;max-width:1600px!important}
}
.mirage .grid{display:grid}
.mirage .grid-x,.mirage .grid-y{flex-wrap:wrap;display:flex}
.mirage .grid-x{flex-direction:row}
.mirage .grid-y{flex-direction:column}
.mirage .justify-between{justify-content:space-between}
.mirage h1,.mirage h2,.mirage h3,.mirage h4,.mirage h5,.mirage h6{text-wrap:pretty;margin:0;font-family:Overused Grotesk,serif!important}
.mirage h1{line-height:max(2.875rem,min(1.719vw + 2.531rem,4.25rem))}
.mirage p{text-wrap:pretty;margin-top:8px;margin-bottom:16px;font-size:max(1rem,min(.313vw + .938rem,1.25rem));line-height:max(1.375rem,min(.469vw + 1.281rem,1.75rem));font-family:Overused Grotesk,serif!important}
.mirage li{text-wrap:pretty;font-size:inherit;line-height:inherit;font-family:Overused Grotesk,serif!important}
.mirage hr{background:#adadab;border:0;height:1px}
.mirage .list-unstyled{margin:0;padding:0;list-style:none}
.mirage .font-size--xs{font-size:max(.875rem,min(.156vw + .844rem,1rem));line-height:max(1.125rem,min(.469vw + 1.031rem,1.5rem))}
.mirage .font-size--s{font-size:max(1rem,min(.313vw + .938rem,1.25rem));line-height:max(1.375rem,min(.469vw + 1.281rem,1.75rem))}
.mirage .font-size--m{font-size:max(1.25rem,min(.313vw + 1.188rem,1.5rem));line-height:max(1.625rem,min(1.25vw + 1.375rem,2.625rem))}
.mirage .font-size--l{font-size:max(1.5rem,min(.938vw + 1.313rem,2.25rem));line-height:max(1.875rem,min(1.406vw + 1.594rem,3rem))}
.mirage .font-size--xl{font-size:max(1.75rem,min(1.563vw + 1.438rem,3rem));line-height:max(1.875rem,min(1.406vw + 1.594rem,3rem))}
.mirage .font-size--xxl{font-size:max(3rem,min(1.25vw + 2.75rem,4rem))}
.mirage .font-weight--r{font-weight:400}
.mirage .font-weight--m{font-weight:500}
.mirage .font-weight--b{font-weight:600}
.mirage .radius--xs{border-radius:4px;overflow:hidden}
.mirage .radius--s{border-radius:8px;overflow:hidden}
.mirage .radius--m{border-radius:12px;overflow:hidden}
.mirage .radius--l{border-radius:16px;overflow:hidden}
.mirage .radius--xl{border-radius:24px;overflow:hidden}
.mirage .bg-porcelain-1{background-color:#f7f7f4}
.mirage .bg-porcelain-2{background-color:#dededc}
.mirage .text-color--orange{color:#c65335}
.mirage .pill--orange,.mirage .pill--magenta,.mirage .pill--green,.mirage .pill--blue{margin-bottom:8px;border-radius:360px!important;padding:4px max(.5rem,min(.313vw + .438rem,.75rem))!important;font-family:Overused Grotesk,serif!important;font-size:max(1rem,min(.313vw + .938rem,1.25rem))!important;font-weight:500!important;line-height:max(1.375rem,min(.469vw + 1.281rem,1.75rem))!important;display:inline-block!important}
.mirage .pill--orange{color:#9e422a!important;background-color:#f4ddd7!important}
.mirage .pill--magenta{color:#721f56!important;background-color:#e9d4e1!important}
.mirage .pill--green{color:#425e2d!important;background-color:#dce4d7!important}
.mirage .pill--blue{color:#005963!important;background-color:#cce2e5!important}
.mirage a{color:inherit;border-bottom:0;text-decoration:none;transition:all .2s ease-out;font-family:Overused Grotesk,serif!important}
.mirage a:hover,.mirage a:focus,.mirage a:active{border-bottom:0;text-underline-offset:2px!important;-webkit-text-decoration:underline!important;text-decoration:underline!important;text-decoration-thickness:1px!important}
.mirage a.color--orange{color:#c65335}
.mirage a.color--orange:hover,.mirage a.color--orange:focus,.mirage a.color--orange:active{color:#9e422a}
.mirage .link-with-arrow{color:#171b1c;border-bottom:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:max(.25rem,min(.313vw + .188rem,.5rem));font-size:max(1rem,min(.313vw + .938rem,1.25rem));line-height:max(1.125rem,min(.469vw + 1.031rem,1.5rem));display:inline-flex;font-weight:500!important}
.mirage .link-with-arrow:visited{color:inherit}
@media (min-width:1280px){
  .mirage .link-with-arrow{padding:max(.25rem,min(.313vw + .188rem,.5rem))}
  .mirage .link-with-arrow:hover,.mirage .link-with-arrow:focus,.mirage .link-with-arrow:active{border-bottom:0;text-decoration:none!important}
}
.mirage .link-with-arrow:after{content:url(assets/images/caret-right--porcelain1.svg);border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;line-height:0;display:inline-flex}
.mirage .link-with-arrow--orange:after{background-color:#c65335}
@media (min-width:1280px){
  .mirage .link-with-arrow--orange{background-color:#f4ddd700}
  .mirage .link-with-arrow--orange:hover,.mirage .link-with-arrow--orange:focus,.mirage .link-with-arrow--orange:active{background-color:#f4ddd7}
}
.mirage .link-with-arrow--magenta:after{background-color:#8f276b}
@media (min-width:1280px){
  .mirage .link-with-arrow--magenta{background-color:#e9d4e100}
  .mirage .link-with-arrow--magenta:hover,.mirage .link-with-arrow--magenta:focus,.mirage .link-with-arrow--magenta:active{background-color:#e9d4e1}
}
.mirage .link-with-arrow--blue:after{background-color:#006f7c}
@media (min-width:1280px){
  .mirage .link-with-arrow--blue{background-color:#cce2e500}
  .mirage .link-with-arrow--blue:hover,.mirage .link-with-arrow--blue:focus,.mirage .link-with-arrow--blue:active{background-color:#cce2e5}
}
.mirage .link-with-arrow--green:after{background-color:#527638}
@media (min-width:1280px){
  .mirage .link-with-arrow--green{background-color:#dce4d700}
  .mirage .link-with-arrow--green:hover,.mirage .link-with-arrow--green:focus,.mirage .link-with-arrow--green:active{background-color:#dce4d7}
}
.mirage .button{cursor:pointer;border-radius:360px;align-items:center;gap:4px;width:-webkit-fit-content;width:fit-content;padding:max(.75rem,min(.313vw + .688rem,1rem)) max(1rem,min(.625vw + .875rem,1.5rem));font-size:max(1rem,min(.313vw + .938rem,1.25rem));font-weight:400;line-height:max(1.125rem,min(.469vw + 1.031rem,1.5rem));text-decoration:none;display:flex}
.mirage .button-with-icon,.mirage .button-with-icon--reverse{padding:max(.75rem,min(.313vw + .688rem,1rem)) max(.75rem,min(.313vw + .688rem,1rem)) max(.75rem,min(.313vw + .688rem,1rem)) max(1rem,min(.625vw + .875rem,1.5rem))}
.mirage .button-with-icon--reverse{gap:max(.5rem,min(.313vw + .438rem,.75rem))}
.mirage .button-outline{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#f7f7f4;text-underline-offset:3px;background-color:#f7f7f400;padding:max(.25rem,min(.313vw + .188rem,.5rem)) max(.75rem,min(.313vw + .688rem,1rem));border:2px solid #f7f7f4!important}
.mirage .button-outline:hover,.mirage .button-outline:focus,.mirage .button-outline:active{background-color:#f7f7f440;text-decoration:underline!important;text-decoration-thickness:1px!important}
.mirage .button:hover,.mirage .button:focus,.mirage .button:active{text-underline-offset:3px!important;text-decoration:underline!important;text-decoration-thickness:1px!important}
.mirage .button-solid{color:#f7f7f4;border:0!important}
.mirage .button-solid--green{--grad-teal:#006f7c;--grad-moss:#527638;background:radial-gradient(ellipse 100% 100% at 0% 20%, rgb(from var(--grad-teal) r g b/1) 0%, rgb(from var(--grad-teal) r g b/0) 60%),radial-gradient(ellipse at 80% 20%, rgb(from var(--grad-moss) r g b/1) 10%, rgb(from var(--grad-teal) r g b/1) 80%);transition:--grad-teal .2s cubic-bezier(.17,.67,.83,.67),--grad-moss .2s cubic-bezier(.17,.67,.83,.67)}
.mirage .button-solid--green:hover{--grad-teal:#005963;--grad-moss:#425e2d}
.mirage .button-solid--green:focus,.mirage .button-solid--green:active{--grad-teal:color.adjust(#005963, 4%);--grad-moss:color.adjust(#425e2d, 4%);transition-duration:80ms}
.mirage .button-solid--orange{--grad-terra:#c65335;--grad-plum:#8f276b;background:radial-gradient(ellipse 100% 100% at 0% 20%, rgb(from var(--grad-plum) r g b/1) 0%, rgb(from var(--grad-plum) r g b/0) 60%),radial-gradient(ellipse at 80% 20%, rgb(from var(--grad-terra) r g b/1) 10%, rgb(from var(--grad-plum) r g b/1) 80%);transition:--grad-plum .2s cubic-bezier(.17,.67,.83,.67),--grad-terra .2s cubic-bezier(.17,.67,.83,.67)}
.mirage .button-solid--orange:hover{--grad-terra:#9e422a;--grad-plum:#721f56}
.mirage .button-solid--orange:focus,.mirage .button-solid--orange:active{--grad-terra:color.adjust(#9e422a, 4%);--grad-plum:color.adjust(#721f56, 4%);transition-duration:80ms}
.mirage .button-solid--blue{--grad-teal:#006f7c;--grad-plum:#8f276b;background:radial-gradient(ellipse 100% 100% at 0% 20%, rgb(from var(--grad-plum) r g b/1) 0%, rgb(from var(--grad-plum) r g b/0) 60%),radial-gradient(ellipse at 80% 20%, rgb(from var(--grad-teal) r g b/1) 10%, rgb(from var(--grad-plum) r g b/1) 80%);transition:--grad-plum .2s cubic-bezier(.17,.67,.83,.67),--grad-teal .2s cubic-bezier(.17,.67,.83,.67)}
.mirage .button-solid--blue:hover{--grad-teal:#005963;--grad-plum:#721f56}
.mirage .button-solid--blue:focus,.mirage .button-solid--blue:active{--grad-teal:color.adjust(#005963, 4%);--grad-plum:color.adjust(#721f56, 4%);transition-duration:80ms}
:where(.clinician-card.mirage) a:focus-visible{outline:1px auto #006f7c}
:where(.clinician-card.mirage) input:focus-visible{outline:1px auto #006f7c}
:where(.clinician-card.mirage) textarea:focus-visible{outline:1px auto #006f7c}
:where(.clinician-card.mirage) button:focus-visible{outline:1px auto #006f7c}
:where(.clinician-card.mirage) [role=button]:focus-visible{outline:1px auto #006f7c}
