.ExampleSheetWithKeyboard-root{height:100%;width:100%;border-radius:var(--radius-7) var(--radius-7) 0 0;overflow:hidden;background-color:white;container-type:size;display:grid;grid-template-rows:min-content 1fr min-content}@media (min-width:800px){.ExampleSheetWithKeyboard-root{border-radius:var(--radius-7);box-shadow:var(--shadow-4)}}.ExampleSheetWithKeyboard-header{height:57px;border-bottom:var(--thickness-1) solid var(--gray-3);position:relative;padding-inline:var(--size-9);display:flex;justify-content:center;padding-left:.75rem;padding-right:.75rem;align-items:center}@media (min-width:800px){.ExampleSheetWithKeyboard-header{height:53px}}.ExampleSheetWithKeyboard-cancelButton{justify-self:end;border-radius:var(--radius-3);outline-offset:5px;border:none;appearance:none;background-color:transparent;padding:0;text-box:trim-both cap alphabetic;font-size:17.25px;font-weight:var(--font-weight-5);color:#71717b}.ExampleSheetWithKeyboard-title{justify-self:center;text-box:trim-both cap alphabetic;font-size:17.25px;font-weight:620;color:var(--gray-9)}.ExampleSheetWithKeyboard-saveButton{justify-self:end;border-radius:var(--radius-3);outline-offset:5px;border:none;appearance:none;background-color:transparent;padding:0;text-box:trim-both cap alphabetic;font-size:17.25px;font-weight:var(--font-weight-6);color:var(--gray-8);color:rgb(52,159,13)}.ExampleSheetWithKeyboard-scrollView{background-color:var(--gray-1)}.ExampleSheetWithKeyboard-scrollContent{--padding:var(--size-9);display:grid;align-content:start}@container (min-width: 780px){.ExampleSheetWithKeyboard-scrollContent{--padding:var(--size-10)}}.ExampleSheetWithKeyboard-galleryScrollView{margin-top:-400px;background-color:white;padding-top:400px;transform:translateY(.0001px)}.ExampleSheetWithKeyboard-galleryScrollContent{padding:var(--padding);display:grid;grid-auto-flow:column;gap:var(--size-4);font-size:0}.ExampleSheetWithKeyboard-image{width:240px;height:240px;border-radius:var(--radius-6);background-image:var(--blue-illustration-1-gradient);background-origin:border-box;border:1px solid rgba(0,0,0,.05)}.ExampleSheetWithKeyboard-info{border-top:1px solid var(--gray-3);padding-top:var(--size-9);padding-bottom:var(--size-12);display:grid;gap:var(--size-9)}@container (min-width: 780px){.ExampleSheetWithKeyboard-info{padding-bottom:var(--padding);gap:var(--size-10)}}.ExampleSheetWithKeyboard-details{padding-inline:var(--padding);font-size:var(--font-size-7);font-weight:var(--font-weight-8);color:var(--gray-10)}@container (min-width: 780px){.ExampleSheetWithKeyboard-details{font-size:var(--font-size-8)}}.ExampleSheetWithKeyboard-form{padding-inline:var(--padding);display:grid;gap:var(--size-9)}@container (min-width: 780px){.ExampleSheetWithKeyboard-form{grid-template-columns:1fr 1fr;gap:var(--size-10)}}.ExampleSheetWithKeyboard-field{display:grid;user-select:none}@container (min-width: 780px){.ExampleSheetWithKeyboard-field.fieldType-color{order:1}.ExampleSheetWithKeyboard-field.fieldType-description{order:2;grid-column:1/-1}}.ExampleSheetWithKeyboard-label{margin-bottom:var(--size-2);font-size:var(--font-size-4);font-weight:var(--font-weight-5);color:var(--gray-8);pointer-events:none}.ExampleSheetWithKeyboard-labelDescription{margin-bottom:var(--size-5);font-size:var(--font-size-2);font-weight:var(--font-weight-4);color:var(--gray-5)}.ExampleSheetWithKeyboard-input{height:var(--size-15);border-radius:var(--radius-5);border:1px solid var(--gray-4);padding:0 var(--size-6);appearance:none;font-size:var(--font-size-3);font-weight:var(--font-weight-5);color:var(--gray-8);caret-color:rgb(66,200,18)}.ExampleSheetWithKeyboard-input::placeholder{color:var(--gray-5)}.ExampleSheetWithKeyboard-colorInputWrapper{height:min-content;width:min-content;position:relative}.ExampleSheetWithKeyboard-colorInputs{display:grid;grid-auto-flow:column;justify-content:start;gap:var(--size-5)}.ExampleSheetWithKeyboard-colorInput{height:var(--size-11);width:var(--size-11);appearance:none;border:0;background-color:transparent;opacity:0}.ExampleSheetWithKeyboard-colorInputReplacement{position:absolute;inset:0;border-radius:var(--radius-full);background-color:var(--color);box-shadow:inset 0 0 0 var(--thickness-1) rgba(0,0,0,.15);pointer-events:none}.ExampleSheetWithKeyboard-textarea{border-radius:var(--radius-5);border:1px solid var(--gray-4);padding:var(--size-6);appearance:none;font-size:var(--font-size-3);color:var(--gray-9);caret-color:rgb(66,200,18)}.ExampleSheetWithKeyboard-textarea::placeholder{color:var(--gray-5)}.SheetWithKeyboard-view{z-index:1;top:10%;bottom:auto;height:calc(var(--silk-100-lvh-dvh-pct) + 60px)}@media (min-width:800px){.SheetWithKeyboard-view{height:100%}}.SheetWithKeyboard-content{height:calc(100% - max(env(safe-area-inset-top), 6px));background-color:transparent}