@charset "utf-8";

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

p { margin: 0px !important; }

.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(250, 250, 250); margin: 80px auto; width: 90%; max-width: 530px; 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: 12px 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: 15px; border-radius: 100px; float: right; background-color: transparent; cursor: pointer; }

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

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

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

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

summary.fr-accordion-content::-webkit-details-marker { display: none; }

summary.fr-accordion-content::marker { display: none; }

.fr-question-section { padding-bottom: 16px; padding-top: 16px; background: rgb(254, 254, 254); }

.fr-accordion { padding-left: 24px; padding-right: 24px; }

.fr-accordion[open] { margin-bottom: 16px; }

.fr-accordion[open] > .fr-accordion-content { margin-bottom: 0px; }

.fr-accordion-content { font-family: sofia-pro, sans-serif; color: rgb(33, 33, 33); font-feature-settings: "clig" 0, "liga" 0; font-size: 16px; font-style: normal; font-weight: 500; display: flex; justify-content: space-between; align-items: center; align-self: stretch; gap: 12px; cursor: pointer; }

.fr-question-title { margin: 0px; letter-spacing: normal; font-weight: 500; color: rgb(33, 33, 33); font-size: 18px; font-family: sofia-pro, sans-serif; }

.fr-expand-plus, .fr-accordion[open] > .fr-accordion-content > .fr-expand-minus { display: flex; align-items: center; justify-content: center; background: rgb(238, 238, 238); border-radius: 100px; padding: 9px; margin: 16px 0px; }

.fr-expand-plus > svg, .fr-accordion[open] > .fr-accordion-content > .fr-expand-minus > svg { height: 14px; width: 14px; }

.fr-accordion[open] > .fr-accordion-content > .fr-expand-plus, .fr-accordion > .fr-accordion-content > .fr-expand-minus { display: none; }

.fr-question-answer { display: inline-block; margin: 0px; padding-right: 40px; font-weight: 300; line-height: 1.5; letter-spacing: normal; font-size: 16px; color: rgb(66, 66, 66); font-family: sofia-pro, sans-serif; }

.fr-question-answer > p:not(:last-child) { margin-bottom: 16px !important; }

.fr-provider-list-section { background: rgb(250, 250, 250); padding: 32px 24px 0px; }

.fr-provider-list-title { margin-top: 0px; margin-right: 0px; margin-left: 0px; color: rgb(33, 33, 33); font-feature-settings: "clig" 0, "liga" 0; font-family: sofia-pro, sans-serif; font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; letter-spacing: normal; margin-bottom: 6px !important; }

.fr-provider-list-subtitle { margin: 0px 16px 32px 0px; color: rgb(66, 66, 66); font-feature-settings: "clig" 0, "liga" 0; font-family: sofia-pro, sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 1.5; letter-spacing: normal; }

.fr-view-all-link { color: rgb(33, 33, 33); text-decoration: underline; font-size: inherit; font-weight: 300; font-family: sofia-pro, sans-serif; }

.fr-provider-list-item { display: flex; justify-content: space-between; align-items: center; margin: 24px 0px; gap: 16px; }

.fr-provider-info { display: flex; flex-direction: column; overflow: hidden; padding-bottom: 4px; }

.fr-provider-info p { margin: 0px; line-height: normal; }

button > * { pointer-events: none; }

.fr-provider-info > button { display: grid; grid-template-columns: 42px auto; grid-template-rows: 42px; gap: 0px 12px; align-items: center; }

button > figure { grid-area: 1 / 1 / 3 / 2; margin: 0px; position: relative; }

figure > figcaption { box-sizing: border-box; position: absolute; bottom: -3px; right: 0px; display: flex; width: 16px; height: 16px; justify-content: center; align-items: center; gap: 10px; border-radius: 6px; outline: rgb(255, 255, 255) solid 2px; background: rgb(33, 33, 33); color: rgb(255, 255, 255); text-align: center; font-family: "Sofia Pro"; font-size: 10px; font-style: normal; font-weight: 700; line-height: normal; }

figure > img { width: 36px; height: 36px; border-radius: 14px; background: rgb(238, 238, 238); object-fit: cover; }

figure.expanded img { width: 42px; height: 42px; border-radius: 16px; }

figure.expanded figcaption { display: none; }

.fr-provider-details > span { text-decoration: none !important; }

.fr-provider-details { font-size: 14px; color: rgb(86, 86, 86); display: flex; flex-direction: row; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; }

.fr-provider-name { margin: 0px; color: rgb(33, 33, 33); font-family: sofia-pro, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 18px; letter-spacing: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0px; border: none; background: transparent; text-align: left; cursor: pointer; }

.fr-provider-name > div > span { text-decoration: underline; white-space: nowrap; display: block; text-overflow: ellipsis; }

.fr-provider-name > div > p { overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis; }

.fr-provider-name > div { overflow: hidden; display: flex; flex-direction: column; gap: 4px; }

.fr-view-store-button { display: flex; padding: 10px 15px 12px 16px; flex-direction: row; justify-content: center; align-items: center; gap: 2px; border-radius: 50px; background: rgb(238, 238, 238); color: rgb(33, 33, 33); text-align: center; font-family: sofia-pro, sans-serif; font-size: 14px; font-style: normal; line-height: 14px; font-weight: 500; text-decoration: none; letter-spacing: normal; white-space: nowrap; }

.fr-view-store-button .fr-link-vector { bottom: -1px; }

.fr-view-store-button:hover { background-color: rgb(224, 224, 224); }

.fr-disclaimer > p { font-style: italic; font-weight: 300; font-size: 12px; color: rgb(117, 117, 117); }

.fr-disclaimer { padding: 12px 16px; margin: 0px 8px 16px; border-radius: 12px; text-align: center; background: rgb(245, 245, 245); }

.fr-full-provider-list-bottom { display: flex; padding: 8px 0px 24px; margin: 0px 24px; justify-content: center; align-items: center; gap: 8px; border-top: none; background: rgb(250, 250, 250); }

.fr-view-all-providers-link-bottom { text-decoration: none; color: rgb(33, 33, 33); text-align: center; font-family: sofia-pro, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin: 0px !important; }

.fr-view-all-providers-link-bottom > span { display: inline-block; }

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

@media only screen and (max-width: 480px) {
  .fr-modal { margin: 40px auto 80px; }
  .fr-question-title { font-size: 17px; }
  .fr-accordion { padding-left: 20px; padding-right: 20px; }
  .fr-provider-list-section, .fr-disclaimer { padding-right: 20px; padding-left: 20px; }
  .fr-modal-header-row { padding-left: 16px; padding-right: 16px; }
}

@media only screen and (max-width: 429px) {
  .fr-accordion-content { gap: 0px; }
  .fr-question-title { font-size: 16px; }
  .fr-accordion { padding-left: 14px; padding-right: 14px; }
  .fr-provider-list-section, .fr-disclaimer { padding-right: 14px; padding-left: 14px; }
  .fr-modal-header-row { padding-left: 10px; padding-right: 10px; }
}

.fr-view-store-button { display: none; }

.fr-quant-container { box-shadow: none; margin: 32px 0px; background-color: rgb(247, 247, 247) !important; }

.fr-img-sample, .fr-sample { border: 2px solid rgb(247, 247, 247) !important; }

@media only screen and (max-width: 480px) {
  .fr-quant-container { margin: 24px 0px; }
}