@charset "utf-8";

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.dialog { --offset-sticky-margin: 16px; --dialog-radius: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; background-color: rgb(255, 255, 255); border-top-left-radius: var(--dialog-radius); border-top-right-radius: var(--dialog-radius); box-shadow: rgba(32, 32, 32, 0.25) 0px 0px 50px 0px; flex-direction: column; }

@media (min-width: 880px) {
  .dialog { border-bottom-left-radius: var(--dialog-radius); border-bottom-right-radius: var(--dialog-radius); width: var(--dialog-width,500px); }
}

.dialog__close-btn { margin-right: calc(var(--padding-y)*-1); margin-top: calc(var(--padding-y)*-1); }

.dialog__title { color: rgb(32, 32, 32); font-family: BrownBold, sans-serif; font-size: 1.8rem; font-weight: 700; line-height: 135%; }

.dialog__title::first-letter { text-transform: capitalize; }

.dialog__description { color: rgb(92, 92, 92); font-family: BrownRegular, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 125%; }

.dialog__description a { border-bottom: 1px solid; color: rgb(66, 66, 66); text-decoration: none; }

.dialog__description a:focus-visible, .dialog__description a:hover { border-bottom: 1px solid; cursor: pointer; text-decoration: none; }

.dialog__description a:active { background: rgb(221, 221, 221); border-radius: 2px; box-shadow: rgb(221, 221, 221) 0px 0px 0px 2px; }

.dialog__description a:focus-visible { border-radius: 2px; outline: 2px solid var(--outline-color,#2c69f6); outline-offset: var(--outline-offset,2px); }

.dialog__description a:visited { color: rgb(118, 118, 118); }

.dialog__description a[target="_blank"] { padding-bottom: 2px; }

.dialog__description a[target="_blank"]::after { background-color: rgb(66, 66, 66); content: "-"; display: inline; mask: url("external-link-e092162c.svg") center center no-repeat; padding-top: 1px; vertical-align: middle; }

.dialog__description a[target="_blank"]:visited::after { background-color: rgb(118, 118, 118); }

.dialog__description a[target="_blank"]::after { margin-left: 2px; padding-left: 14px; }

.dialog__icon-texts-wrapper { display: flex; padding: 16px; }

@media (min-width: 880px) {
  .dialog__icon-texts-wrapper { padding: 24px; }
}

.dialog__icon-wrapper { background-color: rgb(238, 240, 248); display: none; height: 32px; width: 32px; -webkit-box-pack: center; border-radius: 100%; justify-content: center; margin-right: 20px; }

.dialog__icon { align-self: center; }

.dialog__texts-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; row-gap: 8px; -webkit-box-flex: 1; flex: 1 1 0%; margin-right: 8px; }

@media (min-width: 880px) {
  .dialog__texts-wrapper { margin-right: 12px; }
}

.dialog__buttons-table { display: flex; padding: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; row-gap: 12px; }

@media (min-width: 880px) {
  .dialog__buttons-table { padding: 24px; }
}

.dialog__btn.fi-button { width: 100%; }

@media (min-width: 880px) {
  .dialog__buttons-table { display: table; table-layout: fixed; }
}

@media (min-width: 880px) and (min-width: 880px) {
  .dialog__buttons-table { margin-left: auto; }
}

@media (min-width: 880px) {
  .dialog__buttons-table-cell { display: table-cell; text-align: center; width: 50%; }
  .dialog__buttons-table-cell + .dialog__buttons-table-cell { padding-left: 12px; }
}

.dialog__overlay { background-color: rgb(50, 50, 50); height: 100%; left: 0px; opacity: 0.75; position: fixed; top: 0px; width: 100%; z-index: 119; }

.dialog--fixed { bottom: 0px; left: 0px; position: fixed; right: 0px; transform: translateY(calc(100% + 50px)); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: 120; }

@media (prefers-reduced-motion: reduce) {
  .dialog--fixed { transition: none; }
}

@media (min-width: 880px) {
  .dialog--fixed { transition: none; }
}

.dialog--display { display: flex; }

.dialog--visible { transform: translateY(var(--offset-sticky,0)); }

@media (min-width: 880px) {
  .dialog--visible { inset: 0px auto auto 0px; transform: translate(10px, 10px); }
}

.dialog--advanced { --dialog-width: 600px; }

.dialog--advanced .dialog__title { color: rgb(32, 32, 32); font-family: BrownBold, sans-serif; font-size: 2rem; font-weight: 700; line-height: 135%; }

.dialog--advanced .dialog__title::first-letter { text-transform: capitalize; }

.dialog--advanced .dialog__description { color: rgb(92, 92, 92); font-family: BrownRegular, sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 125%; }

@media (min-width: 1200px) {
  .dialog--advanced .dialog__description { font-size: 1.8rem; }
}

.dialog--advanced .dialog__description a { border-bottom: 1px solid; color: rgb(66, 66, 66); text-decoration: none; }

.dialog--advanced .dialog__description a:focus-visible, .dialog--advanced .dialog__description a:hover { border-bottom: 1px solid; cursor: pointer; text-decoration: none; }

.dialog--advanced .dialog__description a:active { background: rgb(221, 221, 221); border-radius: 2px; box-shadow: rgb(221, 221, 221) 0px 0px 0px 2px; }

.dialog--advanced .dialog__description a:focus-visible { border-radius: 2px; outline: 2px solid var(--outline-color,#2c69f6); outline-offset: var(--outline-offset,2px); }

.dialog--advanced .dialog__description a:visited { color: rgb(118, 118, 118); }

.dialog--advanced .dialog__description a[target="_blank"] { padding-bottom: 2px; }

.dialog--advanced .dialog__description a[target="_blank"]::after { background-color: rgb(66, 66, 66); content: "-"; display: inline; mask: url("external-link-e092162c.svg") center center no-repeat; padding-top: 1px; vertical-align: middle; }

.dialog--advanced .dialog__description a[target="_blank"]:visited::after { background-color: rgb(118, 118, 118); }

.dialog--advanced .dialog__description a[target="_blank"]::after { margin-left: 4px; padding-left: 20px; }

.dialog--advanced.dialog--fixed.dialog--visible + .dialog__overlay { display: block; }

@media (min-width: 880px) {
  .dialog--advanced.dialog--fixed.dialog--visible { left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .dialog--show-icon .dialog__icon-wrapper { display: flex; }
}