.klyp-drawer__backdrop{z-index:var(--klyp-app-ui-kit-z-modal);opacity:calc(1 - var(--drawer-swipe-progress,0));transition:opacity var(--klyp-drawer-backdrop-duration,var(--klyp-app-ui-kit-duration-sheet)) var(--klyp-drawer-backdrop-easing,var(--klyp-app-ui-kit-easing-emphasis));position:fixed;inset:0}.klyp-drawer__backdrop[data-backdrop=blur]{background:var(--klyp-app-ui-kit-color-bg-modal-backdrop);-webkit-backdrop-filter:blur(var(--klyp-app-ui-kit-blur-3))}.klyp-drawer__backdrop[data-backdrop=opaque]{background:var(--klyp-app-ui-kit-color-bg-modal-backdrop)}.klyp-drawer__backdrop[data-backdrop=transparent]{background:0 0}.klyp-drawer__backdrop[data-starting-style],.klyp-drawer__backdrop[data-ending-style]{opacity:0}.klyp-drawer__backdrop[data-swiping]{transition-duration:0s}.klyp-drawer__backdrop[data-ending-style]{pointer-events:none}.klyp-drawer__viewport{z-index:var(--klyp-app-ui-kit-z-modal);position:fixed;inset:0}.klyp-drawer__content{gap:var(--klyp-app-ui-kit-space-16);background:var(--klyp-app-ui-kit-color-bg-surface);color:var(--klyp-app-ui-kit-color-fg-primary);font:var(--klyp-app-ui-kit-type-body);box-shadow:var(--klyp-app-ui-kit-shadow-panel);border:0 solid var(--klyp-app-ui-kit-color-border-default);--klyp-drawer-bleed:var(--klyp-app-ui-kit-space-48);transition:transform var(--klyp-drawer-duration,var(--klyp-app-ui-kit-duration-sheet)) var(--klyp-drawer-easing,var(--klyp-app-ui-kit-easing-emphasis));will-change:transform;outline:none;flex-direction:column;display:flex;position:fixed}.klyp-drawer__content:after{content:"";background:inherit;pointer-events:none;position:absolute}.klyp-drawer__content[data-base-ui-swipe-ignore]:after{content:none}.klyp-drawer__content[data-swipe-direction=left],.klyp-drawer__content[data-swipe-direction=right]{width:24rem;max-width:100vw;transform:translateX(var(--drawer-swipe-movement-x,0px));inset-block:0}.klyp-drawer__content[data-swipe-direction=up],.klyp-drawer__content[data-swipe-direction=down]{max-height:85svh;transform:translateY(var(--drawer-swipe-movement-y,0px));inset-inline:0}.klyp-drawer__content[data-swipe-direction=right]{border-left-width:var(--klyp-app-ui-kit-bw-default);right:0}.klyp-drawer__content[data-swipe-direction=right]:after{inline-size:var(--klyp-drawer-bleed);inset-block:0;inset-inline-start:100%}.klyp-drawer__content[data-swipe-direction=right][data-starting-style],.klyp-drawer__content[data-swipe-direction=right][data-ending-style]{transform:translate(100%)}.klyp-drawer__content[data-swipe-direction=left]{border-right-width:var(--klyp-app-ui-kit-bw-default);left:0}.klyp-drawer__content[data-swipe-direction=left]:after{inline-size:var(--klyp-drawer-bleed);inset-block:0;inset-inline-end:100%}.klyp-drawer__content[data-swipe-direction=left][data-starting-style],.klyp-drawer__content[data-swipe-direction=left][data-ending-style]{transform:translate(-100%)}.klyp-drawer__content[data-swipe-direction=up]{padding-top:env(safe-area-inset-top,0);border-bottom-width:var(--klyp-app-ui-kit-bw-default);top:0}.klyp-drawer__content[data-swipe-direction=up]:after{block-size:var(--klyp-drawer-bleed);inset-block-end:100%;inset-inline:0}.klyp-drawer__content[data-swipe-direction=up][data-starting-style],.klyp-drawer__content[data-swipe-direction=up][data-ending-style]{transform:translateY(-100%)}.klyp-drawer__content[data-swipe-direction=down]{padding-bottom:env(safe-area-inset-bottom,0);bottom:0}.klyp-drawer__content[data-swipe-direction=down]:after{block-size:var(--klyp-drawer-bleed);inset-block-start:100%;inset-inline:0}.klyp-drawer__content[data-swipe-direction=down][data-starting-style],.klyp-drawer__content[data-swipe-direction=down][data-ending-style]{transform:translateY(100%)}.klyp-drawer__content[data-ending-style]{transition-duration:var(--klyp-drawer-duration-exit,var(--klyp-drawer-duration,var(--klyp-app-ui-kit-duration-sheet)));transition-timing-function:var(--klyp-drawer-easing-exit,var(--klyp-drawer-easing,var(--klyp-app-ui-kit-easing-emphasis)))}.klyp-drawer__content[data-swiping]{transition-duration:0s}.klyp-drawer__header{gap:var(--klyp-app-ui-kit-space-2);padding:var(--klyp-app-ui-kit-space-16) var(--klyp-app-ui-kit-space-16) 0;flex-direction:column;display:flex}.klyp-drawer__grab{margin-inline:auto;margin-top:calc(-1 * var(--klyp-app-ui-kit-space-6));margin-bottom:var(--klyp-app-ui-kit-space-4);height:var(--klyp-app-ui-kit-space-6);width:var(--klyp-app-ui-kit-space-20);border-radius:var(--klyp-app-ui-kit-radius-full);background:color-mix(in srgb, var(--klyp-app-ui-kit-color-fg-subtle) 50%, transparent);flex:none}.klyp-drawer__body{gap:var(--klyp-app-ui-kit-space-12);min-height:0;padding:var(--klyp-app-ui-kit-space-12) var(--klyp-app-ui-kit-space-16);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.klyp-drawer__footer{justify-content:flex-end;align-items:center;gap:var(--klyp-app-ui-kit-space-6);padding:var(--klyp-app-ui-kit-space-12) var(--klyp-app-ui-kit-space-16);border-top:var(--klyp-app-ui-kit-bw-default) solid var(--klyp-app-ui-kit-color-border-subtle);background:color-mix(in srgb, var(--klyp-app-ui-kit-color-bg-surface) 95%, transparent);flex-shrink:0;margin-top:auto;display:flex}.klyp-drawer__title{font:var(--klyp-app-ui-kit-type-heading-xs);font-weight:var(--klyp-app-ui-kit-font-weight-medium);letter-spacing:var(--klyp-app-ui-kit-ls-heading);color:var(--klyp-app-ui-kit-color-fg-primary);margin:0}.klyp-drawer__description{font:var(--klyp-app-ui-kit-type-body);color:var(--klyp-app-ui-kit-color-fg-muted);margin:0}.klyp-drawer__close.klyp-button{top:var(--klyp-app-ui-kit-space-16);right:var(--klyp-app-ui-kit-space-16);position:absolute}.klyp-drawer__content:has(>.klyp-drawer__close) .klyp-drawer__header{padding-inline-end:var(--klyp-app-ui-kit-space-64)}@media (prefers-reduced-motion:reduce){.klyp-drawer__backdrop,.klyp-drawer__content{transition:none}}