.klyp-modal__content{--modal-pad:var(--klyp-app-ui-kit-space-12);--modal-r-inner:var(--klyp-app-ui-kit-r-control-md);--modal-r:calc(var(--modal-r-inner) + var(--modal-pad) + var(--klyp-app-ui-kit-bw-default));--modal-seam:var(--klyp-app-ui-kit-space-8);--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:var(--klyp-app-ui-kit-bw-default) solid var(--klyp-app-ui-kit-color-border-subtle);border-radius:var(--modal-r);box-shadow:var(--klyp-app-ui-kit-shadow-panel);z-index:var(--klyp-app-ui-kit-z-modal);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}.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-pad,var(--klyp-app-ui-kit-space-16));position:absolute;inset-inline-end:var(--modal-pad,var(--klyp-app-ui-kit-space-16))}@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}}.klyp-modal__body{gap:var(--modal-seam,var(--klyp-app-ui-kit-space-8));min-height:0;padding:calc(var(--modal-pad,var(--klyp-app-ui-kit-space-12)) / 2) var(--modal-pad,var(--klyp-app-ui-kit-space-12)) calc(var(--modal-seam,var(--klyp-app-ui-kit-space-8)) / 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-12))}.klyp-modal__content .klyp-form-field{--klyp-form-field-inset:0}.klyp-modal__content .klyp-modal__footer{padding:calc(var(--modal-seam) / 2) var(--modal-pad) var(--modal-pad);gap:var(--modal-seam);border:0;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:var(--modal-pad) var(--modal-pad) calc(var(--modal-pad) / 2);border:0;flex-direction:row;display:flex;position:relative}.klyp-modal__content .klyp-modal__header:last-child{padding-block-end:var(--modal-pad)}.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{flex-shrink:0}.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{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:var(--klyp-app-ui-kit-bw-default) solid var(--klyp-app-ui-kit-color-border-default);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-bottom: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}
