@layer components{.checkout-wrapper{--co-selected:#f5f7ff;--co-blue-soft:#eef4ff;--co-blue-surface:#f3f7ff;--co-focus:#dce8fa;--co-mute:#a0a4b2;--co-ease:cubic-bezier(.22,1,.36,1);--co-ease-soft:cubic-bezier(.61,1,.88,1);--co-soft:.32s;--co-slow:.46s;--co-box:#f7f7f9;--co-box-hover:#f0f0f4;--co-line:#e7e8ec;--co-warn-bg:#fffaec;--co-warn-line:#f5dfa3;--co-warn-text:#7a4f05;--co-warn-sub:#957132;--co-warn-icon:#b7791f;--co-success:#0b8c5e;--co-success-bg:#e7f6ef;--co-danger:#fb2c36;--co-main-hover:#1a6aeb;--co-main-disabled:#8cb2f0;--co-link-hover:#4784e6;--co-spin-brand-track:#d1e0f9;--co-info-ring:#dce8fa;--co-input-line:#d1d5db;--co-control-line:#c8cbd2;--co-outline-line:#e5e5e5;--co-outline-hover-line:#d9dade;--co-hover-bg:#fafafc;--co-muted-bg:#eef0f3;--co-disabled-text:#92949a;--co-radius:10px;--co-radius-inner:6px}.checkout-wrapper svg[style*=--icon-size] [fill=currentColor] path,.checkout-wrapper svg[style*=--icon-size] path[fill=currentColor]{stroke:currentColor;stroke-width:var(--icon-fill-extra,0);stroke-linejoin:round}.checkout-wrapper svg[style*=--icon-size] [stroke=currentColor],.checkout-wrapper svg[style*=--icon-size] path[stroke]{stroke-width:var(--icon-stroke,1.5)}.checkout-wrapper .co-btn{border-radius:var(--co-radius);background:var(--checkout-main);color:#fff;letter-spacing:-.01em;width:100%;height:46px;transition:transform .22s var(--co-ease),background-color var(--co-soft)ease,border-color var(--co-soft)ease,color var(--co-soft)ease;place-items:center;padding:0 16px;font-size:15px;font-weight:600;display:grid;position:relative;overflow:hidden}.checkout-wrapper .co-btn:active:not(:disabled){transform:scale(.985)}.checkout-wrapper .co-btn:disabled{cursor:not-allowed}.checkout-wrapper .co-btn[data-state=busy],.checkout-wrapper .co-btn[data-state=done]{cursor:default}.checkout-wrapper .co-btn:disabled:not([data-state=busy],[data-state=done]){background:var(--co-main-disabled)}.checkout-wrapper .co-btn[data-state=done]{background:var(--co-success)}.checkout-wrapper .co-btn--danger:disabled:not([data-state=busy],[data-state=done]){background:#fd969b}.checkout-wrapper .co-btn--soft:disabled:not([data-state=busy],[data-state=done]){background:var(--co-box);color:var(--co-mute)}.checkout-wrapper .co-btn--outline:disabled:not([data-state=busy],[data-state=done]){border-width:1px;border-color:var(--co-input-line);color:var(--co-disabled-text);background:#fff}.checkout-wrapper .co-btn--soft{background:var(--co-box);color:var(--checkout-primary-text)}.checkout-wrapper .co-btn--outline{border:1.2px solid var(--co-outline-line);color:var(--checkout-primary-text);letter-spacing:-.02em;background:#fff;font-size:13px;font-weight:400}.checkout-wrapper .co-btn--sm{border-radius:var(--co-radius);width:auto;height:36px;padding:0 14px;font-size:13px}.checkout-wrapper .co-btn-layer{transition:opacity .26s ease,transform var(--co-soft)var(--co-ease);grid-area:1/1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.checkout-wrapper .co-btn-busy,.checkout-wrapper .co-btn-done{opacity:0;transform:translateY(8px)}.checkout-wrapper .co-btn[data-state=busy] .co-btn-label,.checkout-wrapper .co-btn[data-state=done] .co-btn-label{opacity:0;transform:translateY(-8px)}.checkout-wrapper .co-btn[data-state=busy] .co-btn-busy,.checkout-wrapper .co-btn[data-state=done] .co-btn-done{opacity:1;transform:none}.checkout-wrapper .co-btn[data-state=done] .co-btn-done svg{animation:.36s cubic-bezier(.23,1,.32,1) co-pop}@media (hover:hover) and (pointer:fine){.checkout-wrapper .co-btn:hover:not(:disabled,[data-state=done]){background:var(--co-main-hover)}.checkout-wrapper .co-btn--danger:hover:not(:disabled,[data-state=done]){background:#e5242e}.checkout-wrapper .co-btn--soft:hover:not(:disabled,[data-state=done]){background:var(--co-box-hover)}.checkout-wrapper .co-btn--outline:hover:not(:disabled,[data-state=done]){border-color:var(--co-outline-hover-line);background:var(--co-hover-bg)}}.checkout-wrapper .co-link{color:var(--checkout-main);text-underline-offset:3px;text-decoration-skip-ink:none;align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;transition:color .16s;display:inline-flex}.checkout-wrapper .co-link--plain{text-decoration:none}@media (hover:hover) and (pointer:fine){.checkout-wrapper .co-link:hover{color:var(--co-link-hover)}}.checkout-wrapper .co-spinner{border:2px solid var(--co-spin-track,#5e93e9);border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite co-rotate}.checkout-wrapper .co-btn-busy .co-spinner{animation-play-state:paused}.checkout-wrapper .co-btn[data-state=busy] .co-btn-busy .co-spinner{animation-play-state:running}.checkout-wrapper .co-btn--danger{--co-spin-track:#fc6b72}.checkout-wrapper .co-spinner--brand{border-color:var(--co-spin-brand-track);border-top-color:var(--checkout-main)}.checkout-wrapper .co-options{isolation:isolate;border-radius:var(--co-radius);background:#fff;flex-direction:column;display:flex;position:relative}.checkout-wrapper .co-options:has(.co-menu){z-index:11}.checkout-wrapper .co-option:last-child .co-option-body{border-bottom-left-radius:var(--co-radius);border-bottom-right-radius:var(--co-radius)}.checkout-wrapper .co-options:after{content:"";z-index:1;border:1px solid var(--co-line);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.checkout-wrapper .co-option+.co-option{border-top:1px solid var(--co-line)}.checkout-wrapper .co-option-head{text-align:left;cursor:pointer;width:100%;transition:background-color var(--co-soft)var(--co-ease);background:#fff;outline:none;align-items:flex-start;gap:12px;padding:15px 16px;display:flex;position:relative}.checkout-wrapper .co-option-head:after{content:"";z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--checkout-main);opacity:0;pointer-events:none;transition:opacity var(--co-soft)var(--co-ease);position:absolute;inset:-1px 0}.checkout-wrapper .co-option:first-child>.co-option-head{border-top-left-radius:var(--co-radius);border-top-right-radius:var(--co-radius)}.checkout-wrapper .co-option:first-child>.co-option-head:after{top:0}.checkout-wrapper .co-option:last-child:not([data-open=true])>.co-option-head{border-bottom-left-radius:var(--co-radius);border-bottom-right-radius:var(--co-radius)}.checkout-wrapper .co-option:last-child:not([data-open=true])>.co-option-head:after{bottom:0}.checkout-wrapper .co-option[data-selected=true]>.co-option-head{background:var(--co-selected)}.checkout-wrapper .co-option[data-selected=true]>.co-option-head:after{opacity:1}@media (hover:hover) and (pointer:fine){.checkout-wrapper .co-option:not([data-selected=true])>.co-option-head:hover{background:var(--co-hover-bg)}}.checkout-wrapper .co-option-head:focus-visible:after{opacity:1;box-shadow:inset 0 0 0 1.5px var(--checkout-main),inset 0 0 0 4px var(--co-focus)}.checkout-wrapper .co-option-body{background:var(--co-box);padding:16px}.checkout-wrapper .co-radio{border:1.5px solid var(--co-control-line);width:18px;height:18px;transition:background-color var(--co-soft)var(--co-ease),border-color var(--co-soft)var(--co-ease);background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.checkout-wrapper .co-radio[data-checked=true]{border-color:var(--checkout-main);background:var(--checkout-main)}.checkout-wrapper .co-radio[data-checked=true]:after{content:"";background:#fff;border-radius:999px;width:6px;height:6px}.checkout-wrapper .co-radio[data-changed][data-checked=true]:after{animation:co-dot var(--co-soft)var(--co-ease)}.checkout-wrapper .co-collapse{display:flow-root;overflow:hidden}.checkout-wrapper .co-collapse[data-open=false]{height:0}.checkout-wrapper .co-collapse[data-open=false]>*{opacity:0}.checkout-wrapper .co-collapse[data-settled=true]{overflow:visible}.checkout-wrapper .co-lockable{transition:opacity var(--co-soft)ease,filter var(--co-soft)ease}.checkout-wrapper .co-lockable[data-locked=true]{opacity:.5;filter:saturate(.6);pointer-events:none}.checkout-wrapper .co-iban{color:var(--checkout-primary-text);font-size:min(14px,calc(100cqi/var(--co-iban-em,19)));font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;font-weight:500;line-height:20px;overflow:hidden}.checkout-wrapper .co-badge{border-radius:var(--co-radius);background:var(--co-blue-soft);height:22px;color:var(--checkout-main);white-space:nowrap;align-items:center;gap:4px;padding:0 9px;font-size:11.5px;font-weight:600;line-height:1;display:inline-flex}.checkout-wrapper .co-badge--success{background:var(--co-success-bg);color:var(--co-success)}.checkout-wrapper .co-badge--warn{background:var(--co-warn-bg);color:var(--co-warn-text)}.checkout-wrapper .co-badge--muted{background:var(--co-muted-bg);color:var(--checkout-sub-text)}.checkout-wrapper .co-badge--danger{color:var(--co-danger);background:#fff4f5}.checkout-wrapper .co-note{border-radius:var(--co-radius);background:var(--co-box);color:var(--checkout-sub-text);align-items:flex-start;gap:6px;padding:12px 14px;font-size:13px;line-height:20px;display:flex}.checkout-wrapper .co-note>svg{margin-top:calc((20px - var(--icon-size,18px))/2);flex-shrink:0}.checkout-wrapper .co-note--warn{border:1px solid var(--co-warn-line);background:var(--co-warn-bg);color:var(--co-warn-text)}.checkout-wrapper .co-note--warn>svg{color:var(--co-warn-icon)}.checkout-wrapper .co-note--danger{color:var(--checkout-primary-text);background:#fff4f5;border:1px solid #fed5d7}.checkout-wrapper .co-note--danger>svg{color:var(--co-danger)}.checkout-wrapper .co-status-icon{width:56px;height:56px;animation:co-status-in .52s var(--co-ease)both;border-radius:999px;justify-content:center;align-items:center;display:flex;position:relative}.checkout-wrapper .co-status-icon>svg{animation:co-pop .48s var(--co-ease).2s both}.checkout-wrapper .co-status-icon:after{content:"";border-radius:inherit;background:conic-gradient(var(--co-ring-line)0deg,currentColor 50deg,var(--co-ring-line)100deg,var(--co-ring-line)360deg);-webkit-mask-composite:xor;padding:2px;animation:3.6s linear infinite co-rotate;position:absolute;inset:-5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.checkout-wrapper .co-status-icon[data-live=true]:after{animation-duration:1.6s}.checkout-wrapper .co-status-icon[data-tone=success]{--co-ring-line:#c9e6dc;background:var(--co-success-bg);color:var(--co-success)}.checkout-wrapper .co-status-icon[data-tone=danger]{--co-ring-line:#fed1d3;color:var(--co-danger);background:#ffeaeb}.checkout-wrapper .co-status-icon[data-tone=info]{--co-ring-line:var(--co-info-ring);background:var(--co-blue-soft);color:var(--checkout-main)}.checkout-wrapper .co-step-dot{border:1.5px solid var(--co-control-line);color:#fff;background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.checkout-wrapper .co-step-dot[data-state=done]{border-color:var(--checkout-main);background:var(--checkout-main)}.checkout-wrapper .co-step-dot[data-state=current]{border-color:var(--checkout-main)}.checkout-wrapper .co-step-dot[data-state=current]:after{content:"";background:var(--checkout-main);border-radius:999px;width:8px;height:8px}.checkout-wrapper .co-step-dot[data-state=current]:before{content:"";border:1.5px solid var(--co-focus);border-radius:inherit;animation:co-step-pulse 2.4s var(--co-ease)infinite;position:absolute;inset:-5px}.checkout-wrapper .co-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#11131880;animation:.28s ease-out co-fade}.checkout-wrapper .co-modal{border-radius:var(--co-radius);animation:co-modal-in .42s var(--co-ease);background:#fff;box-shadow:0 24px 64px -16px #1118274d,0 2px 8px #1118270f}.checkout-wrapper .co-modal-close{width:34px;height:34px;color:var(--checkout-sub-text);border-radius:999px;justify-content:center;align-items:center;transition:background-color .16s,color .16s;display:flex}.checkout-wrapper .co-modal-close:hover:not(:disabled){background:var(--co-box);color:var(--checkout-primary-text)}.checkout-wrapper .co-modal-close:disabled{cursor:not-allowed;color:var(--co-mute)}.checkout-wrapper .co-btn--danger{background:var(--co-danger)}.checkout-wrapper .co-menu{z-index:30;border:1px solid var(--co-line);border-radius:var(--co-radius);transform-origin:100% 0;min-width:0;animation:co-menu-in .24s var(--co-ease);background:#fff;flex-direction:column;padding:4px;display:flex;position:absolute;box-shadow:0 12px 32px -8px #11182729,0 2px 6px #1118270d}.checkout-wrapper .co-menu-item{border-radius:var(--co-radius-inner);width:100%;color:var(--checkout-primary-text);text-align:left;white-space:nowrap;align-items:center;gap:6px;padding:8px 12px 8px 10px;font-size:14px;font-weight:500;transition:background-color .14s;display:flex}.checkout-wrapper .co-menu-item svg{color:var(--checkout-sub-text)}.checkout-wrapper .co-menu-item--danger,.checkout-wrapper .co-menu-item--danger svg{color:var(--co-danger)}@media (hover:hover) and (pointer:fine){.checkout-wrapper .co-menu-item:hover{background:var(--co-box)}}.checkout-wrapper .co-reveal{animation:co-reveal var(--co-slow)var(--co-ease)both}.checkout-wrapper .co-num-in{display:inline-block}.checkout-wrapper .co-num-in[data-changed]{animation:co-num-in var(--co-slow)var(--co-ease)}@media (prefers-reduced-motion:reduce){.checkout-wrapper .co-status-icon:after,.checkout-wrapper .co-status-icon[data-live=true]:after{animation-duration:8s}.checkout-wrapper .co-step-dot[data-state=current]:before,.checkout-wrapper .co-modal,.checkout-wrapper .co-modal-backdrop,.checkout-wrapper .co-status-icon,.checkout-wrapper .co-status-icon>svg,.checkout-wrapper .co-reveal,.checkout-wrapper .co-num-in[data-changed],.checkout-wrapper .co-menu,.checkout-wrapper .co-radio[data-changed][data-checked=true]:after,.checkout-wrapper .co-btn[data-state=done] .co-btn-done svg{animation:none}.checkout-wrapper .co-option-head,.checkout-wrapper .co-option-head:after,.checkout-wrapper .co-btn-layer{transition:none}.checkout-wrapper .co-spinner{animation-duration:1.6s}}.checkout-wrapper .co-peek{scrollbar-width:none}.checkout-wrapper .co-peek::-webkit-scrollbar{display:none}.checkout-wrapper .co-peek[data-capped]{border-bottom:1px solid var(--co-line);padding-bottom:20px}.checkout-wrapper .co-hint-pill{border-radius:var(--co-radius);color:#fff;letter-spacing:-.01em;white-space:nowrap;opacity:0;visibility:hidden;background:#5f6270;align-items:center;gap:6px;height:28px;padding:0 10px 0 12px;font-size:12.5px;font-weight:500;line-height:1;transition:opacity .2s,visibility 0s linear .2s,background-color .16s;display:inline-flex;box-shadow:0 4px 12px #11131824}.checkout-wrapper .co-hint-pill:hover{background:#4f525e}.checkout-wrapper .co-hint-pill:focus-visible{outline:3px solid var(--co-focus);outline-offset:2px}.checkout-wrapper .co-peek-hint{position:absolute;bottom:10px;left:50%;translate:-50%}.checkout-wrapper .co-peek[data-more-below]+.co-peek-hint,.checkout-wrapper .co-offer-peek[data-show]>.co-hint-pill,.checkout-wrapper .co-hint-pill[data-show]{opacity:1;visibility:visible;transition:opacity .2s,visibility,background-color .16s}.checkout-wrapper .co-offer-peek{z-index:3;pointer-events:none;justify-content:center;height:0;position:sticky;bottom:16px}.checkout-wrapper .co-offer-peek>.co-hint-pill{pointer-events:auto;translate:0 -100%}@media (prefers-reduced-motion:reduce){.checkout-wrapper .co-hint-pill{transition:none}}}@keyframes co-rotate{to{transform:rotate(360deg)}}@keyframes co-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes co-menu-in{0%{opacity:0;filter:blur(2px);transform:scale(.96)}to{opacity:1;transform:none}}@keyframes co-reveal{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:none}}@keyframes co-num-in{0%{opacity:.2;filter:blur(2px)}to{opacity:1;filter:none}}@keyframes co-status-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes co-fade{0%{opacity:0}to{opacity:1}}@keyframes co-modal-in{0%{opacity:0;filter:blur(3px);transform:scale(.97)}to{opacity:1;transform:none}}@keyframes co-dot{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes co-step-pulse{0%{opacity:1;transform:scale(.75)}70%,to{opacity:0;transform:scale(1.2)}}
