@layer legacy;.kp-modal-bottom-sheet-root{position:fixed;top:0;left:0;right:0;bottom:0;z-index:600;background-color:rgba(0,0,0,0);padding:0;margin:0}.kp-modal-bottom-sheet{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;position:fixed;left:10px;right:10px;overflow:hidden;z-index:600;box-shadow:0 -6px 32px 0 rgba(0,0,0,.12);border-radius:32px;background-color:#fff;bottom:calc(var(--android-insets-padding-bottom, 0px) + var(--offset, 16px));max-height:var(--max-height,calc(100vh - calc(var(--android-insets-padding-bottom, 0px) + var(--offset, 16px))))}.dark_mode:not(.dark_mode_off) .kp-modal-bottom-sheet:not(.dark_mode_off,.dark_mode_off *),.dark_mode_off .dark_mode:not(.dark_mode_off) .kp-modal-bottom-sheet,.kp-modal-bottom-sheet.dark_mode:not(.dark_mode_off){background-color:#2a2d30}@media(prefers-color-scheme:dark){.kp-modal-bottom-sheet:not(.dark_mode_off,.dark_mode_off *){background-color:#2a2d30}}@supports(bottom:env(safe-area-inset-bottom)){.kp-modal-bottom-sheet{bottom:calc(max(max(var(--android-insets-padding-bottom, 0px), var(--safe-area-inset-bottom, 0px)), max(env(safe-area-inset-bottom), 16px)) + var(--offset, 0px));max-height:var(--max-height,calc(100vh - calc(max(max(var(--android-insets-padding-bottom, 0px), var(--safe-area-inset-bottom, 0px)), max(env(safe-area-inset-bottom), 16px)) + var(--offset, 0px))))}}.kp-modal-bottom-sheet[data-state=open]{animation:open-bottom-sheet .2s cubic-bezier(.5,.1,.4,1)}.kp-modal-bottom-sheet[data-state=dismiss]{animation:dismiss-bottom-sheet .25s cubic-bezier(.5,.1,.4,1) forwards}.kp-modal-bottom-sheet[data-state=expand-dismiss]{min-height:var(--max-height,calc(100vh - calc(max(max(var(--android-insets-padding-bottom, 0px), var(--safe-area-inset-bottom, 0px)), max(env(safe-area-inset-bottom), 16px)) + var(--offset, 0px))));animation:expand-dismiss-bottom-sheet .25s cubic-bezier(.5,.1,.4,1) forwards}.kp-modal-bottom-sheet[data-state=default]{animation:default-bottom-sheet .25s cubic-bezier(.5,.1,.4,1)}.kp-modal-bottom-sheet[data-state=expand]{animation:expand-bottom-sheet .25s cubic-bezier(.5,.1,.4,1) forwards}.kp-modal-bottom-sheet-content{flex-grow:1;flex-shrink:1;position:relative;box-sizing:border-box;display:flex;padding:0 24px;overflow:hidden}.kp-modal-bottom-sheet-content[data-show-gradient=true]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(0deg,#ffffff,transparent);pointer-events:none}.dark_mode:not(.dark_mode_off) .kp-modal-bottom-sheet-content[data-show-gradient=true]:not(.dark_mode_off,.dark_mode_off *):after,.dark_mode_off .dark_mode:not(.dark_mode_off) .kp-modal-bottom-sheet-content[data-show-gradient=true]:after,.kp-modal-bottom-sheet-content[data-show-gradient=true].dark_mode:not(.dark_mode_off):after{background:linear-gradient(0deg,#2a2d30,transparent)}@media(prefers-color-scheme:dark){.kp-modal-bottom-sheet-content[data-show-gradient=true]:not(.dark_mode_off,.dark_mode_off *):after{background:linear-gradient(0deg,#2a2d30,transparent)}}.kp-modal-bottom-sheet-content-scroll{width:100%;overflow:hidden auto;background-color:rgba(0,0,0,0);padding-bottom:24px}.kp-modal-bottom-sheet-dim{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;z-index:500;transition:opacity .25s cubic-bezier(.5,.1,.4,1)}.dark_mode:not(.dark_mode_off) .kp-modal-bottom-sheet-dim:not(.dark_mode_off,.dark_mode_off *),.dark_mode_off .dark_mode:not(.dark_mode_off) .kp-modal-bottom-sheet-dim,.kp-modal-bottom-sheet-dim,.kp-modal-bottom-sheet-dim.dark_mode:not(.dark_mode_off){background-color:rgba(0,0,0,.2)}@media(prefers-color-scheme:dark){.kp-modal-bottom-sheet-dim:not(.dark_mode_off,.dark_mode_off *){background-color:rgba(0,0,0,.2)}}.kp-modal-bottom-sheet-dim[data-show=true]{opacity:1}.kp-modal-bottom-sheet-footer{flex-shrink:0;position:relative;box-sizing:border-box;background-color:rgba(0,0,0,0);padding:0 16px 16px}.kp-modal-bottom-sheet-handle{width:44px;height:4px;border-radius:9999px;background-color:rgba(6,11,17,.28)}.dark_mode:not(.dark_mode_off) .kp-modal-bottom-sheet-handle:not(.dark_mode_off,.dark_mode_off *),.dark_mode_off .dark_mode:not(.dark_mode_off) .kp-modal-bottom-sheet-handle,.kp-modal-bottom-sheet-handle.dark_mode:not(.dark_mode_off){background-color:rgba(252,252,252,.28)}@media(prefers-color-scheme:dark){.kp-modal-bottom-sheet-handle:not(.dark_mode_off,.dark_mode_off *){background-color:rgba(252,252,252,.28)}}.kp-modal-bottom-sheet-header{flex-direction:row;align-items:center;height:32px;border-radius:9999px}.kp-modal-bottom-sheet-header,.kp-modal-bottom-sheet-title{flex-shrink:0;display:flex;flex-wrap:nowrap;justify-content:center;background-color:rgba(0,0,0,0)}.kp-modal-bottom-sheet-title{flex-direction:column;align-items:flex-start;position:relative;box-sizing:border-box;padding:var(--padding,4px 24px 16px)}@supports(gap:1px){.kp-modal-bottom-sheet-title{gap:var(--gap,6px)}}@supports not (gap:1px){.kp-modal-bottom-sheet-title>:not(:last-child){margin-bottom:var(--gap,6px)}}@keyframes open-bottom-sheet{0%{transform:translateY(calc(100% + calc(max(max(var(--android-insets-padding-bottom, 0px), var(--safe-area-inset-bottom, 0px)), max(env(safe-area-inset-bottom), 16px)) + var(--offset, 0px))))}to{transform:translateY(0)}}@keyframes dismiss-bottom-sheet{0%{transform:translateY(0)}to{transform:translateY(calc(100% + calc(max(max(var(--android-insets-padding-bottom, 0px), var(--safe-area-inset-bottom, 0px)), max(env(safe-area-inset-bottom), 16px)) + var(--offset, 0px))))}}@keyframes expand-dismiss-bottom-sheet{0%{transform:translateY(0)}to{transform:translateY(calc(100% + calc(max(max(var(--android-insets-padding-bottom, 0px), var(--safe-area-inset-bottom, 0px)), max(env(safe-area-inset-bottom), 16px)) + var(--offset, 0px))))}}@keyframes expand-bottom-sheet{0%{min-height:0}to{min-height:var(--max-height,calc(100vh - calc(max(max(var(--android-insets-padding-bottom, 0px), var(--safe-area-inset-bottom, 0px)), max(env(safe-area-inset-bottom), 16px)) + var(--offset, 0px))))}}@keyframes default-bottom-sheet{0%{min-height:var(--max-height,calc(100vh - calc(max(max(var(--android-insets-padding-bottom, 0px), var(--safe-area-inset-bottom, 0px)), max(env(safe-area-inset-bottom), 16px)) + var(--offset, 0px))))}to{min-height:0}}