@charset "utf-8";



:root { --klp3-pink: #FFB3C7; --klp3-ink: #171717; }



.klp3-line { text-align: left; grid-column: 1 / -1; }



.klp3-trigger { display: inline-flex; align-items: center; gap: 5px; flex-wrap: wrap; background: none; border: 0px; padding: 0px; margin: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; color: inherit; line-height: 1.35; cursor: pointer; text-align: left; }



.klp3-trigger:hover .klp3-line__txt { text-decoration: underline; }



.klp3-line__txt strong { font-weight: 700; }



.klp3-badge__logo { height: 15px; width: auto; transform: translateY(1px); display: inline-block; }



.klp3-badge__info { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; border-radius: 50%; border: 1px solid; font-size: 10px; font-weight: 700; opacity: 0.55; flex: 0 0 auto; }



.klp3-modal[hidden] { display: none; }



.klp3-modal { position: fixed; inset: 0px; z-index: 2147483000; display: flex; align-items: center; justify-content: center; }



.klp3-modal__overlay { position: absolute; inset: 0px; background: rgba(11, 5, 29, 0.55); }



.klp3-modal__dialog { position: relative; z-index: 1; width: min(440px, 92vw); max-height: 90vh; overflow: auto; background: rgb(255, 255, 255); border-radius: 16px; padding: 28px 26px 24px; box-shadow: rgba(0, 0, 0, 0.25) 0px 24px 60px; font-family: "Red Hat Display", -apple-system, BlinkMacSystemFont, sans-serif; color: var(--klp3-ink); animation: 0.18s ease-out 0s 1 normal none running klp3in; }



@keyframes klp3in { 

  0% { opacity: 0; transform: translateY(8px) scale(0.98); }

  100% { opacity: 1; }

}



.klp3-modal__close { position: absolute; top: 12px; right: 14px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; font-size: 26px; line-height: 1; cursor: pointer; color: rgb(154, 147, 168); }



.klp3-modal__logo { height: 24px; width: auto; }



.klp3-modal__dialog h2 { font-size: 20px; margin: 14px 0px 4px; font-weight: 700; }



.klp3-modal__amount { font-size: 15px; margin: 0px 0px 18px; color: rgb(74, 68, 88); }



.klp3-modal__amount strong { color: var(--klp3-ink); }



.klp3-steps { list-style: none; margin: 0px; padding: 0px; }



.klp3-steps li { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0px; border-top: 1px solid rgb(240, 238, 243); font-size: 14px; }



.klp3-steps li:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }



.klp3-num { flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; background: var(--klp3-pink); color: var(--klp3-ink); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; }



.klp3-modal__legal { font-size: 11px; color: rgb(138, 131, 152); margin: 16px 0px 0px; }