@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-slate-50:oklch(98.4% .003 247.858);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;--default-mono-font-family:var(--font-mono);--color-telkom-red:#ae2431;--color-telkom-yellow:#ffed00;--color-telkom-blue:#00aaca;--color-telkom-blue-50:#e6f8fb;--color-telkom-blue-700:#007d8f;--color-telkom-navy:#0b2545;--color-surface-selected:#e6f8fb}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}body{background-color:var(--color-slate-50);color:var(--color-slate-900)}h1,h2{font-family:Manrope,ui-sans-serif,system-ui,sans-serif}input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.telkom-field-input),select,textarea{border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-white);--tw-outline-style:none;border-width:1px;border-color:#c4ceda;outline-style:none}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.telkom-field-input),select,textarea):focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#00b4cd1f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#00b4cd}}@layer components{.form-card,.info-card,.tab-container{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px;border-color:#d7dee8}.tab-container{overflow:hidden}.topup-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);background-color:var(--color-white);padding:calc(var(--spacing)*4);text-align:left;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-width:1px;border-color:#d7dee8}.topup-card--selected{background-color:#e6f8fb;border-color:#5acfe0}.input-field-wrap{align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-white);padding-inline:calc(var(--spacing)*3);border-width:1px;border-color:#c4ceda;display:flex}.input-field-wrap:focus-within{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#00b4cd1f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#00b4cd}.input-field-wrap input,.input-field-wrap input:focus{border-style:var(--tw-border-style);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:0}.step-line{background-color:#d7dee8;flex:1;height:1px}}@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.-top-10{top:calc(var(--spacing)*-10)}.top-0{top:calc(var(--spacing)*0)}.-right-10{right:calc(var(--spacing)*-10)}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.-mr-8{margin-right:calc(var(--spacing)*-8)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-7{margin-bottom:calc(var(--spacing)*7)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.-ml-4{margin-left:calc(var(--spacing)*-4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-32{height:calc(var(--spacing)*32)}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-fit{height:-moz-fit-content;height:fit-content}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-32{width:calc(var(--spacing)*32)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing)*5*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing)*5*(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing)*6*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)))}.gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-border-neutral{border-color:#d7dee8}.border-transparent{border-color:#0000}.bg-\[var\(--telkom-yellow\)\]{background-color:var(--telkom-yellow)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-telkom-blue-50{background-color:#e6f8fb}.bg-telkom-blue-100\/70{background-color:#ccf0f6b3}.bg-telkom-blue-500{background-color:#00b4cd}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.object-contain{-o-object-fit:contain;object-fit:contain}.p-7{padding:calc(var(--spacing)*7)}.p-\[3px\]{padding:3px}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-1{padding-top:calc(var(--spacing)*1)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.font-sans{font-family:Manrope,ui-sans-serif,system-ui,sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-950{color:var(--color-slate-950)}.text-telkom-blue-600{color:#009ab3}.text-telkom-blue-700{color:#007d8f}.text-white{color:var(--color-white)}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow-sm,.shadow-xs{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-100{transition-delay:.1s}.delay-600{transition-delay:.6s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}@media(hover:hover){.hover\:text-telkom-blue-700:hover{color:#007d8f}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(min-width:40rem){.sm\:mr-0{margin-right:calc(var(--spacing)*0)}.sm\:-ml-12{margin-left:calc(var(--spacing)*-12)}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:h-15{height:calc(var(--spacing)*15)}.sm\:gap-6{gap:calc(var(--spacing)*6)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media(min-width:48rem){.md\:inline-flex{display:inline-flex}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:64rem){.lg\:grid-cols-\[minmax\(0\,1fr\)_360px\]{grid-template-columns:minmax(0,1fr) 360px}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\\\'size-\\\'\]\)\]\:size-4 svg:not([class*="'size-'"]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}}body,html{font-family:Manrope,ui-sans-serif,system-ui,sans-serif;overflow-x:clip}.airtime-page{background:radial-gradient(circle at 12% 12%,#00b4cd14,#0000 28%),radial-gradient(circle at 90% 18%,#ffeb0014,#0000 20%),#f6fafd;min-height:100vh;overflow-x:clip}@keyframes panelSlideFromLeft{0%{opacity:0;transform:translate(-24px)scale(.992)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes panelSlideFromRight{0%{opacity:0;transform:translate(24px)scale(.992)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes panelSlideFromBottom{0%{opacity:0;transform:translateY(16px)scale(.996)}to{opacity:1;transform:translate(0)scale(1)}}.panel-reveal-left{will-change:transform,opacity;animation:panelSlideFromLeft .6s cubic-bezier(.25,.46,.45,.94) both}.panel-reveal-right{will-change:transform,opacity;animation:panelSlideFromRight .6s cubic-bezier(.25,.46,.45,.94) both}.panel-reveal-bottom{will-change:transform,opacity;animation:panelSlideFromBottom .5s cubic-bezier(.25,.46,.45,.94) both}.panel-delay-100{animation-delay:.1s}.panel-delay-180{animation-delay:.18s}.panel-delay-260{animation-delay:.26s}.panel-delay-340{animation-delay:.34s}.panel-delay-420{animation-delay:.42s}.panel-delay-520{animation-delay:.52s}.panel-side-enter-active{animation:panelSlideFromRight .42s cubic-bezier(.25,.46,.45,.94) both}.panel-side-leave-active{animation:panelSlideFromRight .28s cubic-bezier(.55,0,1,.45) reverse both}.field-group{gap:calc(var(--spacing)*1.5);flex-direction:column;display:flex}.field-label{transform-origin:0;transition:transform .22s cubic-bezier(.25,.46,.45,.94),color .22s}.field-group:focus-within .field-label{color:var(--color-slate-600);transform:translateY(-1px)scale(.97)}.input-field-wrap{height:calc(var(--spacing)*11);align-items:center;gap:calc(var(--spacing)*2.5);border-style:var(--tw-border-style);background-color:var(--color-white);padding-inline:calc(var(--spacing)*3);border-width:1.5px;border-color:#c4ceda;border-radius:10px;transition:border-color .22s,transform .22s cubic-bezier(.25,.46,.45,.94),box-shadow .22s;display:flex}.input-field-wrap:hover{border-color:var(--color-slate-400)}.field-group:focus-within .input-field-wrap{border-color:var(--color-slate-400);transform:translateY(-1px);box-shadow:0 2px 8px #0f172a0f}.input-icon{width:15px;height:15px;color:var(--color-slate-300);flex-shrink:0;transition:color .22s}.field-group:focus-within .input-icon{color:var(--color-slate-500)}.input-field-wrap input{border-style:var(--tw-border-style);width:100%;height:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-slate-900);--tw-outline-style:none;background-color:#0000;border-width:0;outline-style:none}.input-field-wrap input::-moz-placeholder{color:var(--color-slate-300)}.input-field-wrap input::placeholder{color:var(--color-slate-300)}.topup-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);background-color:var(--color-white);padding:calc(var(--spacing)*4);text-align:left;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-width:1px;border-color:#d7dee8;transition:border-color .2s,transform .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s}.topup-card:hover{transform:translateY(-1px);box-shadow:0 2px 10px #0f172a12}.topup-card:active{transform:translateY(0)scale(.985)}.topup-card--selected{background-color:#e6f8fb;border-color:#5acfe0;transform:translateY(-1px);box-shadow:0 2px 10px #00b4cd1a}.topup-check{top:calc(var(--spacing)*3);right:calc(var(--spacing)*3);opacity:0;background-color:#ffed00;border-radius:3.40282e+38px;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .22s cubic-bezier(.34,1.56,.64,1),transform .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;transform:scale(.5)rotate(-20deg)}.topup-card--selected .topup-check{opacity:1;transform:scale(1)rotate(0)}.panel-unlock-enter-active{transition:opacity .22s,transform .22s cubic-bezier(.25,.46,.45,.94)}.panel-unlock-leave-active{transition:opacity .16s,transform .16s}.panel-unlock-enter-from{opacity:0;transform:translateY(6px)}.panel-unlock-leave-to{opacity:0;transform:translateY(4px)}.flow-switch-link{-webkit-tap-highlight-color:transparent;outline:none}.flow-switch-link:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:#33c5da;--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);border-radius:.25rem}.flow-switch-link:hover .flow-switch-icon{animation:icon-nudge .3s cubic-bezier(.34,1.56,.64,1)}.flow-switch-link:active .flow-switch-icon{transition:transform 80ms ease-out;transform:scale(.88)}.flow-switch-link:hover .flow-switch-label{transition:transform .15s ease-out;transform:translateY(-.5px)}.flow-switch-link:hover .flow-switch-arrow{animation:arrow-slide-in .22s cubic-bezier(.34,1.56,.64,1) forwards}.flow-switch-link:active .flow-switch-arrow{transition:transform 80ms ease-out;transform:translate(3px)}@keyframes icon-nudge{0%{transform:scale(1)rotate(0)}40%{transform:scale(1.15)rotate(-8deg)}70%{transform:scale(1.08)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes arrow-slide-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.telkom-header{background:var(--color-telkom-blue);position:relative;box-shadow:0 10px 30px #00b4cd29}.telkom-header:after{content:"";background:var(--color-telkom-yellow);width:100%;height:4px;position:absolute;bottom:0;left:0}@media(min-width:1024px){.airtime-rail{position:sticky;top:6.5rem}}.tk-flow-section{scroll-margin-top:5.5rem}.tk-flow-section:focus{outline:none}@media(min-width:640px){.tk-flow-section{scroll-margin-top:6.5rem}}[data-sonner-toaster]{max-width:calc(100vw - var(--mobile-offset,16px)*2)}.telkom-primary-action{background:var(--color-telkom-yellow);width:100%;color:var(--color-telkom-navy);cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.25rem;font-weight:950;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s;display:flex;box-shadow:0 14px 30px #ffeb0038,inset 0 -2px #0b254514}.telkom-primary-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 38px #ffeb0047,inset 0 -2px #0b25451a}.telkom-primary-action:active:not(:disabled){transform:scale(.985)}.telkom-primary-action:focus-visible{outline:none;box-shadow:0 0 0 3px #0b254559}.telkom-primary-action:disabled{cursor:not-allowed;opacity:.5}.telkom-primary-action--inline{width:auto}.telkom-signal{gap:.18rem;display:inline-flex}.telkom-signal:after,.telkom-signal:before{content:"";background:var(--color-telkom-yellow);border-radius:999px;width:.28rem;height:.75rem;display:block;transform:skew(-18deg)}.bento-step-card{background:#fff;border:none;border-radius:30px;position:relative;box-shadow:0 18px 44px #0b25450b,0 2px 10px #0b254506}.step-orb{background:var(--color-telkom-blue);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:950;display:inline-flex;box-shadow:0 12px 26px #00b4cd2e,0 0 0 8px #00b4cd14}.field-group{display:block}.field-group>span{color:#334155;margin-bottom:.55rem;font-size:.88rem;font-weight:800;display:block}.soft-input-wrap{background:#f8fafc;border:none;border-radius:18px;align-items:center;gap:.75rem;min-height:58px;padding:0 1rem;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:inset 0 0 0 1px #e2e8f073}.soft-input-wrap:focus-within{transform:translateY(-2px)scale(1.006);box-shadow:inset 0 0 0 1px #e2e8f073,0 10px 22px #0b25450e}.soft-input-wrap .soft-input:focus{box-shadow:none;border:0;outline:none}.soft-input{color:#0f172a;background:0 0;border:0;outline:none;width:100%;height:56px;font-size:1rem;font-weight:650}.soft-input::-moz-placeholder{color:#94a3b8;font-weight:500}.soft-input::placeholder{color:#94a3b8;font-weight:500}.soft-method-card{text-align:left;background:#f8fafc;border:none;border-radius:24px;min-height:150px;padding:1.15rem;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),background-color .16s;position:relative;box-shadow:inset 0 0 0 1px #e2e8f09e,0 8px 20px #0b254506}.soft-method-card:hover{background:#fff;transform:translateY(-3px);box-shadow:inset 0 0 0 1px #c4cedabf,0 14px 30px #0b25450e}.soft-method-card--selected{background:var(--color-telkom-blue-50);box-shadow:inset 0 0 0 2px var(--color-telkom-blue),0 14px 30px #00b4cd1a}.soft-method-check{background:var(--color-telkom-yellow);width:1.6rem;height:1.6rem;color:var(--color-telkom-navy);border-radius:999px;justify-content:center;align-items:center;font-size:.8rem;font-weight:950;display:inline-flex;position:absolute;top:1rem;right:1rem;box-shadow:0 8px 18px #0b254514}.soft-method-card:active{transform:translateY(-1px)scale(.99)}.single-topup-panel{background:#f8fafc;border:none;border-radius:24px;padding:1.25rem;box-shadow:inset 0 0 0 1px #e2e8f080,0 8px 22px #0b254506}.amount-chip{min-height:54px;color:var(--color-telkom-navy);background:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;font-size:.95rem;font-weight:850;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),background-color .16s,color .16s;display:flex;box-shadow:inset 0 0 0 1px #e2e8f0b8,0 6px 16px #0b254506}.amount-chip:hover{background:#fefefe;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #c4cedae6,0 10px 22px #0b25450b}.amount-chip--selected{background:var(--color-surface-selected);color:var(--color-telkom-blue-700);box-shadow:inset 0 0 0 1px #5acfe0d9,0 8px 18px #00b4cd12}.amount-chip:active{transform:scale(.985)}.help-bento-card{background:#fff;border:none;border-radius:28px;box-shadow:0 18px 48px #0b25450f,0 4px 14px #0b254509}.flow-guide{background:#f8fafc;border-radius:24px;padding:1rem;box-shadow:inset 0 0 0 1px #e2e8f080}.flow-guide-item{grid-template-columns:2.25rem 1fr;gap:.9rem;display:grid}.mini-step-orb{z-index:1;background:var(--color-telkom-blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;font-size:.78rem;font-weight:950;display:inline-flex;box-shadow:0 8px 18px #00b4cd2e}.flow-guide-line{background:#dbe5ec;border-radius:999px;width:2px;min-height:1.65rem;margin-top:.35rem}.trust-pill{color:#334155;background:#f8fafc;border-radius:18px;align-items:center;gap:.75rem;min-height:48px;padding:0 1rem;font-size:.9rem;font-weight:800;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),background-color .16s;display:flex;box-shadow:inset 0 0 0 1px #e2e8f07a}.trust-pill:hover{background:#fff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #c4cedac7,0 8px 20px #0b254509}.multiple-topup-panel{background:#f8fafc;border:none;border-radius:24px;padding:1.25rem;box-shadow:inset 0 0 0 1px #e2e8f080,0 8px 22px #0b254506}.multiple-row{background:#fff;border-radius:20px;align-items:center;gap:.75rem;padding:.75rem;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:inset 0 0 0 1px #e2e8f09e,0 6px 16px #0b254505}.multiple-row:focus-within{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #e2e8f09e,0 12px 26px #0b25450e}.remove-row-button{color:#94a3b8;background:#f8fafc;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;transition:transform .16s cubic-bezier(.16,1,.3,1),color .16s,background-color .16s,box-shadow .16s;display:inline-flex;box-shadow:inset 0 0 0 1px #e2e8f0cc}.remove-row-button:hover{color:var(--color-telkom-red);background:#fff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #c4cedad9,0 8px 18px #0b25450a}.add-row-button{color:var(--color-telkom-blue-700);background:#fff;border-radius:999px;align-items:center;gap:.45rem;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:900;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s,background-color .16s;display:inline-flex;box-shadow:inset 0 0 0 1px #e2e8f0d9,0 8px 18px #0b254506}.add-row-button:hover{background:#fff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #c4cedae6,0 10px 22px #0b25450b}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}.tk-scope{--teal:#00aec7;--teal-deep:#0092a8;--teal-soft:#e5f7fa;--teal-mist:#f0f9fb;--yellow:#ffeb00;--navy:#1b2b4b;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-400:#94a3b8;--slate-500:#64748b;--error:#dc2626;--due:#a4600a;--due-mist:#fff5e8;--credit:#107a40;--credit-mist:#e9f6ee;--f-halo:color-mix(in srgb,var(--teal) 14%,transparent);--radius:14px;--radius-lg:22px;--ease:cubic-bezier(.22,1,.36,1);--shadow-card:0 1px 2px rgba(27,43,75,.04),0 12px 40px -14px rgba(27,43,75,.1);font-family:Manrope,system-ui,sans-serif;color:var(--navy)}.tk-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:32px 34px}.tk-card-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:26px}.tk-step-dot{display:grid;width:42px;height:42px;flex-shrink:0;place-items:center;border-radius:50%;background:var(--teal);color:#fff;font-size:16px;font-weight:800;box-shadow:0 0 0 6px var(--teal-soft)}.tk-card-head h2{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--navy)}.tk-card-head p{margin-top:3px;color:var(--slate-500);font-size:14.5px;font-weight:500}.tk-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}.tk-fields--two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tk-fields--single{grid-template-columns:minmax(0,1fr) 180px}@media(max-width:640px){.tk-fields--single,.tk-fields--two{grid-template-columns:minmax(0,1fr)}.tk-card{padding:24px 20px}}@media(max-width:400px){.tk-card{padding:20px 16px}}.tk-field{position:relative;min-width:0}.tk-field label{display:block;margin-bottom:7px;color:#3d4656;font-size:13px;font-weight:700;transition:color .18s var(--ease)}.tk-field:focus-within label{color:var(--teal-deep)}.tk-field.is-error label{color:var(--error)}.tk-control{position:relative;display:flex;min-width:0;align-items:center;border:1.5px solid #e4eaf0;border-radius:var(--radius);background:#fafcfe;transition:background .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.tk-control:hover{background:#f3f8fb}.tk-field:focus-within .tk-control{border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px #00aec71f}.tk-field.is-valid .tk-control{border-color:#9fd9bb;background:#fafefc}.tk-field.is-error .tk-control{border-color:#e7a3a3;background:#fffbfb}.tk-field.is-error:focus-within .tk-control{box-shadow:0 0 0 4px color-mix(in srgb,var(--error) 12%,transparent)}.tk-lead-icon{display:grid;place-items:center;padding-left:15px;color:var(--slate-400);pointer-events:none;transition:color .2s var(--ease),transform .2s var(--ease)}.tk-field:focus-within .tk-lead-icon{color:var(--teal);transform:translate(1px)}.tk-field.is-valid .tk-lead-icon{color:var(--teal)}.tk-field.is-error .tk-lead-icon{color:var(--error)}.tk-prefix{padding-left:13px;color:var(--slate-500);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;pointer-events:none}.tk-control input.telkom-field-input,.tk-control input.telkom-field-input:focus,.tk-control input.telkom-field-input:focus-visible,.tk-control input.telkom-field-input:hover{flex:1;min-width:0;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;padding:14px 13px 14px 11px;color:var(--navy);caret-color:var(--teal);font:inherit;font-size:15px;font-weight:600;outline:0!important;box-shadow:none!important}.tk-control input.telkom-field-input::-moz-placeholder{color:var(--slate-400);font-weight:500;-moz-transition:opacity .18s var(--ease),transform .18s var(--ease);transition:opacity .18s var(--ease),transform .18s var(--ease)}.tk-control input.telkom-field-input::placeholder{color:var(--slate-400);font-weight:500;transition:opacity .18s var(--ease),transform .18s var(--ease)}.tk-field:focus-within .tk-control input.telkom-field-input::-moz-placeholder{opacity:.55;transform:translate(2px)}.tk-field:focus-within .tk-control input.telkom-field-input::placeholder{opacity:.55;transform:translate(2px)}.tk-control input.telkom-field-input[data-mono]{font-family:JetBrains Mono,monospace;font-weight:500;letter-spacing:.02em;font-feature-settings:"tnum"}.tk-state{display:none;flex-shrink:0;margin-right:14px}.tk-field.is-valid .tk-state--ok{display:block;color:#107a40}.tk-field.is-error .tk-state--bad{display:block;color:var(--error)}.tk-check{display:grid;width:21px;height:21px;flex-shrink:0;place-items:center;margin-right:13px;border-radius:50%;background:var(--navy);opacity:0;transform:scale(.5);transition:opacity .2s var(--ease),transform .3s var(--ease)}.tk-check svg{width:11px;height:11px;fill:none;stroke:var(--yellow);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16}.tk-field.is-valid .tk-check{opacity:1;transform:scale(1)}.tk-field.is-valid .tk-check svg{animation:tk-draw .35s var(--ease) .08s forwards}@keyframes tk-draw{to{stroke-dashoffset:0}}.tk-hint{display:flex;max-height:0;align-items:center;gap:6px;margin-top:7px;overflow:hidden;color:var(--error);font-size:12.5px;font-weight:600;overflow-wrap:anywhere;opacity:0;transform:translateY(-3px);transition:max-height .25s var(--ease),opacity .2s var(--ease),transform .25s var(--ease)}.tk-field.is-error .tk-hint{max-height:3.4em;opacity:1;transform:none}.tk-field.shake .tk-control{animation:tk-shake .4s var(--ease)}@keyframes tk-shake{20%{transform:translate(-4px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}to{transform:none}}.tk-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px;margin-bottom:26px}.tk-methods--two{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));margin-bottom:0}.tk-method{position:relative;padding:20px;border:1.5px solid #e4eaf0;border-radius:14px;background:#fff;text-align:left;font:inherit;cursor:pointer;transition:border-color .22s var(--ease),background .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease)}.tk-method:hover{border-color:var(--teal-soft);background:#fcfeff;box-shadow:none;transform:translateY(-2px)}.tk-method:active{transform:translateY(0)}.tk-method:focus-visible{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px var(--f-halo);transform:translateY(-2px)}.tk-method[aria-pressed=true]{border-color:var(--teal);background:var(--teal-mist);box-shadow:0 0 0 3px #00aec71a}.tk-method .m-icon{display:grid;width:46px;height:46px;place-items:center;margin-bottom:14px;border-radius:13px;background:#f1f7fa;color:var(--teal-deep);transition:background .22s var(--ease),transform .25s var(--ease)}.tk-method:hover .m-icon{transform:scale(1.06) rotate(-2deg)}.tk-method[aria-pressed=true] .m-icon{background:#fff;color:var(--teal-deep)}.tk-method h3{font-size:16px;font-weight:800;color:var(--navy)}.tk-method p{margin-top:3px;color:var(--slate-500);font-size:13.5px;font-weight:500}.tk-method .m-check{position:absolute;top:14px;right:14px;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:var(--yellow);color:var(--navy);font-size:14px;font-weight:800;line-height:1;opacity:0;transform:scale(.4) rotate(-30deg);transition:opacity .2s var(--ease),transform .3s var(--ease)}.tk-method[aria-pressed=true] .m-check{opacity:1;transform:scale(1) rotate(0)}.tk-method--lg,.tk-method--lg[aria-pressed=true]{padding:24px}.tk-method--lg .m-icon{width:52px;height:52px;border-radius:14px}.tk-method--lg h3{font-size:19px}.tk-method-tagline{display:inline-block;margin-top:12px;padding:4px 10px;border:1px solid #cdeff5;border-radius:999px;background:#fff;color:var(--teal-deep);font-size:12px;font-weight:700}.tk-method--svc{--svc-deep:#0092a8;--svc-ink:#00707f;--svc-mist:#f4fbfd;--svc-soft:#bfe9f1;--svc-glow:rgba(0,174,199,.2)}.tk-method--postpaid{--svc-deep:#b08f00;--svc-ink:#7a6a00;--svc-mist:#fffdf0;--svc-soft:#f0dc93;--svc-glow:rgba(214,180,0,.28)}.tk-method--svc{border-color:var(--slate-200);background:var(--svc-mist);box-shadow:0 1px 2px #1b2b4b0d,0 10px 20px -18px #1b2b4b80}.tk-method--svc:hover{border-color:var(--svc-soft);background:var(--svc-mist);box-shadow:0 1px 2px #1b2b4b0d,0 18px 34px -24px #1b2b4b99;transform:translateY(-3px)}.tk-method--svc:focus-visible{border-color:var(--svc-deep);box-shadow:0 0 0 4px var(--svc-glow)}.tk-method--svc[aria-pressed=true]{border-color:var(--svc-deep);background:var(--svc-mist);box-shadow:0 0 0 3px var(--svc-glow);transform:none}.tk-method--svc:active{transform:translateY(-1px)}.tk-method--svc .m-icon{border:1px solid var(--svc-soft);background:#fff;color:var(--svc-ink);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease)}.tk-method--svc:hover .m-icon{transform:none}.tk-method--svc[aria-pressed=true] .m-icon{border-color:transparent;background:var(--svc-deep);color:#fff}.tk-method--svc .tk-method-tagline{border-color:var(--svc-soft);color:var(--svc-ink)}.tk-method--svc .m-check{border:2px solid var(--svc-soft);background:#fff;opacity:1;transform:none;transition:background .2s var(--ease),border-color .2s var(--ease),transform .3s var(--ease)}.tk-method--svc .m-check-tick{opacity:0;transform:scale(.5);transition:opacity .18s var(--ease),transform .28s var(--ease)}.tk-method--svc:hover .m-check{border-color:var(--svc-deep)}.tk-method--svc[aria-pressed=true] .m-check{border-color:var(--yellow);background:var(--yellow);opacity:1;transform:none}.tk-method--svc[aria-pressed=true] .m-check-tick{opacity:1;transform:scale(1)}.tk-panel{border:1px solid var(--slate-200);border-radius:18px;background:var(--slate-50);padding:24px;animation:tk-flow-in .3s var(--ease)}@keyframes tk-flow-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tk-chips-label{margin:20px 0 10px;font-size:13px;font-weight:700}.tk-chips{display:flex;flex-wrap:wrap;gap:10px}.tk-chip{padding:11px 20px;border:1.5px solid var(--slate-200);border-radius:999px;background:#fff;color:var(--navy);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800;font-feature-settings:"tnum";cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),transform .15s var(--ease),box-shadow .2s var(--ease)}.tk-chip:hover{border-color:var(--teal)}.tk-chip:active{transform:scale(.95)}.tk-chip:focus-visible{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px var(--f-halo)}.tk-chip[aria-pressed=true]{border-color:var(--teal);background:var(--teal-mist);color:var(--teal-deep);box-shadow:0 0 0 3px var(--f-halo)}.tk-rows{display:flex;flex-direction:column;gap:14px}.tk-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 40px;gap:12px;align-items:end;animation:tk-flow-in .3s var(--ease)}@media(max-width:640px){.tk-row{grid-template-columns:minmax(0,1fr) 40px}.tk-row .tk-field:first-child{grid-area:1/1/2/2}.tk-row .tk-field:nth-child(2){grid-area:2/1/3/-1}.tk-row .tk-remove{grid-area:1/2/2/3}.tk-rows{gap:18px}.tk-row+.tk-row{padding-top:18px;border-top:1px dashed var(--slate-200)}}.tk-remove{display:grid;width:40px;height:50px;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--slate-400);cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}.tk-remove:hover{background:color-mix(in srgb,var(--error) 8%,transparent);color:var(--error)}.tk-add-row{width:100%;margin-top:16px;padding:13px 18px;border:1.5px dashed var(--teal);border-radius:var(--radius);background:transparent;color:var(--teal-deep);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s var(--ease)}.tk-add-row:hover{background:var(--teal-mist)}.tk-dropzone{padding:40px 24px;border:2px dashed var(--slate-200);border-radius:18px;background:#fff;text-align:center;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease)}.tk-dropzone.drag,.tk-dropzone:hover{border-color:var(--teal);background:var(--teal-mist)}.tk-dropzone.has-file{border-style:solid;border-color:var(--teal-deep);background:var(--teal-mist)}.tk-dropzone .dz-icon{margin-bottom:12px;color:var(--teal)}.tk-dropzone h4{font-size:15.5px;font-weight:800}.tk-dropzone>p{margin-top:4px;color:var(--slate-500);font-size:13.5px;font-weight:500}.tk-dz-file{display:none;max-width:320px;align-items:center;gap:9px;margin:16px auto 0;padding:10px 12px;border:1.5px solid var(--teal-deep);border-radius:10px;background:#fff;color:var(--navy);font-size:13.5px;font-weight:700;animation:tk-flow-in .3s var(--ease)}.tk-dz-file svg{flex-shrink:0;color:var(--teal-deep)}.tk-dz-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tk-dropzone.has-file .tk-dz-file{display:flex}.tk-dz-clear{margin-left:auto;padding:2px 4px;border:0;border-radius:6px;background:transparent;color:var(--slate-400);font-size:18px;line-height:1;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}.tk-dz-clear:hover{background:color-mix(in srgb,var(--error) 8%,transparent);color:var(--error)}.tk-dz-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.tk-btn-file,.tk-btn-template{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease),transform .15s var(--ease),box-shadow .2s var(--ease)}.tk-btn-file:active,.tk-btn-template:active{transform:scale(.97)}.tk-btn-file{border:1.5px solid var(--navy);background:var(--navy);color:#fff}.tk-btn-file:hover{background:#24365c}.tk-btn-file:disabled,.tk-btn-template:disabled{opacity:.55;cursor:not-allowed}.tk-btn-template{border:1.5px solid var(--teal);background:#fff;color:var(--teal-deep)}.tk-btn-template:hover{background:var(--teal-mist);box-shadow:0 0 0 3px var(--f-halo)}.tk-rail-card{--charcoal:#3d4656;overflow:hidden;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-card)}.tk-rail-hero{padding:26px 26px 22px;background:var(--teal-mist)}.tk-rail-hero .r-icon{display:grid;width:52px;height:52px;place-items:center;margin-bottom:16px;border-radius:15px;background:var(--teal);color:#fff;box-shadow:0 8px 18px -8px #0092a899}.tk-rail-hero h3{font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--navy)}.tk-rail-hero p{margin-top:5px;color:var(--slate-500);font-size:14px;font-weight:500}.tk-rail-steps{display:flex;flex-direction:column;gap:18px;padding:20px 26px 22px}.tk-r-step{display:flex;gap:13px}.tk-r-step i{display:grid;width:26px;height:26px;flex-shrink:0;place-items:center;margin-top:1px;border-radius:50%;background:var(--teal-soft);color:var(--teal-deep);font-size:12.5px;font-style:normal;font-weight:800}.tk-r-step h4{font-size:14.5px;font-weight:800;color:var(--navy)}.tk-r-step p{margin-top:2px;color:var(--slate-500);font-size:13px;font-weight:500}.tk-trust{margin:0 26px;padding:8px 0;border-top:1px solid var(--slate-100)}.tk-trust-item{display:flex;align-items:center;gap:11px;padding:11px 2px;color:var(--slate-600);font-size:13.5px;font-weight:700}.tk-trust-item+.tk-trust-item{border-top:1px solid var(--slate-100)}.tk-trust-item svg{flex-shrink:0;color:var(--teal-deep)}.tk-help-cta{padding:14px 26px 26px}.tk-btn-help{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:8px;padding:14px;border:1.5px solid var(--slate-200);border-radius:var(--radius);background:#fff;color:var(--teal-deep);font:inherit;font-size:14.5px;font-weight:800;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}.tk-btn-help:hover{border-color:var(--teal);background:var(--teal-mist);box-shadow:0 0 0 3px var(--f-halo)}.tk-receipt{animation:tk-flow-in .35s var(--ease)}.tk-receipt-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;background:var(--charcoal);color:#fff}.tk-receipt-head h3{font-size:16px;font-weight:800;letter-spacing:.01em}.tk-receipt-badge{padding:4px 9px;border-radius:6px;background:var(--yellow);color:var(--navy);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.tk-perf{height:12px;background:radial-gradient(circle at 8px 0,transparent 5px,#fff 5.5px) 0 0 /22px 12px repeat-x,var(--charcoal)}.tk-r-meta{padding:16px 26px 6px}.tk-r-meta-row{display:flex;align-items:baseline;justify-content:space-between;padding:6px 0;font-size:13px}.tk-r-meta-row span{color:var(--slate-500);font-weight:600}.tk-r-meta-row strong{font-weight:800;color:var(--navy)}.tk-r-meta-row .mono-val{font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600;font-feature-settings:"tnum"}.tk-receipt-body{padding:4px 26px 14px}@media(min-width:1024px){.tk-receipt-body{max-height:42vh;overflow-y:auto;overscroll-behavior:contain}}.tk-r-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;overflow-wrap:anywhere;padding:11px 0;border-top:1px dashed var(--slate-200);font-size:14px;animation:tk-flow-in .25s var(--ease)}.tk-r-line .who{font-weight:700;color:var(--navy)}.tk-r-line .num{display:block;margin-top:2px;color:var(--slate-500);font-size:12.5px;font-weight:500}.tk-r-line .amt,.tk-r-line .num{font-family:JetBrains Mono,monospace}.tk-r-line .amt{font-weight:700;font-feature-settings:"tnum";color:var(--navy)}.tk-r-total{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin:0 26px;padding:16px 18px;border-radius:14px;background:var(--teal-mist)}.tk-r-total span{font-size:13px;font-weight:800;letter-spacing:.03em;color:var(--navy)}.tk-r-total strong{font-family:JetBrains Mono,monospace;font-size:clamp(19px,5.5vw,24px);font-weight:700;font-feature-settings:"tnum";color:var(--navy)}.tk-r-secure{display:flex;gap:12px;padding:18px 26px 6px}.tk-r-secure svg{flex-shrink:0;margin-top:1px;color:var(--teal-deep)}.tk-r-secure h5{color:var(--teal-deep);font-size:13.5px;font-weight:800}.tk-r-secure p{margin-top:2px;color:var(--slate-500);font-size:12.5px;font-weight:500;line-height:1.45}.tk-r-actions{display:flex;flex-direction:column;gap:10px;padding:16px 26px 26px}.tk-btn-ghost{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:9px;padding:14px 24px;border:0;border-radius:var(--radius);background:transparent;color:var(--slate-500);font:inherit;font-size:15.5px;font-weight:800;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}.tk-btn-ghost:hover{background:var(--slate-100);color:var(--navy)}.tk-btn-ghost:disabled{opacity:.45;cursor:not-allowed}@media(max-width:400px){.tk-help-cta,.tk-r-actions,.tk-r-meta,.tk-r-secure,.tk-rail-hero,.tk-rail-steps,.tk-receipt-body,.tk-receipt-head{padding-left:18px;padding-right:18px}.tk-r-status,.tk-r-total,.tk-trust{margin-left:18px;margin-right:18px}}.tk-bill-type{display:flex;flex-wrap:wrap;gap:12px 22px;margin:2px 0 16px}.tk-radio{display:inline-flex;align-items:center;gap:9px;color:var(--navy);font-size:14px;font-weight:700;cursor:pointer}.tk-radio input{position:absolute;opacity:0;pointer-events:none}.tk-radio .r-dot{display:grid;width:19px;height:19px;flex-shrink:0;place-items:center;border:2px solid var(--slate-200);border-radius:50%;background:#fff;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.tk-radio .r-dot:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--teal-deep);transform:scale(0);transition:transform .2s var(--ease)}.tk-radio input:checked+.r-dot{border-color:var(--teal-deep)}.tk-radio input:checked+.r-dot:after{transform:scale(1)}.tk-radio input:focus-visible+.r-dot{box-shadow:0 0 0 4px var(--f-halo)}.tk-radio:hover .r-dot{border-color:var(--teal)}.tk-lookup{display:block}.tk-inline-go{display:inline-flex;flex-shrink:0;align-self:stretch;align-items:center;justify-content:center;gap:8px;min-width:76px;margin:4px 4px 4px 0;padding:0 18px;border:0;border-radius:10px;background:var(--yellow);color:var(--navy);font:inherit;font-size:14px;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:background .2s var(--ease),box-shadow .2s var(--ease),opacity .2s var(--ease)}.tk-inline-go:hover:not(:disabled){background:#fff33d;box-shadow:0 8px 18px -8px #1b2b4b59}.tk-inline-go:disabled{background:var(--slate-100);color:var(--slate-400);cursor:not-allowed}.tk-inline-go:focus-visible{outline:none;box-shadow:0 0 0 3px #1b2b4b4d}@media(max-width:380px){.tk-inline-go{min-width:60px;padding:0 12px}}.tk-go-btn{display:inline-flex;height:50px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;background:var(--yellow);color:var(--navy);font:inherit;font-size:15px;font-weight:800;letter-spacing:.04em;box-shadow:0 10px 22px -10px #c8b4008c;cursor:pointer;transition:box-shadow .2s var(--ease),transform .15s var(--ease),opacity .2s var(--ease)}.tk-go-btn:hover:not(:disabled){box-shadow:0 12px 26px -10px #c8b400bf}.tk-go-btn:active:not(:disabled){transform:scale(.97)}.tk-go-btn:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.tk-go-spinner{display:none;width:16px;height:16px;border:2.5px solid rgba(27,43,75,.25);border-top:2.5px solid var(--navy);border-radius:50%;animation:tk-spin .7s linear infinite}.tk-go-btn.loading .tk-go-spinner{display:inline-block}.tk-go-btn.loading .go-label{display:none}@keyframes tk-spin{to{transform:rotate(1turn)}}.tk-verified{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:20px;padding:18px 20px;border:1.5px solid var(--teal);border-radius:16px;background:var(--teal-mist);animation:tk-flow-in .35s var(--ease)}.tk-verified .v-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--navy)}.tk-verified .v-icon svg{width:16px;height:16px;fill:none;stroke:var(--yellow);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tk-verified h4{font-size:15px;font-weight:800;color:var(--navy)}.tk-verified p{margin-top:1px;color:var(--slate-500);font-size:13px;font-weight:600}.tk-verified .v-amt{text-align:right}.tk-verified .v-amt span{display:block;color:var(--slate-500);font-size:11px;font-weight:800;letter-spacing:.05em}.tk-verified .v-amt strong{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;font-feature-settings:"tnum";color:var(--navy)}.tk-verified .v-amt.is-due strong{color:var(--due)}.tk-verified .v-amt.is-credit strong{color:var(--credit)}@media(max-width:560px){.tk-verified{grid-template-columns:auto minmax(0,1fr);gap:12px 14px}.tk-verified .v-amt{grid-column:1/-1;text-align:left}}.tk-locked{position:relative;transition:opacity .3s var(--ease)}.tk-locked.is-locked{opacity:.45;pointer-events:none}.tk-info-bar{display:none;align-items:center;gap:10px;margin-bottom:22px;padding:14px 16px;border:1px solid var(--slate-100);border-radius:12px;background:var(--slate-50);color:var(--slate-500);font-size:13.5px;font-weight:600}.tk-info-bar svg{flex-shrink:0;color:var(--slate-400)}.tk-locked.is-locked .tk-info-bar{display:flex}.tk-needs-contact{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding:11px 13px;border:1px solid #f2e6a8;border-radius:10px;background:#fffceb;color:#7a6a15;font-size:12.5px;font-weight:600;line-height:1.4}.tk-acct-lead{margin-bottom:14px;color:var(--slate-500);font-size:13.5px}.tk-acct-lead,.tk-acct-note{font-weight:600;line-height:1.45}.tk-acct-note{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;padding:13px 16px;border:1px solid #bfe6d0;border-radius:14px;background:var(--credit-mist);color:#0f5c33;font-size:13px}.tk-acct-note svg{flex-shrink:0;margin-top:1px;color:var(--credit);stroke-linecap:round;stroke-linejoin:round}.tk-acct-list{display:flex;flex-direction:column;gap:14px}.tk-acct-row{padding:16px 18px;border:1px solid var(--slate-200);border-radius:16px;background:#fbfdfe;animation:tk-flow-in .3s var(--ease)}.tk-acct-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 14px;margin-bottom:14px;padding-bottom:13px;border-bottom:1px dashed var(--slate-200)}.tk-acct-id{min-width:0}.tk-acct-eyebrow{display:block;color:var(--slate-400);font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.tk-acct-number{margin-top:3px;color:var(--navy);font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;font-feature-settings:"tnum";letter-spacing:.01em}.tk-acct-name,.tk-acct-number{display:block;overflow-wrap:anywhere}.tk-acct-name{margin-top:2px;color:var(--slate-500);font-size:12.5px;font-weight:700}.tk-acct-chip{flex-shrink:0;padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.01em;white-space:nowrap}.tk-acct-chip.is-due{background:var(--due-mist);color:var(--due)}.tk-acct-chip.is-credit{background:var(--credit-mist);color:var(--credit)}.tk-acct-chip.is-settled{background:var(--slate-100);color:var(--slate-500)}.tk-acct-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}@media(max-width:640px){.tk-acct-fields{grid-template-columns:minmax(0,1fr)}}.tk-acct-balance{min-width:0;padding:11px 14px 12px;border-radius:var(--radius);background:var(--slate-100)}.tk-acct-balance strong{display:block;margin-top:4px;color:var(--navy);font-family:JetBrains Mono,monospace;font-size:19px;font-weight:700;font-feature-settings:"tnum";letter-spacing:-.02em;overflow-wrap:anywhere}.tk-acct-balance small{display:block;margin-top:3px;color:var(--slate-500);font-size:11.5px;font-weight:600;line-height:1.35}.tk-acct-balance.is-due{background:var(--due-mist)}.tk-acct-balance.is-due strong{color:var(--due)}.tk-acct-balance.is-credit{background:var(--credit-mist)}.tk-acct-balance.is-credit strong{color:var(--credit)}.tk-acct-locked{min-width:0;align-self:start;padding:11px 14px 12px;border:1px dashed var(--slate-200);border-radius:var(--radius);background:#fff}.tk-acct-locked strong{display:block;margin-top:4px;color:var(--slate-400);font-family:JetBrains Mono,monospace;font-size:19px;font-weight:700;font-feature-settings:"tnum";letter-spacing:-.02em}.tk-acct-locked small{display:block;margin-top:3px;color:var(--slate-500);font-size:11.5px;font-weight:600;line-height:1.35}.tk-acct-fill{margin-top:8px;color:var(--teal-deep);font-size:12.5px;font-weight:800;text-align:left;text-decoration:underline;text-underline-offset:3px;transition:color .18s var(--ease)}.tk-acct-fill:hover{color:var(--navy)}.tk-acct-extra{margin-top:8px;color:var(--slate-500);font-size:12px;font-weight:600;line-height:1.4}.tk-control input.telkom-field-input[readonly]{color:var(--slate-500);cursor:default}.tk-field--readonly .tk-control,.tk-field--readonly .tk-control:hover{border-color:transparent;background:var(--slate-100);box-shadow:none}.tk-acct-total{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:18px;padding:16px 20px;border:1.5px solid var(--teal);border-radius:16px;background:var(--teal-mist)}.tk-acct-total span{display:block;color:var(--navy);font-size:14px;font-weight:800}.tk-acct-total small{display:block;margin-top:2px;color:var(--slate-500);font-size:12px;font-weight:600}.tk-acct-total strong{font-family:JetBrains Mono,monospace;font-size:clamp(19px,5.5vw,24px);font-weight:700;font-feature-settings:"tnum";letter-spacing:-.02em;color:var(--navy)}.tk-footer-actions{display:flex;gap:12px;margin-top:26px}@media(max-width:560px){.tk-footer-actions{flex-direction:column}}.tk-footer-actions .telkom-primary-action{flex:1}.tk-footer-actions .tk-btn-ghost{flex:1;width:auto}.tk-back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 4px;border:0;border-radius:8px;background:transparent;color:var(--slate-500);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:color .2s var(--ease),transform .2s var(--ease)}.tk-back-link svg{transition:transform .2s var(--ease)}.tk-back-link:hover{color:var(--navy)}.tk-back-link:hover svg{transform:translate(-2px)}.tk-pay-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.tk-pay-head .ph-left{display:flex;align-items:center;gap:14px}.tk-pay-head .ph-lock{display:grid;width:44px;height:44px;flex-shrink:0;place-items:center;border-radius:13px;background:var(--teal-mist);color:var(--teal-deep)}.tk-pay-head h2{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--navy)}.tk-pay-head p{margin-top:2px;color:var(--slate-500);font-size:14px;font-weight:500}.tk-pay-amount{padding:12px 18px;border-radius:12px;background:var(--teal-mist);color:var(--navy);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;font-feature-settings:"tnum"}.tk-pay-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;padding:14px 18px;border:1px dashed var(--slate-200);border-radius:var(--radius);background:var(--teal-mist)}.tk-pay-share .ps-copy{display:grid;gap:3px;min-width:0}.tk-pay-share strong{color:var(--navy);font-size:14px;font-weight:800}.tk-pay-share span{color:var(--slate-500);font-size:13px;font-weight:500}.tk-share-btn{display:inline-flex;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid var(--teal);border-radius:999px;background:#fff;color:var(--teal-deep);font:inherit;font-size:13.5px;font-weight:800;cursor:pointer;transition:background .2s var(--ease),box-shadow .2s var(--ease)}.tk-share-btn:hover{background:var(--teal-soft);box-shadow:0 0 0 3px var(--f-halo)}.tk-pay-state{display:grid;justify-items:center;gap:10px;text-align:center}.tk-pay-state .ps-icon{display:grid;width:52px;height:52px;margin-bottom:4px;place-items:center;border-radius:16px;background:var(--teal-mist);color:var(--teal-deep)}.tk-pay-state .ps-icon.is-ok{background:#ecfdf5;color:#059669}.tk-pay-state .ps-icon.is-bad{background:#fef2f2;color:var(--error)}.tk-pay-state h2{font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--navy)}.tk-pay-state p{max-width:52ch;color:var(--slate-500);font-size:14.5px;font-weight:500;line-height:1.55}.tk-pay-state .ps-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:8px}.tk-pay-state .ps-meta dt{color:var(--slate-400);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tk-pay-state .ps-meta dd{margin-top:2px;color:var(--navy);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.tk-pay-state .ps-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px}.tk-pay-state .ps-secondary{width:auto;padding:13px 20px}.tk-iframe-shell{position:relative;min-height:620px;overflow:hidden;border:1px solid var(--slate-200);border-radius:18px;background:#fff}.tk-iframe-shell iframe{display:block;width:100%;height:620px;border:0;opacity:0;transition:opacity .35s var(--ease)}.tk-iframe-shell.loaded iframe{opacity:1}.tk-iframe-skeleton{position:absolute;inset:0;display:flex;flex-direction:column;gap:18px;padding:32px;background:#fff;transition:opacity .3s var(--ease)}.tk-iframe-shell.loaded .tk-iframe-skeleton{opacity:0;pointer-events:none}.tk-iframe-skeleton .sk{border-radius:10px;background:linear-gradient(100deg,var(--slate-100) 40%,#fff 50%,var(--slate-100) 60%) 0 0 /200% 100%;animation:tk-shimmer 1.4s linear infinite}@keyframes tk-shimmer{to{background-position:-200% 0}}.tk-iframe-skeleton .sk-1{height:22px;width:45%}.tk-iframe-skeleton .sk-2{height:58px;width:70%}.tk-iframe-skeleton .sk-3{height:16px;width:85%}.tk-iframe-skeleton .sk-4{height:16px;width:60%}.tk-iframe-skeleton .sk-5{height:90px;width:100%}.tk-iframe-skeleton .sk-6{height:46px;width:140px;margin-top:auto}.tk-pay-foot{margin-top:16px;color:var(--slate-500);font-size:12.5px;font-weight:600;text-align:center}.tk-pay-foot strong{color:var(--navy);font-weight:800}.tk-r-status{display:none;align-items:center;gap:11px;margin:16px 26px 26px;padding:14px 16px;border:1px solid var(--slate-100);border-radius:12px;background:var(--slate-50);color:var(--slate-600);font-size:13px;font-weight:700}.tk-r-status .pulse{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--teal);animation:tk-pulse 1.6s var(--ease) infinite}@keyframes tk-pulse{0%,to{box-shadow:0 0 0 0 var(--f-halo)}50%{box-shadow:0 0 0 6px transparent}}.tk-receipt.paying .tk-r-actions{display:none}.tk-receipt.paying .tk-r-status{display:flex}.tk-success{--line:#e4eaf0;--line-soft:#eef3f7;--charcoal:#3d4656;--slate:#6b7688;--teal-700:#017a8c;--green:#107a40;--green-mist:#e9f6ee;--spring:cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;padding:56px 20px 40px}.tk-su-bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.tk-su-bubbles span{position:absolute;border-radius:50%;opacity:.5;animation:tk-su-drift linear infinite}.tk-su-bubbles .b1{width:340px;height:340px;left:-90px;top:90px;background:radial-gradient(circle at 32% 30%,#00aec747,#00aec700 68%);animation-duration:26s}.tk-su-bubbles .b2{width:260px;height:260px;right:-60px;top:30px;background:radial-gradient(circle at 30% 30%,#ffeb0057,#ffeb0000 66%);animation-duration:32s;animation-delay:-6s}.tk-su-bubbles .b3{width:200px;height:200px;left:16%;bottom:-40px;background:radial-gradient(circle at 30% 30%,#00aec738,#00aec700 68%);animation-duration:28s;animation-delay:-12s}.tk-su-bubbles .b4{width:150px;height:150px;right:18%;bottom:60px;background:radial-gradient(circle at 30% 30%,#00aec729,#00aec700 70%);animation-duration:22s;animation-delay:-4s}.tk-su-bubbles .b5{width:110px;height:110px;left:52%;top:6%;background:radial-gradient(circle at 30% 30%,#ffeb0042,#ffeb0000 70%);animation-duration:30s;animation-delay:-16s}@keyframes tk-su-drift{0%{transform:translate(0) scale(1)}33%{transform:translate(24px,-30px) scale(1.06)}66%{transform:translate(-18px,18px) scale(.96)}to{transform:translate(0) scale(1)}}.tk-su-in{position:relative;max-width:600px;margin:0 auto}.tk-su-badge-zone{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;text-align:center}.tk-su-badge{display:grid;width:104px;height:104px;margin-bottom:26px;place-items:center;border-radius:50%;background:linear-gradient(150deg,var(--teal) 0,var(--teal-deep) 100%);box-shadow:0 18px 40px -14px #0093a8bf;animation:tk-su-badge-in .7s var(--spring) both}@keyframes tk-su-badge-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.tk-su-badge path{stroke-dasharray:36;stroke-dashoffset:36;animation:tk-su-draw .5s var(--ease) .42s forwards}@keyframes tk-su-draw{to{stroke-dashoffset:0}}.tk-su-pill{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:7px 15px;border-radius:999px;background:var(--green-mist);color:var(--green);font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;animation:tk-su-rise .55s var(--ease) .2s both}.tk-su-pill i{width:7px;height:7px;border-radius:50%;background:currentColor}.tk-su-pill.is-waiting{background:var(--teal-mist);color:var(--teal-deep)}.tk-su-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-bottom:10px;font-size:clamp(31px,5vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.08;animation:tk-su-rise .55s var(--ease) .28s both}.tk-su-sub{max-width:44ch;color:var(--slate);font-size:16px;font-weight:500;animation:tk-su-rise .55s var(--ease) .36s both}.tk-su-sub strong{color:var(--charcoal);font-weight:700}@keyframes tk-su-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tk-su-receipt{position:relative;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 2px 4px #1b2b4b08,0 28px 60px -28px #1b2b4b47;animation:tk-su-rise .6s var(--ease) .44s both}.tk-su-amount{padding:34px 30px 30px;background:linear-gradient(170deg,#f2fbfd,#fff);text-align:center}.tk-su-amount .k{color:var(--teal-700);font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.tk-su-amount .v{margin-top:6px;font-family:JetBrains Mono,monospace;font-size:clamp(38px,9vw,46px);font-weight:700;font-feature-settings:"tnum";letter-spacing:-.04em;line-height:1}.tk-su-amount .v small{margin-right:6px;color:var(--slate-400);font-size:20px;font-weight:600;letter-spacing:-.01em}.tk-su-amount .m{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--charcoal);font-size:13px;font-weight:700}.tk-su-amount .m svg{color:var(--teal-700)}.tk-su-perf{position:relative;height:26px;background:#fff}.tk-su-perf:after,.tk-su-perf:before{content:"";position:absolute;top:50%;width:26px;height:26px;border-radius:50%;background:var(--slate-50);transform:translateY(-50%)}.tk-su-perf:before{left:-13px}.tk-su-perf:after{right:-13px}.tk-su-perf hr{position:absolute;top:50%;right:0;left:0;margin:0 26px;border:0;border-top:2px dashed var(--line)}.tk-su-rows{padding:6px 30px 4px}.tk-su-row{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line-soft)}.tk-su-row:last-child{border-bottom:0}.tk-su-row .k{flex:none;color:var(--slate);font-size:13.5px;font-weight:600}.tk-su-row .v{min-width:0;font-size:14px;font-weight:700;text-align:right;overflow-wrap:anywhere}.tk-su-row .v.is-mono{font-family:JetBrains Mono,monospace;font-feature-settings:"tnum"}.tk-su-row .v.is-copyable{display:flex;align-items:center;justify-content:flex-end;gap:9px}.tk-su-copy{display:grid;width:28px;height:28px;flex:none;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--slate-400);cursor:pointer;transition:all .18s var(--ease)}.tk-su-copy:hover{border-color:var(--teal);background:var(--teal-mist);color:var(--teal-700)}.tk-su-receipt-foot{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:14px;padding:16px 30px;border-top:1px solid var(--line-soft);background:#fbfdfe;color:var(--slate);font-size:13px;font-weight:600}.tk-su-receipt-foot svg{flex:none;color:var(--teal-700)}.tk-su-receipt-foot strong{color:var(--navy);font-weight:800;overflow-wrap:anywhere}.tk-su-actions{display:flex;gap:12px;margin-top:22px;animation:tk-su-rise .6s var(--ease) .55s both}.tk-su-btn{display:flex;flex:1;align-items:center;justify-content:center;gap:9px;padding:16px;border:0;border-radius:999px;font:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s var(--ease)}.tk-su-btn--primary{background:var(--teal);color:#fff;box-shadow:0 10px 24px -10px #00aec7e6}.tk-su-btn--primary:hover{background:var(--teal-deep);transform:translateY(-2px)}.tk-su-btn--ghost{border:1.5px solid var(--line);background:#fff;color:var(--charcoal)}.tk-su-btn--ghost:hover{border-color:var(--teal);color:var(--teal-700);transform:translateY(-2px)}.tk-su-after{margin-top:22px;color:var(--slate);font-size:13.5px;font-weight:600;text-align:center;animation:tk-su-rise .6s var(--ease) .62s both}.tk-su-after a{color:var(--teal-700);font-weight:700}.tk-su-after a:hover{text-decoration:underline}@media(max-width:620px){.tk-success{padding:38px 16px 30px}.tk-su-amount{padding:28px 22px 26px}.tk-su-rows{padding-right:22px;padding-left:22px}.tk-su-receipt-foot{padding:16px 22px}.tk-su-row{flex-direction:column;gap:3px}.tk-su-row .v,.tk-su-row .v.is-copyable{justify-content:flex-start;text-align:left}.tk-su-actions{flex-direction:column}}@media print{.tk-su-actions,.tk-su-after,.tk-su-bubbles{display:none}.tk-su-receipt{box-shadow:none}}@media(prefers-reduced-motion:reduce){.tk-scope *,.tk-scope :after,.tk-scope :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:#fcfcfc;--gray2:#f8f8f8;--gray3:#f3f3f3;--gray4:#ededed;--gray5:#e8e8e8;--gray6:#e2e2e2;--gray7:#dbdbdb;--gray8:#c7c7c7;--gray9:#8f8f8f;--gray10:#858585;--gray11:#6f6f6f;--gray12:#171717;--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}@media(hover:none)and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift)*var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(var(--gap)*1)}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift)*var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:#ffffff4d}[data-sonner-toaster] [data-close-button-position=top-left]{--toast-close-button-left:0;--toast-close-button-right:unset;--toast-close-button-top:0;--toast-close-button-bottom:unset;--toast-close-button-transform:translate(-35%,-35%)}[data-sonner-toaster] [data-close-button-position=top-right]{--toast-close-button-left:unset;--toast-close-button-right:0;--toast-close-button-top:0;--toast-close-button-bottom:unset;--toast-close-button-transform:translate(35%,-35%)}[data-sonner-toaster] [data-close-button-position=bottom-left]{--toast-close-button-left:0;--toast-close-button-right:unset;--toast-close-button-top:unset;--toast-close-button-bottom:0;--toast-close-button-transform:translate(-35%,35%)}[data-sonner-toaster] [data-close-button-position=bottom-right]{--toast-close-button-left:unset;--toast-close-button-right:0;--toast-close-button-top:unset;--toast-close-button-bottom:0;--toast-close-button-transform:translate(35%,35%)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-left);right:var(--toast-close-button-right);top:var(--toast-close-button-top);bottom:var(--toast-close-button-bottom);height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]:after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * .05 + 1;--y:translateY(calc(var(--lift-amount)*var(--toasts-before))) scale(calc(var(--toasts-before)*-1*.05 + 1));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift)*var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift)*-100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift)*var(--offset) + var(--lift)*-100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translate(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media(max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left)*-1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left)*2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom),0px))}[data-sonner-toaster][data-y-position=top]{top:calc(var(--mobile-offset-top) + max(env(safe-area-inset-top),0px))}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:#ecfdf3;--success-border:#bffcd9;--success-text:#008a2e;--info-bg:#f0f8ff;--info-border:#dde7fd;--info-text:#0973dc;--warning-bg:#fffcf0;--warning-border:#fbeeb1;--warning-text:#dc7609;--error-bg:#fff0f0;--error-border:#ffe0e1;--error-text:#e60000}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:#333;--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:#1f1f1f;--normal-border:#333;--normal-border-hover:#404040;--normal-text:var(--gray1);--success-bg:#001f0f;--success-border:#003d1c;--success-text:#59f3a6;--info-bg:#000d1f;--info-border:#19233e;--info-text:#5896f3;--warning-bg:#1d1f00;--warning-border:#2e2e00;--warning-text:#f3cf58;--error-bg:#2d0607;--error-border:#4d0408;--error-text:#ff9ea1}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media(prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}