@charset "utf-8";

[class^="s-kit-modal"], [class*=" s-kit-modal"] { font-family: open_sans, "Open Sans", sans-serif; font-size: 12px; box-sizing: border-box; }

[class^="s-kit-modal"]::before, [class*=" s-kit-modal"]::before, [class^="s-kit-modal"]::after, [class*=" s-kit-modal"]::after { box-sizing: border-box; }

[class^="s-kit-modal"] [class^="s-kit-modal"], [class*=" s-kit-modal"] [class^="s-kit-modal"], [class^="s-kit-modal"] [class*=" s-kit-modal"], [class*=" s-kit-modal"] [class*=" s-kit-modal"] { box-sizing: border-box; }

[class^="s-kit-modal"] [class^="s-kit-modal"]::before, [class*=" s-kit-modal"] [class^="s-kit-modal"]::before, [class^="s-kit-modal"] [class*=" s-kit-modal"]::before, [class*=" s-kit-modal"] [class*=" s-kit-modal"]::before, [class^="s-kit-modal"] [class^="s-kit-modal"]::after, [class*=" s-kit-modal"] [class^="s-kit-modal"]::after, [class^="s-kit-modal"] [class*=" s-kit-modal"]::after, [class*=" s-kit-modal"] [class*=" s-kit-modal"]::after { box-sizing: border-box; }

.s-kit-modal-root .s-kit-modal-wrap-rtl { direction: rtl; }

.s-kit-modal-root .s-kit-modal-centered { text-align: center; }

.s-kit-modal-root .s-kit-modal-centered::before { display: inline-block; width: 0px; height: 100%; vertical-align: middle; content: ""; }

.s-kit-modal-root .s-kit-modal-centered .s-kit-modal { top: 0px; display: inline-block; padding-bottom: 0px; text-align: start; vertical-align: middle; }

@media (max-width: 767px) {
  .s-kit-modal-root .s-kit-modal { margin: 8px auto; }
  .s-kit-modal-root .s-kit-modal-centered .s-kit-modal { flex: 1 1 0%; }
}

.s-kit-modal { box-sizing: border-box; margin: 0px auto; padding: 0px 0px 24px; color: rgba(0, 0, 0, 0.88); font-size: 12px; line-height: 1.57143; list-style: none; font-family: open_sans, "Open Sans", sans-serif; pointer-events: none; position: relative; top: 100px; width: auto; }

.s-kit-modal .s-kit-modal-title { margin: 0px; color: rgb(75, 80, 86); font-weight: 600; font-size: 20px; line-height: 1.5; overflow-wrap: break-word; }

.s-kit-modal .s-kit-modal-content { position: relative; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 0px; border-radius: 3px; box-shadow: none; pointer-events: auto; }

.s-kit-modal .s-kit-modal-close { position: absolute; right: 15px; z-index: 1010; padding: 0px; color: rgba(0, 0, 0, 0.45); font-weight: 600; line-height: 1; text-decoration: none; background: transparent; border-radius: 3px; border: 0px; outline: 0px; cursor: pointer; transition: color 0.2s, background-color 0.2s; }

.s-kit-modal .s-kit-modal-close-x { display: flex; font-size: 30px; font-style: normal; justify-content: center; text-transform: none; text-rendering: auto; }

.s-kit-modal .s-kit-modal-close:disabled { pointer-events: none; }

.s-kit-modal .s-kit-modal-close:hover { color: rgba(0, 0, 0, 0.88); background-color: rgba(0, 0, 0, 0.06); text-decoration: none; }

.s-kit-modal .s-kit-modal-close:active { background-color: rgba(0, 0, 0, 0.15); }

.s-kit-modal .s-kit-modal-close:focus-visible { outline: rgb(145, 202, 255) solid 3px; outline-offset: 1px; transition: outline-offset, outline; }

