.drawer-indent-effect-module__Dj2K4W__page{box-sizing:border-box;color:#111827;background:#f3f4f6;min-height:100vh;padding:2rem 1rem 3rem}.drawer-indent-effect-module__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}.drawer-indent-effect-module__Dj2K4W__indentBackground{background-color:#000;position:absolute;inset:0}@media (prefers-color-scheme:dark){.drawer-indent-effect-module__Dj2K4W__indentBackground{background-color:#d1d5db}}.drawer-indent-effect-module__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}.drawer-indent-effect-module__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)}.drawer-indent-effect-module__Dj2K4W__center{justify-content:center;align-items:center;min-height:320px;display:flex}.drawer-indent-effect-module__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}.drawer-indent-effect-module__Dj2K4W__trigger:hover{background:#f3f4f6}.drawer-indent-effect-module__Dj2K4W__trigger:focus-visible{outline-offset:-1px;outline:2px solid #1d4ed8}.drawer-indent-effect-module__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){.drawer-indent-effect-module__Dj2K4W__backdrop{--backdrop-opacity:.7}}.drawer-indent-effect-module__Dj2K4W__backdrop[data-state=open]{opacity:calc(var(--backdrop-opacity)*(1 - var(--drawer-swipe-progress,0)));animation:.45s cubic-bezier(.32,.72,0,1) drawer-indent-effect-module__Dj2K4W__fadeInBackdrop}.drawer-indent-effect-module__Dj2K4W__backdrop[data-state=closed]{opacity:0;animation:.45s cubic-bezier(.32,.72,0,1) drawer-indent-effect-module__Dj2K4W__fadeOutBackdrop}.drawer-indent-effect-module__Dj2K4W__backdrop[data-swiping]{transition-duration:0s;animation:none}.drawer-indent-effect-module__Dj2K4W__positioner{z-index:2;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.drawer-indent-effect-module__Dj2K4W__positioner[data-swipe-direction=up]{align-items:flex-start}.drawer-indent-effect-module__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){.drawer-indent-effect-module__Dj2K4W__content{border-color:#d1d5db}}.drawer-indent-effect-module__Dj2K4W__content[data-swiping]{-webkit-user-select:none;user-select:none}.drawer-indent-effect-module__Dj2K4W__content[data-state=open]{animation-name:drawer-indent-effect-module__Dj2K4W__slideInDown}.drawer-indent-effect-module__Dj2K4W__content[data-state=closed]{animation-name:drawer-indent-effect-module__Dj2K4W__slideOutDown}.drawer-indent-effect-module__Dj2K4W__grabber{justify-content:center;padding:.75rem 0 .5rem;display:flex}.drawer-indent-effect-module__Dj2K4W__grabberIndicator{background:#d1d5db;border-radius:9999px;width:3rem;height:.25rem}.drawer-indent-effect-module__Dj2K4W__contentInner{width:100%;max-width:32rem;margin:0 auto}.drawer-indent-effect-module__Dj2K4W__title{letter-spacing:-.0025em;text-align:center;margin:0 0 .25rem;font-size:1.125rem;font-weight:500;line-height:1.75rem}.drawer-indent-effect-module__Dj2K4W__description{color:#4b5563;text-align:center;margin:0 0 1.5rem;font-size:1rem;line-height:1.5rem}.drawer-indent-effect-module__Dj2K4W__actions{justify-content:center;gap:1rem;display:flex}.drawer-indent-effect-module__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}.drawer-indent-effect-module__Dj2K4W__close:hover{background:#f3f4f6}.drawer-indent-effect-module__Dj2K4W__close:focus-visible{outline-offset:-1px;outline:2px solid #1d4ed8}@keyframes drawer-indent-effect-module__Dj2K4W__slideInDown{0%{transform:translateY(100%)}to{transform:translate3d(0,var(--drawer-translate-y,var(--drawer-translate,0px)),0)}}@keyframes drawer-indent-effect-module__Dj2K4W__slideOutDown{0%{transform:translate3d(0,var(--drawer-translate-y,var(--drawer-translate,0px)),0)}to{transform:translateY(100%)}}@keyframes drawer-indent-effect-module__Dj2K4W__fadeInBackdrop{0%{opacity:0}to{opacity:calc(var(--backdrop-opacity)*(1 - var(--drawer-swipe-progress,0)))}}@keyframes drawer-indent-effect-module__Dj2K4W__fadeOutBackdrop{0%{opacity:calc(var(--backdrop-opacity)*(1 - var(--drawer-swipe-progress,0)))}to{opacity:0}}
