.klyp-modal__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__overlay[data-continued][data-open]{animation:none}.klyp-modal__viewport{z-index:var(--klyp-app-ui-kit-z-modal);padding:var(--klyp-app-ui-kit-space-16);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (width<=639.98px){.klyp-modal__viewport{justify-content:stretch;align-items:flex-end;padding:0}.klyp-modal__viewport[data-variant=promo]{padding:var(--klyp-app-ui-kit-space-16);justify-content:center;align-items:center}}.klyp-modal__overlay[data-open],.klyp-modal__viewport[data-open]{animation:klyp-modal-fade-in var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard)}.klyp-modal__overlay[data-closed],.klyp-modal__viewport[data-closed]{animation:klyp-modal-fade-out var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard)}.klyp-modal__popup{width:100%;font:var(--klyp-app-ui-kit-type-body);overflow:var(--modal-overflow,hidden);outline:none;position:relative}.klyp-modal__popup[data-open]{animation:klyp-modal-pop-in var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard)}.klyp-modal__popup[data-closed]{animation:klyp-modal-pop-out var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard)}@media (width<=639.98px){.klyp-modal__popup{max-width:100%}.klyp-modal__popup[data-open]{animation:klyp-modal-slide-up var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard)}.klyp-modal__popup[data-closed]{animation:klyp-modal-slide-down var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard)}}@media (prefers-reduced-motion:reduce){.klyp-modal__overlay[data-open],.klyp-modal__overlay[data-closed],.klyp-modal__viewport[data-open],.klyp-modal__viewport[data-closed],.klyp-modal__popup[data-open],.klyp-modal__popup[data-closed]{animation:none}}.klyp-modal__dialog{border-radius:inherit;scrollbar-width:thin;scrollbar-color:transparent transparent;outline:none;flex-direction:column;flex:auto;gap:0;min-height:0;display:flex;overflow-y:auto}.klyp-modal__dialog::-webkit-scrollbar{width:6px}.klyp-modal__dialog::-webkit-scrollbar-track{background:0 0}.klyp-modal__dialog::-webkit-scrollbar-thumb{border-radius:var(--klyp-app-ui-kit-radius-full);-webkit-transition:background var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);transition:background var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);background:0 0}@media (hover:hover) and (pointer:fine){.klyp-modal__dialog:hover{scrollbar-color:var(--klyp-app-ui-kit-color-fg-muted) transparent}.klyp-modal__dialog:hover::-webkit-scrollbar-thumb{background:var(--klyp-app-ui-kit-color-fg-muted)}.klyp-modal__dialog::-webkit-scrollbar-thumb:hover{background:var(--klyp-app-ui-kit-color-fg-subtle)}}.klyp-modal__header{z-index:1;background:var(--klyp-app-ui-kit-color-bg-surface);top:0}.klyp-modal__title{font:var(--klyp-dialog-title-font,var(--klyp-app-ui-kit-type-heading-xs));font-weight:var(--klyp-app-ui-kit-font-weight-medium);letter-spacing:var(--klyp-dialog-title-tracking,normal);color:var(--klyp-dialog-title-color,var(--klyp-app-ui-kit-color-fg-primary));text-wrap:balance;margin:0}.klyp-modal__description{margin:0;padding-inline:var(--klyp-dialog-description-inset,var(--klyp-app-ui-kit-space-0));font:var(--klyp-dialog-description-font,var(--klyp-app-ui-kit-type-body));color:var(--klyp-app-ui-kit-color-fg-muted);overflow-wrap:anywhere;text-wrap:pretty;margin-block-start:var(--klyp-dialog-description-pull,var(--klyp-app-ui-kit-space-0))}.klyp-modal__description:not(:last-child){margin-block-end:var(--klyp-dialog-description-gap,var(--klyp-app-ui-kit-space-0))}.klyp-modal__footer{z-index:1;gap:var(--klyp-app-ui-kit-space-8);background:var(--klyp-app-ui-kit-color-bg-surface);flex-direction:column-reverse;display:flex;position:sticky;bottom:0}@media (width>=640px){.klyp-modal__footer{flex-direction:row;justify-content:flex-end}}.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);--klyp-form-field-label-inset:var(--modal-text);background:var(--modal-fill,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(--modal-shadow,var(--klyp-app-ui-kit-shadow-panel));z-index:var(--klyp-app-ui-kit-z-modal);max-height:calc(100svh - 4rem - var(--modal-peek-room,0px));border:0;flex-direction:column;gap:0;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-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);--klyp-button-secondary-bg:var(--klyp-app-ui-kit-color-control-bg);border:0;flex-wrap:wrap;margin:0}.klyp-modal__content .klyp-modal__header{align-items:center;gap:var(--klyp-app-ui-kit-space-12);padding:var(--modal-header-pad-top,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[data-size] .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[data-size] .klyp-icon .klyp-icon__path{stroke-width:2px}.klyp-modal__content_center .klyp-modal__illustration{margin-bottom:var(--klyp-app-ui-kit-space-4)}@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)}.klyp-modal__content:not(:where([data-variant=promo])){border-end-end-radius:0;border-end-start-radius:0}}.klyp-modal__sheet-overlay,.klyp-modal__content.klyp-modal__sheet{--modal-sheet-duration:var(--klyp-modal-sheet-duration,var(--klyp-app-ui-kit-duration-sheet));--modal-sheet-easing:var(--klyp-modal-sheet-easing,var(--klyp-app-ui-kit-easing-emphasis))}.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));opacity:calc(1 - var(--drawer-swipe-progress));transition:opacity var(--modal-sheet-duration) var(--modal-sheet-easing);position:fixed;inset:0}.klyp-modal__sheet-overlay[data-starting-style]:not([data-continued]),.klyp-modal__sheet-overlay[data-ending-style]{opacity:0}.klyp-modal__sheet-overlay[data-swiping]{transition-duration:0s}.klyp-modal__sheet-overlay[data-ending-style]{pointer-events:none}.klyp-modal__sheet-viewport{z-index:var(--klyp-app-ui-kit-z-modal);pointer-events:none;align-items:flex-end;display:flex;position:fixed;inset:0}.klyp-modal__sheet-viewport[data-nested]{pointer-events:auto}.klyp-modal__content.klyp-modal__sheet{--modal-header-pad-top:var(--klyp-modal-sheet-head-top,var(--klyp-app-ui-kit-space-8));bottom:var(--drawer-keyboard-inset,0px);inline-size:100%;pointer-events:auto;--modal-sheet-bleed:var(--klyp-app-ui-kit-space-48);max-width:none;max-height:calc(100svh - var(--klyp-modal-sheet-gap,var(--klyp-app-ui-kit-space-48)) - var(--modal-peek-room,0px) - var(--drawer-keyboard-inset,0px) + var(--modal-sheet-bleed));margin-bottom:calc(-1 * var(--modal-sheet-bleed));border-radius:var(--modal-r) var(--modal-r) 0 0;background:var(--modal-fill,var(--klyp-app-ui-kit-color-bg-surface));font:var(--klyp-app-ui-kit-type-body);overflow:var(--modal-overflow,hidden);padding-bottom:calc(var(--klyp-app-ui-kit-safe-area-bottom,var(--klyp-app-ui-kit-space-0)) + var(--modal-sheet-bleed));transform:translateY(var(--drawer-swipe-movement-y,0px));transition:transform var(--modal-sheet-duration) var(--modal-sheet-easing);will-change:transform;border:0;outline:none;position:relative}.klyp-modal__sheet-header{z-index:1}.klyp-modal__sheet-header:after{block-size:var(--klyp-app-ui-kit-space-16);pointer-events:none;content:"";opacity:0;background:linear-gradient(to bottom, var(--klyp-app-ui-kit-color-bg-surface), transparent);transition:opacity var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);position:absolute;inset-block-start:100%;inset-inline:0}.klyp-modal__sheet-header[data-body-scrolled]:after{opacity:1}.klyp-modal__sheet[data-starting-style],.klyp-modal__sheet[data-ending-style]{transform:translateY(calc(100% - var(--modal-sheet-bleed)))}.klyp-modal__sheet[data-swiping]{transition-duration:0s}.klyp-modal__sheet-content{outline:none;flex-direction:column;flex:auto;min-block-size:0;display:flex}@media (prefers-reduced-motion:reduce){.klyp-modal__content.klyp-modal__sheet,.klyp-modal__sheet-overlay{transition-duration:0s}}.klyp-modal__handle{display:var(--klyp-modal-handle-display,block);margin-block:var(--klyp-app-ui-kit-space-12) var(--klyp-app-ui-kit-space-4);inline-size:var(--klyp-modal-handle-inline-size,var(--klyp-app-ui-kit-space-24));block-size:var(--klyp-modal-handle-block-size,var(--klyp-app-ui-kit-sheet-handle-h));border-radius:var(--klyp-app-ui-kit-radius-full);background:var(--klyp-modal-handle-color,var(--klyp-app-ui-kit-color-fg-subtle));opacity:var(--klyp-modal-handle-opacity,var(--klyp-app-ui-kit-opacity-100));cursor:grab;flex-shrink:0;margin-inline:auto}.klyp-modal__handle:active{cursor:grabbing}.klyp-modal__content_peek{--modal-peek:var(--klyp-app-ui-kit-space-64);--modal-peek-room:var(--modal-peek);--modal-fill:transparent;--modal-shadow:none;--modal-overflow:visible;isolation:isolate;margin-block-start:var(--modal-peek)}.klyp-modal__content_peek:before{content:"";z-index:-1;border-radius:inherit;background:var(--klyp-app-ui-kit-color-bg-surface);box-shadow:0 calc(var(--klyp-app-ui-kit-space-10) * -1) var(--klyp-app-ui-kit-space-32) var(--klyp-app-ui-kit-alpha-black-30), var(--klyp-app-ui-kit-shadow-panel);pointer-events:none;position:absolute;inset:0}.klyp-modal__peek{z-index:-2;inset-block-start:calc(-1 * var(--modal-peek));inset-inline:var(--klyp-app-ui-kit-space-12);pointer-events:none;position:absolute}.klyp-modal__peek[data-open]{animation:klyp-modal-fade-in calc(var(--klyp-app-ui-kit-duration-normal) / 2) var(--klyp-app-ui-kit-easing-standard) calc(var(--klyp-app-ui-kit-duration-fast) / 2) both, klyp-modal-peek-rise calc(var(--klyp-app-ui-kit-duration-slower) / 2) var(--klyp-app-ui-kit-easing-spring) calc(var(--klyp-app-ui-kit-duration-fast) / 2) both}.klyp-modal__peek[data-closed]{animation:klyp-modal-peek-sink var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard) both}@media (prefers-reduced-motion:reduce){.klyp-modal__peek{animation:none}}@keyframes klyp-modal-peek-rise{0%{transform:translateY(var(--modal-peek)) scale(.96)}}@keyframes klyp-modal-peek-sink{to{transform:translateY(var(--modal-peek)) scale(.96)}}@keyframes klyp-modal-fade-in{0%{opacity:0}}@keyframes klyp-modal-fade-out{to{opacity:0}}@keyframes klyp-modal-pop-in{0%{opacity:0;transform:scale(.95)}}@keyframes klyp-modal-pop-out{to{opacity:0;transform:scale(.95)}}@keyframes klyp-modal-slide-up{0%{transform:translateY(100%)}}@keyframes klyp-modal-slide-down{to{transform:translateY(100%)}}