.s-kit-modal .s-kit-modal-header { color: rgba(0, 0, 0, 0.88); background: rgb(255, 255, 255); border-radius: 3px 3px 0px 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.s-kit-modal .s-kit-modal-body { font-size: 12px; line-height: 1.57143; overflow-wrap: break-word; }

.s-kit-modal .s-kit-modal-body .s-kit-modal-body-skeleton { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin: 16px auto; }

.s-kit-modal .s-kit-modal-footer { text-align: end; background: transparent; margin-top: 12px; padding: 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-radius: 0px; }

.s-kit-modal .s-kit-modal-footer > .s-kit-btn + .s-kit-btn { margin-left: 8px; }

.s-kit-modal .s-kit-modal-open { overflow: hidden; }

.s-kit-modal-pure-panel { top: auto; padding: 0px; display: flex; flex-direction: column; }

.s-kit-modal-pure-panel .s-kit-modal-content, .s-kit-modal-pure-panel .s-kit-modal-body, .s-kit-modal-pure-panel .s-kit-modal-confirm-body-wrapper { display: flex; flex-direction: column; flex: 1 1 auto; }

.s-kit-modal-pure-panel .s-kit-modal-confirm-body { margin-bottom: auto; }

.s-kit-modal-root .s-kit-modal-wrap-rtl { direction: rtl; }

.s-kit-modal-root .s-kit-modal-wrap-rtl .s-kit-modal-confirm-body { direction: rtl; }

.s-kit-modal-root .s-kit-modal.s-kit-zoom-enter, .s-kit-modal-root .s-kit-modal.s-kit-zoom-appear { transform: none; opacity: 0; animation-duration: 0.3s; user-select: none; }

.s-kit-modal-root .s-kit-modal.s-kit-zoom-leave .s-kit-modal-content { pointer-events: none; }

.s-kit-modal-root .s-kit-modal-mask { position: fixed; inset: 0px; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.6); pointer-events: none; }

.s-kit-modal-root .s-kit-modal-mask .s-kit-modal-hidden { display: none; }

.s-kit-modal-root .s-kit-modal-wrap { position: fixed; inset: 0px; overflow: auto; outline: 0px; }

.s-kit-modal-root .s-kit-fade-enter, .s-kit-modal-root .s-kit-fade-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; }

.s-kit-modal-root .s-kit-fade-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; }

.s-kit-modal-root .s-kit-fade-enter.s-kit-fade-enter-active, .s-kit-modal-root .s-kit-fade-appear.s-kit-fade-appear-active { animation-name: antFadeIn; animation-play-state: running; }

.s-kit-modal-root .s-kit-fade-leave.s-kit-fade-leave-active { animation-name: antFadeOut; animation-play-state: running; pointer-events: none; }

.s-kit-modal-root .s-kit-fade-enter, .s-kit-modal-root .s-kit-fade-appear { opacity: 0; animation-timing-function: linear; }

.s-kit-modal-root .s-kit-fade-leave { animation-timing-function: linear; }

.s-kit-zoom-enter, .s-kit-zoom-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; }

.s-kit-zoom-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; }

.s-kit-zoom-enter.s-kit-zoom-enter-active, .s-kit-zoom-appear.s-kit-zoom-appear-active { animation-name: antZoomIn; animation-play-state: running; }

.s-kit-zoom-leave.s-kit-zoom-leave-active { animation-name: antZoomOut; animation-play-state: running; pointer-events: none; }

.s-kit-zoom-enter, .s-kit-zoom-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); }

.s-kit-zoom-enter-prepare, .s-kit-zoom-appear-prepare { transform: none; }

.s-kit-zoom-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.s-kit-modal-root .s-kit-modal { --s-kit-modal-sm-width: var(--s-kit-modal-xs-width); --s-kit-modal-md-width: var(--s-kit-modal-sm-width); --s-kit-modal-lg-width: var(--s-kit-modal-md-width); --s-kit-modal-xl-width: var(--s-kit-modal-lg-width); --s-kit-modal-xxl-width: var(--s-kit-modal-xl-width); width: var(--s-kit-modal-xs-width); }

@media (min-width: 576px) {
  .s-kit-modal-root .s-kit-modal { width: var(--s-kit-modal-sm-width); }
}

@media (min-width: 768px) {
  .s-kit-modal-root .s-kit-modal { width: var(--s-kit-modal-md-width); }
}

@media (min-width: 992px) {
  .s-kit-modal-root .s-kit-modal { width: var(--s-kit-modal-lg-width); }
}

@media (min-width: 1200px) {
  .s-kit-modal-root .s-kit-modal { width: var(--s-kit-modal-xl-width); }
}

@media (min-width: 1600px) {
  .s-kit-modal-root .s-kit-modal { width: var(--s-kit-modal-xxl-width); }
}