@layer legacy,theme,base;@layer components{.ccm-root{--ccm-ink:var(--color-ink-deep);--ccm-navy:var(--color-navy);--ccm-accent:var(--color-accent);--ccm-accent-d:var(--color-teal);--ccm-accent-soft:var(--color-accent-soft);--ccm-line:var(--color-line-alt);--ccm-muted:var(--color-muted);--ccm-soft:var(--color-surface)}.ccm-panel.chisto-modal-panel--dialog{border-radius:var(--radius-3xl);background:var(--color-white);flex-direction:column;max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 64px #0e161e38}.ccm,.ccm *,.ccm :before,.ccm :after{box-sizing:border-box}.ccm{color:var(--ccm-ink);background:var(--color-white);flex-direction:column;font-family:Lato,sans-serif;display:flex}.ccm__head{border-bottom:1px solid var(--ccm-line);align-items:flex-start;gap:16px;padding:24px 64px 20px 24px;display:flex;position:relative}.ccm__logo{border-radius:var(--radius-xl);object-fit:contain;background:var(--color-white);width:56px;height:56px;box-shadow:0 0 0 1px var(--ccm-line);flex:none}.ccm__titles{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.ccm__bank{font-size:var(--text-sm);color:var(--ccm-muted);font-weight:700;line-height:18px}.ccm .ccm__title{height:auto;font-family:var(--font-display,Lato), sans-serif;font-size:var(--text-3xl);letter-spacing:-.01em;color:var(--ccm-ink);text-align:left;margin:0;padding:0;font-weight:700;line-height:28px}.ccm__badge{border-radius:var(--radius-full);background:var(--ccm-accent-soft);color:var(--ccm-accent-d);font-size:var(--text-sm);align-items:center;margin-top:8px;padding:4px 10px;font-weight:700;line-height:18px;display:inline-flex}.ccm__close{background:var(--ccm-soft);width:36px;height:36px;color:var(--ccm-navy);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .2s,color .2s;display:grid;position:absolute;top:18px;right:18px}.ccm__close:hover{background:var(--ccm-accent-soft);color:var(--ccm-accent-d)}.ccm__close:focus-visible,.ccm__ok:focus-visible,.ccm__link:focus-visible{outline:2px solid var(--ccm-accent);outline-offset:2px}.ccm__body{min-height:0;font-size:var(--text-base);flex-direction:column;flex:auto;gap:20px;padding:20px 24px 4px;line-height:22px;display:flex;overflow-y:auto}.ccm__section{margin:0;padding:0}.ccm .ccm__h{height:auto;font-family:inherit;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--ccm-muted);margin:0 0 8px;padding:0;font-weight:700;line-height:18px}.ccm__section p{color:var(--ccm-ink);margin:0}.ccm .ccm__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ccm .ccm__list li{margin:0;padding:0 0 0 30px;list-style:none;position:relative}.ccm .ccm__list li:before{content:"";background:var(--ccm-accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%231695b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m6 10.2 2.6 2.6L14 7.4'/%3E%3C/svg%3E") center / 20px 20px no-repeat;border-radius:50%;width:20px;height:20px;position:absolute;top:1px;left:0}.ccm__note{border-radius:var(--radius-xl);background:var(--ccm-soft);color:var(--ccm-navy);font-size:var(--text-md);align-items:flex-start;gap:10px;padding:14px 16px;line-height:20px;display:flex}.ccm__note svg{color:var(--ccm-accent-d);flex:none;margin-top:0}.ccm__note p{margin:0}.ccm__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:20px 24px 24px;display:flex}.ccm__link{color:var(--ccm-navy);font-size:var(--text-md);align-items:center;gap:6px;font-weight:700;line-height:20px;text-decoration:none;transition:color .2s;display:inline-flex}.ccm__link svg{color:var(--ccm-accent-d);flex:none}.ccm__link:hover{color:var(--ccm-accent-d)}.ccm__ok{border-radius:var(--radius-full);background:var(--ccm-accent);height:44px;color:var(--color-white);font-family:inherit;font-size:var(--text-base);cursor:pointer;border:0;margin-left:auto;padding:0 28px;font-weight:700;transition:background-color .2s}.ccm__ok:hover{background:var(--ccm-accent-d)}.chisto-modal-panel--sheet.ccm-panel .ccm__head{padding:4px 60px 16px 16px}.chisto-modal-panel--sheet.ccm-panel .ccm__close{top:0;right:12px}.chisto-modal-panel--sheet.ccm-panel .ccm__logo{border-radius:var(--radius-lg);width:48px;height:48px}.chisto-modal-panel--sheet.ccm-panel .ccm__title{font-size:var(--text-2xl);line-height:26px}.chisto-modal-panel--sheet.ccm-panel .ccm__body{padding:16px 16px 4px;overflow:visible}.chisto-modal-panel--sheet.ccm-panel .ccm__foot{padding:16px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column-reverse;align-items:stretch}.chisto-modal-panel--sheet.ccm-panel .ccm__ok{width:100%;margin-left:0}.chisto-modal-panel--sheet.ccm-panel .ccm__link{justify-content:center}}@layer utilities;
