.SheetWithDetent-view{z-index:1;top:0;bottom:auto;height:calc(var(--silk-100-lvh-dvh-pct) + 60px)}.SheetWithDetent-content{box-sizing:border-box;height:calc(100% - max(env(safe-area-inset-top), 6px));max-width:800px;border-radius:var(--radius-7) var(--radius-7) 0 0;overflow:hidden;background-color:white}@media (min-width:800px){.SheetWithDetent-content{height:calc(100% - max(env(safe-area-inset-top), 5vh));box-shadow:var(--shadow-4);border-radius:var(--radius-7)}}.SheetWithDetent-handle{width:50px;height:6px;border:0;border-radius:var(--radius-full);background-color:var(--gray-4);cursor:pointer}.ExampleSheetWithDetent-presentTrigger{height:var(--size-15);border-radius:var(--radius-full);appearance:none;border:none;background-color:var(--gray-9);box-shadow:var(--shadow-4);cursor:pointer;padding-inline:var(--size-9);text-box:trim-both cap alphabetic;font-size:var(--font-size-4);font-weight:var(--font-weight-6);color:var(--white)}.ExampleSheetWithDetent-content{display:grid;grid-template-rows:min-content 1fr min-content}.ExampleSheetWithDetent-header{border-bottom:var(--thickness-1) solid var(--gray-3);padding:0 var(--size-9) var(--size-6);display:grid;grid-template-rows:min-content 1fr;gap:var(--size-6);font-size:0}.ExampleSheetWithDetent-handle{grid-area:1/-1;margin-top:var(--size-4);justify-self:center;align-self:start}.ExampleSheetWithDetent-input{width:100%;height:var(--size-15);box-sizing:border-box;outline:none;border:none;border-radius:var(--radius-5);background-color:var(--gray-3);padding:0 var(--size-6);appearance:none;font-size:var(--font-size-4);color:var(--gray-9)}.ExampleSheetWithDetent-input::placeholder{color:var(--gray-6)}.ExampleSheetWithDetent-scrollView{min-height:0}.ExampleSheetWithDetent-scrollContent{padding:var(--size-9);display:grid;gap:var(--size-9)}.ExampleSheetWithDetent-contactContainer{display:grid;grid-auto-flow:column;justify-content:start;gap:var(--size-7)}.ExampleSheetWithDetent-contactAvatar{width:var(--size-17);height:var(--size-17);border-radius:var(--radius-full);background-image:var(--blue-illustration-gradient);background-origin:border-box;border:1px solid rgba(0,0,0,.05)}.ExampleSheetWithDetent-contactDetails{display:grid;gap:var(--size-1)}.ExampleSheetWithDetent-contactFullname{align-self:end;font-size:var(--font-size-4);font-weight:var(--font-weight-6);color:var(--gray-9)}.ExampleSheetWithDetent-contactCompany{font-size:var(--font-size-3);color:var(--gray-6)}.ExampleSheetWithDetent-contactAvatar{border:none;background-image:none;background-color:var(--gray-3);object-fit:cover}.DetachedSheet-view{z-index:1;height:calc(var(--silk-100-lvh-dvh-pct) + 60px)}.DetachedSheet-view.contentPlacement-center{height:100vh}.DetachedSheet-content{box-sizing:border-box;max-width:650px;height:auto;min-height:100px;background-color:transparent;padding-inline:var(--size-3);padding-block:max(env(safe-area-inset-bottom,0px),var(--size-3))}.DetachedSheet-innerContent{height:100%;border-radius:var(--radius-8);background-color:white;box-shadow:var(--shadow-4)}.DetachedSheet-handle{width:50px;height:6px;border:0;border-radius:var(--radius-full);background-color:var(--gray-4);cursor:pointer}.ExampleDetachedSheet-root{padding:var(--size-10);padding-top:0;display:grid;justify-items:center}@media (min-width:600px){.ExampleDetachedSheet-root{padding-bottom:var(--size-16)}}.ExampleDetachedSheet-presentTrigger{height:var(--size-15);border-radius:var(--radius-full);appearance:none;border:none;background-color:var(--gray-9);box-shadow:var(--shadow-4);cursor:pointer;padding-inline:var(--size-9);text-box:trim-both cap alphabetic;font-size:var(--font-size-4);font-weight:var(--font-weight-6);color:var(--white)}.ExampleDetachedSheet-handle{grid-area:1/-1;justify-self:center;align-self:start;margin-top:var(--size-4)}.ExampleDetachedSheet-illustration{margin-top:var(--size-16);height:var(--size-26);width:var(--size-26);border-radius:var(--radius-6);background-image:var(--red-illustration-gradient);background-origin:border-box;border:1px solid rgba(0,0,0,.05)}@media (min-width:600px){.ExampleDetachedSheet-illustration{margin-top:var(--size-18);height:var(--size-28);width:var(--size-28)}}.ExampleDetachedSheet-information{margin-block:var(--size-15);display:grid;gap:var(--size-8);justify-items:center}@media (min-width:600px){.ExampleDetachedSheet-information{margin-block:var(--size-16);gap:var(--size-10)}}.ExampleDetachedSheet-title{margin:0;justify-self:center;max-width:400px;text-align:center;text-wrap:balance;line-height:var(--line-height-2);font-size:var(--font-size-7);font-weight:var(--font-weight-8);color:var(--gray-9)}@media (min-width:600px){.ExampleDetachedSheet-title{font-size:var(--font-size-8)}}.ExampleDetachedSheet-description{margin:0;justify-self:center;max-width:500px;text-align:center;line-height:var(--line-height-4);font-size:var(--font-size-4);font-weight:var(--font-weight-5);color:var(--gray-6)}@media (min-width:600px){.ExampleDetachedSheet-description{font-size:var(--font-size-5)}}.ExampleDetachedSheet-validateTrigger{justify-self:stretch;height:var(--size-17);border-radius:var(--radius-full);appearance:none;border:none;background-color:var(--gray-9);cursor:pointer;padding-inline:var(--size-14);font-size:var(--font-size-4);font-weight:var(--font-weight-6);color:var(--white)}@media (min-width:600px){.ExampleDetachedSheet-validateTrigger{justify-self:center}}.ExampleDetachedSheet-illustration{border:none;background-image:none;background-color:var(--gray-3);object-fit:cover}.TopSheet-view{z-index:1;height:calc(var(--silk-100-lvh-dvh-pct) + 60px)}.TopSheet-content{box-sizing:border-box;max-width:740px;height:auto}.TopSheet-bleedingBackground{box-shadow:var(--shadow-2);border-radius:var(--radius-7);background-color:white}.PageFromBottom-view{z-index:1;height:calc(var(--silk-100-lvh-dvh-pct) + 60px);top:calc(env(safe-area-inset-top, 0px) - 1px);bottom:auto}.PageFromBottom-content{box-sizing:border-box;width:100%;height:100%;background-color:white;box-shadow:var(--shadow-4);display:grid;grid-template-rows:max-content 1fr}.PageFromBottom-topBar{box-sizing:border-box;width:100%;height:var(--size-16);background-color:var(--white);border-bottom:1px solid var(--gray-2);padding-inline:var(--size-8);display:grid}.PageFromBottom-dismissTrigger{justify-self:end;align-self:center;border-radius:var(--radius-3);outline-offset:8px;border:none;background-color:transparent;padding:0;color:var(--gray-9)}.ExampleTopSheet-presentTrigger,.PageFromBottom-dismissTrigger{appearance:none;cursor:pointer;font-size:var(--font-size-4);font-weight:var(--font-weight-6)}.ExampleTopSheet-presentTrigger{height:var(--size-15);border-radius:var(--radius-full);border:none;background-color:var(--gray-9);box-shadow:var(--shadow-4);padding-inline:var(--size-9);text-box:trim-both cap alphabetic;color:var(--white)}.ExampleTopSheet-content{padding-inline:var(--size-10);padding-block:calc(env(safe-area-inset-top, 0px) + var(--size-17)) var(--size-17);display:grid}@media (min-width:600px){.ExampleTopSheet-content{padding-block:calc(env(safe-area-inset-top, 0px) + var(--size-18)) var(--size-18)}}.ExampleTopSheet-dismissTrigger{position:absolute;z-index:1;justify-self:end;top:max(env(safe-area-inset-top,0px),var(--size-8));right:var(--size-8);width:32px;height:32px;appearance:none;border:none;border-radius:var(--radius-full);background-color:var(--gray-3);cursor:pointer;padding:0;display:grid;place-items:center;color:var(--gray-6)}@media (min-width:600px){.ExampleTopSheet-dismissTrigger{top:max(env(safe-area-inset-top,0px),var(--size-9));right:var(--size-9)}}.ExampleTopSheet-dismissIcon{width:22px;height:22px;stroke-width:2.5px}.ExampleTopSheet-information{display:grid;gap:var(--size-12);justify-items:center}.ExampleTopSheet-title{margin:0;justify-self:center;max-width:400px;text-align:center;text-wrap:balance;line-height:var(--line-height-2);font-size:var(--font-size-8);font-weight:var(--font-weight-8);color:var(--gray-9)}@media (min-width:600px){.ExampleTopSheet-title{font-size:var(--font-size-9)}}.ExampleTopSheet-illustration{width:min(66%,280px);height:auto;aspect-ratio:1/1;border-radius:var(--radius-6);background-image:var(--red-illustration-gradient);background-origin:border-box;border:1px solid rgba(0,0,0,.05)}.ExampleTopSheet-description{margin:0;justify-self:center;max-width:500px;text-align:center;text-wrap:balance;line-height:var(--line-height-4);font-size:var(--font-size-4);font-weight:var(--font-weight-5);color:var(--gray-6)}@media (min-width:600px){.ExampleTopSheet-description{font-size:var(--font-size-5)}}.ExampleTopSheet-validateTrigger{height:var(--size-17);border-radius:var(--radius-full);appearance:none;border:none;background-color:var(--gray-9);cursor:pointer;padding-inline:var(--size-14);font-size:var(--font-size-4);font-weight:var(--font-weight-6);color:var(--white)}.ExampleTopSheet-illustration{background-image:none;border:none;background-color:var(--gray-3);object-fit:cover}.ExamplePageFromBottom-presentTrigger{height:var(--size-15);border-radius:var(--radius-full);appearance:none;border:none;background-color:var(--gray-9);box-shadow:var(--shadow-4);cursor:pointer;padding-inline:var(--size-9);text-box:trim-both cap alphabetic;font-size:var(--font-size-4);font-weight:var(--font-weight-6);color:var(--white)}.ExamplePageFromBottom-scrollView{min-height:0;height:100%}.ExamplePageFromBottom-article{display:grid}.ExamplePageFromBottom-illustration{width:100%;height:45svh;background-image:var(--blue-illustration-gradient);background-origin:border-box;border-bottom:1px solid rgba(0,0,0,.05)}.ExamplePageFromBottom-articleContent{justify-self:center;width:min(100% - var(--size-16),800px);padding-block:var(--size-11) var(--size-12);display:grid;place-content:start}@media (min-width:1000px){.ExamplePageFromBottom-articleContent{padding-block:var(--size-17)}}.ExamplePageFromBottom-title{margin-top:0;margin-bottom:var(--size-6);text-wrap:balance;line-height:var(--line-height-3);font-size:var(--font-size-7);font-weight:var(--font-weight-8);color:var(--gray-10)}@media (min-width:1000px){.ExamplePageFromBottom-title{margin-bottom:var(--size-10);font-size:var(--font-size-9)}}.ExamplePageFromBottom-subtitle{margin:0;text-wrap:balance;text-wrap:pretty;line-height:var(--line-height-4);font-size:var(--font-size-5);font-weight:var(--font-weight-5);color:var(--gray-6)}@media (min-width:1000px){.ExamplePageFromBottom-subtitle{line-height:var(--line-height-4);font-size:var(--font-size-6)}}.ExamplePageFromBottom-author{margin-top:var(--size-8);font-size:var(--font-size-2);color:var(--gray-6)}@media (min-width:1000px){.ExamplePageFromBottom-author{margin-top:var(--size-10)}}.ExamplePageFromBottom-authorName{font-weight:var(--font-weight-5);color:var(--gray-7)}.ExamplePageFromBottom-articleBody{margin-top:var(--size-13);display:grid;gap:var(--size-6);line-height:var(--line-height-5);font-size:var(--font-size-4);color:var(--gray-9)}@media (min-width:1000px){.ExamplePageFromBottom-articleBody{margin-top:var(--size-17)}}.ExamplePageFromBottom-articleParagraph{margin:0}.ExamplePageFromBottom-illustration{background-image:none;border-bottom:none;background-color:var(--gray-3);object-fit:cover}