.Dj2K4W_page{box-sizing:border-box;color:#111827;background:#f3f4f6;min-height:100vh;padding:2rem 1rem 3rem}.Dj2K4W_sandbox{--bleed:3rem;contain:layout;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;max-width:42rem;min-height:320px;margin:0 auto;position:relative;overflow:hidden}.Dj2K4W_indentBackground{background-color:#000;position:absolute;inset:0}@media (prefers-color-scheme:dark){.Dj2K4W_indentBackground{background-color:#d1d5db}}.Dj2K4W_indent{--indent-progress:var(--drawer-swipe-progress);--indent-radius:calc(1rem * (1 - var(--indent-progress)));--indent-transition:calc(1 - clamp(0, calc(var(--drawer-swipe-progress) * 100000), 1));z-index:0;color:#111827;transform-origin:top;will-change:transform;min-height:320px;transition:transform .4s cubic-bezier(.32,.72,0,1),border-radius .25s cubic-bezier(.32,.72,0,1);transition-duration:calc(.4s * var(--indent-transition)), calc(.25s * var(--indent-transition));background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.25rem;padding:1rem;position:relative}.Dj2K4W_indent[data-active]{transform:scale(calc(.98 + (.02 * var(--indent-progress)))) translateY(calc(.5rem * (1 - var(--indent-progress))));border-top-left-radius:var(--indent-radius);border-top-right-radius:var(--indent-radius)}.Dj2K4W_center{justify-content:center;align-items:center;min-height:320px;display:flex}.Dj2K4W_trigger{box-sizing:border-box;color:#111827;-webkit-user-select:none;user-select:none;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;justify-content:center;align-items:center;height:2.5rem;margin:0;padding:0 .875rem;font-size:1rem;font-weight:500;line-height:1.5rem;display:inline-flex}.Dj2K4W_trigger:hover{background:#f3f4f6}.Dj2K4W_trigger:focus-visible{outline-offset:-1px;outline:2px solid #1d4ed8}.Dj2K4W_backdrop{--backdrop-opacity:.2;z-index:1;min-height:100%;opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress,0)));background-color:#000;transition-property:opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(.32,.72,0,1);position:absolute;inset:0}@media (prefers-color-scheme:dark){.Dj2K4W_backdrop{--backdrop-opacity:.7}}.Dj2K4W_backdrop[data-state=open]{opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress,0)));animation:.45s cubic-bezier(.32,.72,0,1) Dj2K4W_fadeInBackdrop}.Dj2K4W_backdrop[data-state=closed]{opacity:0;animation:.45s cubic-bezier(.32,.72,0,1) Dj2K4W_fadeOutBackdrop}.Dj2K4W_backdrop[data-swiping]{transition-duration:0s;animation:none}.Dj2K4W_positioner{z-index:2;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.Dj2K4W_positioner[data-swipe-direction=up]{align-items:flex-start}.Dj2K4W_content{box-sizing:border-box;width:100%;max-height:calc(80vh + var(--bleed));margin-bottom:calc(-1 * var(--bleed));padding:1rem 1.5rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px) + var(--bleed));color:#111827;overscroll-behavior:contain;will-change:transform;background:#f9fafb;border:1px solid #e5e7eb;border-radius:1rem 1rem 0 0;flex-direction:column;transition:transform .45s cubic-bezier(.32,.72,0,1);animation-duration:.45s;animation-timing-function:cubic-bezier(.32,.72,0,1);display:flex;position:relative;overflow-y:auto}@media (prefers-color-scheme:dark){.Dj2K4W_content{border-color:#d1d5db}}.Dj2K4W_content[data-swiping]{-webkit-user-select:none;user-select:none}.Dj2K4W_content[data-state=open]{animation-name:Dj2K4W_slideInDown}.Dj2K4W_content[data-state=closed]{animation-name:Dj2K4W_slideOutDown}.Dj2K4W_grabber{justify-content:center;padding:.75rem 0 .5rem;display:flex}.Dj2K4W_grabberIndicator{background:#d1d5db;border-radius:9999px;width:3rem;height:.25rem}.Dj2K4W_contentInner{width:100%;max-width:32rem;margin:0 auto}.Dj2K4W_title{letter-spacing:-.0025em;text-align:center;margin:0 0 .25rem;font-size:1.125rem;font-weight:500;line-height:1.75rem}.Dj2K4W_description{color:#4b5563;text-align:center;margin:0 0 1.5rem;font-size:1rem;line-height:1.5rem}.Dj2K4W_actions{justify-content:center;gap:1rem;display:flex}.Dj2K4W_close{box-sizing:border-box;color:#111827;-webkit-user-select:none;user-select:none;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;justify-content:center;align-items:center;height:2.5rem;margin:0;padding:0 .875rem;font-size:1rem;font-weight:500;line-height:1.5rem;display:inline-flex}.Dj2K4W_close:hover{background:#f3f4f6}.Dj2K4W_close:focus-visible{outline-offset:-1px;outline:2px solid #1d4ed8}@keyframes Dj2K4W_slideInDown{0%{transform:translateY(100%)}to{transform:translate3d(0, var(--drawer-translate-y,var(--drawer-translate,0px)), 0)}}@keyframes Dj2K4W_slideOutDown{0%{transform:translate3d(0, var(--drawer-translate-y,var(--drawer-translate,0px)), 0)}to{transform:translateY(100%)}}@keyframes Dj2K4W_fadeInBackdrop{0%{opacity:0}to{opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress,0)))}}@keyframes Dj2K4W_fadeOutBackdrop{0%{opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress,0)))}to{opacity:0}}