.DetachedSheet-view{z-index:var(--z-overlay-sheet,8000);height:calc(var(--silk-100-lvh-dvh-pct) + 60px)}.DetachedSheet-view.contentPlacement-center{height:100vh}.DetachedSheet-content{box-sizing:border-box;max-width:600px;height:auto;min-height:100px;padding-inline:.375rem;padding-block:max(env(safe-area-inset-bottom,0px),.375rem);background-color:#0000}.tar-detached-content{max-width:min(900px,96vw);max-height:min(80vh,900px);margin-left:auto!important;margin-right:auto!important}.DetachedSheet-innerContent{background-color:#fff;border-radius:12px;height:100%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.DetachedSheet-handle{cursor:pointer;background-color:#d1d5db;border:0;border-radius:9999px;width:50px;height:6px}
.ExampleDetachedSheet-root{justify-items:center;padding:0 1.5rem 1.5rem;display:grid}.ExampleDetachedSheet-presentTrigger{appearance:none;cursor:pointer;text-box:trim-both cap alphabetic;color:#fff;background-color:#1f2937;border:none;border-radius:9999px;height:2.75rem;padding-inline:1.25rem;font-size:1.125rem;font-weight:600;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.ExampleDetachedSheet-handle{grid-area:1/-1;place-self:start center;margin-top:.5rem}.ExampleDetachedSheet-illustration{background-image:conic-gradient(from -140deg at 100% 100%,#ef2424,#fab3b3 120deg,#ef2424);background-origin:border-box;border:1px solid #0000000d;border-radius:16px;width:12rem;height:12rem;margin-top:3rem}@media (min-width:600px){.ExampleDetachedSheet-illustration{width:14rem;height:14rem;margin-top:4rem}}.ExampleDetachedSheet-information{justify-items:center;gap:1rem;margin-block:2.75rem;display:grid}@media (min-width:600px){.ExampleDetachedSheet-information{gap:1.5rem;margin-block:3rem}}.ExampleDetachedSheet-title{text-align:center;text-wrap:balance;color:#1f2937;justify-self:center;max-width:400px;margin:0;font-size:1.875rem;font-weight:800;line-height:1.1}@media (min-width:600px){.ExampleDetachedSheet-title{font-size:2.25rem}}.ExampleDetachedSheet-description{text-align:center;color:#6b7280;justify-self:center;max-width:500px;margin:0;font-size:1.125rem;font-weight:500;line-height:1.375}@media (min-width:600px){.ExampleDetachedSheet-description{font-size:1.25rem}}.ExampleDetachedSheet-validateTrigger{appearance:none;cursor:pointer;color:#fff;background-color:#1f2937;border:none;border-radius:9999px;justify-self:stretch;height:3.5rem;padding-inline:2.5rem;font-size:1.125rem;font-weight:600}@media (min-width:600px){.ExampleDetachedSheet-validateTrigger{justify-self:center}}