.yk-paysteps-box[data-v-d78da930]{container-type:inline-size;width:100%}.yk-paysteps[data-v-d78da930]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-width:40rem}.yk-paystep[data-v-d78da930]{position:relative;display:flex;align-items:center;gap:.65rem;padding:.4rem 0;font-size:.9375rem;line-height:1.4;color:var(--ui-text-toned)}.yk-paystep[data-state=active][data-v-d78da930],.yk-paystep[data-state=done][data-v-d78da930]{color:var(--ui-text-highlighted)}.yk-paystep[data-state=active][data-v-d78da930]{font-weight:500}.yk-paystep+.yk-paystep[data-v-d78da930]:before{content:"";position:absolute;left:11px;top:-8px;width:2px;height:16px;background:var(--ui-border-accented)}.yk-paystep[data-state=done]+.yk-paystep[data-v-d78da930]:before{background:var(--ui-primary)}.yk-paystep-dot[data-v-d78da930]{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:9999px;border:1.5px solid var(--ui-border-accented);font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--ui-text-toned)}.yk-paystep[data-state=done] .yk-paystep-dot[data-v-d78da930]{background:var(--ui-primary);border-color:var(--ui-primary);color:var(--ui-bg)}.yk-paystep[data-state=active] .yk-paystep-dot[data-v-d78da930]{border-color:var(--ui-primary);color:var(--ui-primary)}@container (min-width: 36rem){.yk-paysteps[data-v-d78da930]{flex-direction:row;align-items:center;gap:.6rem}.yk-paystep[data-v-d78da930]{padding:0;gap:.5rem;white-space:nowrap}.yk-paystep+.yk-paystep[data-v-d78da930]{flex:1 1 auto}.yk-paystep+.yk-paystep[data-v-d78da930]:before{position:static;flex:1 1 1.25rem;width:auto;height:2px}}.yk-insite{display:grid;gap:.9rem}.yk-insite-label{display:block;margin-bottom:.35rem;font-size:.8125rem;font-weight:500;color:var(--ui-text)}.yk-insite-field{height:44px;border-radius:4px}.yk-insite-btn{height:48px;margin-top:.25rem;border-radius:4px}.yk-insite-focus{outline:2px solid var(--ui-primary);outline-offset:2px}.yk-insite-btn iframe,.yk-insite-field iframe{display:block;width:100%;height:100%;border:0}.yk-insite-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.yk-insite-secure{display:flex;align-items:center;gap:.45rem;margin:0;font-size:.75rem;line-height:1.4;color:var(--ui-text-toned)}.yk-insite-secure svg{flex:none}