@layer theme,base;@layer components{html[data-site=keyplan] .kp-pay-form{gap:1.25rem}html[data-site=keyplan] .kp-pay-main{gap:1.35rem;display:grid}html[data-site=keyplan] .kp-pay-main .kp-sim-label{font-size:.9375rem}html[data-site=keyplan] .kp-pay-reset{margin-top:-.5rem}html[data-site=keyplan] .kp-pay-more{border:1px solid var(--kp-line);background:var(--kp-surface-2);border-radius:14px;min-width:0}html[data-site=keyplan] .kp-pay-more>summary{cursor:pointer;border-radius:inherit;min-height:2.75rem;color:var(--kp-link);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .9rem;font-size:.9375rem;font-weight:600;list-style:none;display:flex}html[data-site=keyplan] .kp-pay-more>summary::-webkit-details-marker{display:none}html[data-site=keyplan] .kp-pay-more>summary .kp-i{width:1rem;height:1rem;transition:transform .2s var(--kp-ease);flex:none}html[data-site=keyplan] .kp-pay-more>summary:hover{color:var(--kp-indigo)}html[data-site=keyplan] .kp-pay-more>summary:focus-visible{outline:3px solid var(--kp-focus);outline-offset:2px}html[data-site=keyplan] .kp-pay-more[open]>summary{border-bottom:1px solid var(--kp-line);border-radius:14px 14px 0 0}html[data-site=keyplan] .kp-pay-more[open]>summary .kp-i{transform:rotate(180deg)}html[data-site=keyplan] .kp-pay-form>.kp-pay-more:first-of-type{margin-top:.25rem}html[data-site=keyplan] .kp-pay-more-body{gap:.9rem;padding:.9rem;display:grid}html[data-site=keyplan] .kp-pay-more-body .kp-sim-lead{margin:0}html[data-site=keyplan] .kp-pay-how{color:var(--kp-ink-2);gap:.5rem;margin:0;padding:.85rem 1rem .95rem 2rem;font-size:.875rem;line-height:1.55;display:grid}html[data-site=keyplan] .kp-pay-how li{text-wrap:pretty}html[data-site=keyplan] .kp-pay-res{gap:.9rem;display:grid}html[data-site=keyplan] .kp-pay-big{background:var(--kp-lav-50);border-radius:16px;gap:.2rem;margin:0;padding:1rem 1.15rem 1.05rem;display:grid}html[data-site=keyplan] .kp-pay-big b{letter-spacing:-.025em;color:var(--kp-indigo);font-variant-numeric:tabular-nums;font-size:clamp(2rem,1.55rem + 1.6vw,2.625rem);font-weight:750;line-height:1.1}html[data-site=keyplan] .kp-pay-big-label{color:var(--kp-ink-2);font-size:.875rem;font-weight:700}html[data-site=keyplan] .kp-pay-big-sub{color:var(--kp-ink-3);font-size:.8125rem;font-weight:600}html[data-site=keyplan] .kp-pay-sentence{border-left:3px solid var(--kp-lav-300);background:var(--kp-surface-2);color:var(--kp-ink);text-wrap:pretty;border-radius:0 12px 12px 0;margin:0;padding:.75rem .95rem;font-size:.9375rem;line-height:1.55}html[data-site=keyplan] .kp-pay-fees{font-size:.8125rem}html[data-site=keyplan] .kp-pay-know{margin-top:calc(-1*clamp(.75rem,2vw,1.5rem))}html[data-site=keyplan] .kp-pay-know>.kp-pay-more{background:var(--kp-surface)}html[data-site=keyplan] .kp-pay-know .kp-sim-facts>li{background:var(--kp-surface-2)}html[data-site=keyplan] .kp-sim-out .kp-pay-table{background:var(--kp-surface)}html[data-site=keyplan] .kp-sim-out .kp-pay-table .kp-table-wrap{border-top:0;border-radius:0 0 14px 14px}html[data-site=keyplan] .kp-pay-table .kp-table caption.kp-pay-caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html[data-site=keyplan] .kp-pay-table .kp-pay-more-body{padding-top:.25rem}html[data-site=keyplan] .kp-sim-out .kp-pay-table .kp-table thead th{white-space:normal;vertical-align:bottom}@media (min-width:640px){html[data-site=keyplan] .kp-sim-out .kp-pay-table .kp-table :is(thead th,td,tbody th){padding-inline:.9rem .25rem}html[data-site=keyplan] .kp-sim-out .kp-pay-table .kp-table :is(th,td):last-child{padding-right:.9rem}}@media (max-width:639.98px){html[data-site=keyplan] .kp-sim-out .kp-pay-table .kp-table tbody tr{padding-inline:.9rem}}html[data-site=keyplan] .kp-pay-bar{display:none}@media (max-width:1023.98px){html[data-site=keyplan] .kp-pay-bar{z-index:35;left:var(--kp-gutter);right:var(--kp-gutter);bottom:calc(.75rem + env(safe-area-inset-bottom,0px));background:var(--kp-indigo);color:#fff;box-shadow:var(--kp-shadow-float);visibility:hidden;transition:transform .3s var(--kp-ease), visibility 0s .3s;border-radius:16px;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .6rem .6rem 1rem;display:flex;position:fixed;transform:translateY(calc(100% + 1.5rem))}html[data-site=keyplan] .kp-pay-bar p{gap:.05rem;min-width:0;margin:0;display:grid}html[data-site=keyplan] .kp-pay-bar span{color:var(--kp-lav-200);font-size:.75rem;font-weight:600}html[data-site=keyplan] .kp-pay-bar b{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.1875rem;font-weight:750;line-height:1.2}html[data-site=keyplan] .kp-pay-bar button{color:#fff;min-height:2.75rem;font:600 .8438rem/1.2 var(--kp-font);cursor:pointer;background:#ffffff14;border:1px solid #ffffff59;border-radius:12px;flex:none;align-items:center;gap:.35rem;padding:0 .9rem;display:inline-flex}html[data-site=keyplan] .kp-pay-bar button:hover{background:#ffffff29}html[data-site=keyplan] .kp-pay-bar button:focus-visible{outline-offset:2px;outline:3px solid #fff}html[data-site=keyplan] .kp-pay-bar button .kp-i{width:1rem;height:1rem}html[data-site=keyplan] .kp-pay-bar[data-show=true]{visibility:visible;transition:transform .3s var(--kp-ease), visibility 0s;transform:none}}@media (prefers-reduced-motion:reduce){html[data-site=keyplan] .kp-pay-more>summary .kp-i,html[data-site=keyplan] .kp-pay-bar,html[data-site=keyplan] .kp-pay-bar[data-show=true]{transition:none}}@media (forced-colors:active){html[data-site=keyplan] .kp-pay-bar{border:2px solid canvastext}}}@layer utilities;