.klyp-modal__content{--modal-pad:var(--klyp-app-ui-kit-space-8);--modal-text:var(--klyp-app-ui-kit-space-6);--modal-r-inner:var(--klyp-modal-r-inner,var(--klyp-app-ui-kit-r-control-lg));--modal-r:calc(var(--modal-r-inner) + var(--modal-pad));--klyp-dialog-r:var(--modal-r);--klyp-dialog-max-h:calc(100svh - var(--klyp-app-ui-kit-space-64));--modal-close-inset:calc(var(--modal-r) - var(--klyp-app-ui-kit-r-control-md));--modal-close-room:calc(var(--modal-pad) * 0);--modal-gap:var(--klyp-app-ui-kit-space-20);--modal-seam:var(--klyp-app-ui-kit-space-8);--klyp-dialog-title-font:var(--klyp-app-ui-kit-font-size-32) / var(--klyp-app-ui-kit-line-box-36) var(--klyp-app-ui-kit-font-sans);--klyp-dialog-title-tracking:var(--klyp-app-ui-kit-letter-spacing-tight);--klyp-dialog-title-color:var(--klyp-app-ui-kit-neutral-0);--klyp-dialog-description-font:var(--klyp-app-ui-kit-font-size-16) / var(--klyp-app-ui-kit-line-box-24) var(--klyp-app-ui-kit-font-sans);--klyp-dialog-description-inset:var(--modal-text);--klyp-dialog-description-pull:calc(var(--modal-gap) / -2);--klyp-dialog-description-gap:calc(var(--modal-gap) - var(--modal-seam));--klyp-form-field-fill:var(--klyp-app-ui-kit-color-bg-well);background:var(--klyp-app-ui-kit-color-bg-surface);color:var(--klyp-app-ui-kit-color-fg-primary);border-radius:var(--modal-r);box-shadow:var(--klyp-app-ui-kit-shadow-panel);z-index:var(--klyp-app-ui-kit-z-modal);border:0;flex-direction:column;gap:0;max-height:calc(100svh - 4rem);padding:0;display:flex}@media (width>=640px){.klyp-modal__content.klyp-modal__content_dialog{max-width:var(--klyp-app-ui-kit-modal-w-dialog)}.klyp-modal__content.klyp-modal__content_sm{max-width:var(--klyp-app-ui-kit-modal-w-sm)}.klyp-modal__content.klyp-modal__content_md{max-width:var(--klyp-app-ui-kit-modal-w-md)}.klyp-modal__content.klyp-modal__content_lg{max-width:var(--klyp-app-ui-kit-modal-w-lg)}.klyp-modal__content.klyp-modal__content_xl{max-width:var(--klyp-app-ui-kit-modal-w-xl)}.klyp-modal__content.klyp-modal__content_full{max-width:var(--klyp-app-ui-kit-modal-w-full);height:var(--klyp-app-ui-kit-modal-h-full)}}.klyp-modal__content .klyp-modal__title-row{align-items:center;gap:var(--klyp-app-ui-kit-space-8);min-width:0;display:flex}.klyp-modal__content .klyp-modal__title-icon{color:var(--klyp-app-ui-kit-color-fg-primary);flex-shrink:0;display:inline-flex}.klyp-modal__content .klyp-modal__illustration{display:flex}.klyp-modal__content.klyp-modal__content_center .klyp-modal__header-main{text-align:center;align-items:center;padding-inline-start:var(--modal-close-room,var(--klyp-app-ui-kit-space-0))}.klyp-modal__content.klyp-modal__content_center .klyp-modal__title-row,.klyp-modal__content.klyp-modal__content_center .klyp-modal__illustration{justify-content:center}.klyp-modal__content.klyp-modal__content_center .klyp-modal__body{text-align:center;align-items:center}.klyp-modal__content.klyp-modal__content_center .klyp-modal__close.klyp-button{top:var(--modal-close-inset,var(--klyp-app-ui-kit-space-10));position:absolute;inset-inline-end:var(--modal-close-inset,var(--klyp-app-ui-kit-space-10))}@media (width>=640px){.klyp-modal__content.klyp-modal__content_footer-start .klyp-modal__footer{justify-content:flex-start}.klyp-modal__content.klyp-modal__content_footer-end .klyp-modal__footer{justify-content:flex-end}.klyp-modal__content.klyp-modal__content_footer-split .klyp-modal__footer>*{flex:1 1 0;min-inline-size:max-content}}.klyp-modal__body{gap:var(--modal-seam,var(--klyp-app-ui-kit-space-8));min-height:0;padding:calc(var(--modal-gap,var(--klyp-app-ui-kit-space-20)) / 2) var(--modal-pad,var(--klyp-app-ui-kit-space-8)) calc((var(--modal-gap,var(--klyp-app-ui-kit-space-20)) + var(--klyp-app-ui-kit-space-4)) / 2);border:0;flex-direction:column;flex:auto;display:flex;overflow-y:auto}.klyp-modal__body:last-child{padding-block-end:var(--modal-pad,var(--klyp-app-ui-kit-space-8))}.klyp-modal__content .klyp-form-field{--klyp-form-field-inset:var(--modal-text)}.klyp-modal__content .klyp-modal__footer{padding:calc((var(--modal-gap) + var(--klyp-app-ui-kit-space-4)) / 2) var(--modal-pad) var(--modal-pad);gap:var(--modal-seam);border:0;flex-wrap:wrap;margin:0}.klyp-modal__content :where(.klyp-modal__footer) .klyp-button[data-variant=secondary]{background:var(--klyp-app-ui-kit-color-control-bg)}.klyp-modal__content .klyp-modal__header{align-items:center;gap:var(--klyp-app-ui-kit-space-12);padding:calc(var(--modal-pad) + var(--modal-text)) calc(var(--modal-pad) + var(--modal-text) + var(--modal-close-room)) calc(var(--modal-gap) / 2) calc(var(--modal-pad) + var(--modal-text));border:0;flex-direction:row;display:flex;position:relative}.klyp-modal__header[data-has-close]{--modal-close-room:calc(var(--modal-close-inset) + var(--klyp-app-ui-kit-control-size-md) + var(--klyp-app-ui-kit-space-4) - var(--modal-pad) - var(--modal-text))}.klyp-modal__content .klyp-modal__header:last-child{padding-block-end:calc(var(--modal-pad) + var(--modal-text))}.klyp-modal__header-main{justify-content:center;gap:var(--klyp-app-ui-kit-space-4);min-width:0;min-block-size:var(--klyp-app-ui-kit-control-size-md);flex-direction:column;flex:auto;display:flex}.klyp-modal__header-actions{align-items:center;gap:var(--klyp-app-ui-kit-space-8);flex-shrink:0;display:flex}.klyp-modal__close.klyp-button{z-index:1;--klyp-button-ghost-bg-hover:var(--klyp-app-ui-kit-color-bg-surface-elevated);flex-shrink:0;position:absolute;inset-block-start:var(--modal-close-inset,var(--klyp-app-ui-kit-space-10));inset-inline-end:var(--modal-close-inset,var(--klyp-app-ui-kit-space-10))}.klyp-modal__close.klyp-button .klyp-icon{inline-size:var(--klyp-app-ui-kit-icon-size-md);block-size:var(--klyp-app-ui-kit-icon-size-md)}.klyp-modal__close.klyp-button .klyp-icon .klyp-icon__path{stroke-width:2px}.klyp-modal__content_center .klyp-modal__illustration{margin-bottom:var(--klyp-app-ui-kit-space-4)}.klyp-modal__content .klyp-modal__dialog{gap:0}@media (width<=639.98px){.klyp-modal__content .klyp-modal__footer>*{width:100%;min-height:var(--klyp-app-ui-kit-touch-target-comfort)}.klyp-modal__content{--klyp-dialog-title-font:var(--klyp-app-ui-kit-font-size-28) / var(--klyp-app-ui-kit-line-box-32) var(--klyp-app-ui-kit-font-sans);border-end-end-radius:0;border-end-start-radius:0}}.klyp-modal__sheet-overlay{z-index:var(--klyp-app-ui-kit-z-modal);background:var(--klyp-app-ui-kit-color-bg-modal-backdrop);-webkit-backdrop-filter:blur(var(--klyp-app-ui-kit-blur-3));backdrop-filter:blur(var(--klyp-app-ui-kit-blur-3));position:fixed;inset:0}.klyp-modal__content.klyp-modal__sheet{inset-inline:0;max-width:none;block-size:100%;max-height:calc(100svh - var(--klyp-app-ui-kit-space-48));border-radius:var(--modal-r) var(--modal-r) 0 0;background:var(--klyp-app-ui-kit-color-bg-surface);padding-bottom:calc(var(--klyp-app-ui-kit-safe-area-bottom,var(--klyp-app-ui-kit-space-0)) + var(--klyp-app-ui-kit-kb-offset,var(--klyp-app-ui-kit-space-0)));border:0;position:fixed;bottom:0}.klyp-modal__content.klyp-modal__sheet .klyp-modal__header{padding-top:var(--klyp-app-ui-kit-space-8)}@media (prefers-reduced-motion:reduce){.klyp-modal__content.klyp-modal__sheet,.klyp-modal__sheet-overlay{transition-duration:1ms!important}}.klyp-modal__handle{margin-block:var(--klyp-app-ui-kit-space-12) var(--klyp-app-ui-kit-space-4);inline-size:var(--klyp-app-ui-kit-space-24);block-size:var(--klyp-app-ui-kit-sheet-handle-h);border-radius:var(--klyp-app-ui-kit-radius-full);background:var(--klyp-app-ui-kit-color-fg-subtle);cursor:grab;flex-shrink:0;margin-inline:auto}.klyp-modal__handle:active{cursor:grabbing}
