.ExampleSheetWithKeyboard-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}.ExampleSheetWithKeyboard-content{grid-template-rows:min-content 1fr min-content;display:grid;container-type:size}.ExampleSheetWithKeyboard-header{border-bottom:1px solid #e5e7eb;grid-template-columns:80px 1fr 80px;align-items:center;gap:.75rem;height:57px;padding-inline:1.25rem;display:grid;position:relative}@media (min-width:800px){.ExampleSheetWithKeyboard-header{height:53px}}.ExampleSheetWithKeyboard-cancelButton{outline-offset:5px;appearance:none;cursor:pointer;text-box:trim-both cap alphabetic;color:#3b82f6;background-color:#0000;border:none;border-radius:6px;justify-self:start;padding:0;font-size:17.25px;font-weight:500}.ExampleSheetWithKeyboard-title{text-box:trim-both cap alphabetic;color:#1f2937;justify-self:center;margin:0;font-size:17.25px;font-weight:620}.ExampleSheetWithKeyboard-saveButton{outline-offset:5px;appearance:none;cursor:pointer;text-box:trim-both cap alphabetic;color:#3b82f6;background-color:#0000;border:none;border-radius:6px;justify-self:end;padding:0;font-size:17.25px;font-weight:600}.ExampleSheetWithKeyboard-scrollView{border-radius:0 0 var(--sheetWithKeyboard-radius)var(--sheetWithKeyboard-radius);background-color:#f9fafb;min-height:0;overflow:hidden}.ExampleSheetWithKeyboard-scrollContent{--padding:1.25rem;align-content:start;display:grid}@container (min-width:780px){.ExampleSheetWithKeyboard-scrollContent{--padding:1.5rem}}.ExampleSheetWithKeyboard-galleryScrollView{background-color:#fff;margin-top:-400px;padding-top:400px;transform:translateY(.0001px)}.ExampleSheetWithKeyboard-galleryScrollContent{padding:var(--padding);grid-auto-flow:column;gap:.5rem;font-size:0;display:grid}.ExampleSheetWithKeyboard-image{background-image:conic-gradient(from -140deg at 100% 100%,#24efd7,#b3faf1 120deg,#24efd7);background-origin:border-box;border:1px solid #0000000d;border-radius:16px;width:240px;height:240px}.ExampleSheetWithKeyboard-info{border-top:1px solid #e5e7eb;gap:1.25rem;padding-top:1.25rem;padding-bottom:2rem;display:grid}@container (min-width:780px){.ExampleSheetWithKeyboard-info{padding-bottom:var(--padding);gap:1.5rem}}.ExampleSheetWithKeyboard-details{padding-inline:var(--padding);color:#111827;margin:0;font-size:1.875rem;font-weight:800}@container (min-width:780px){.ExampleSheetWithKeyboard-details{font-size:2.25rem}}.ExampleSheetWithKeyboard-form{padding-inline:var(--padding);gap:1.25rem;display:grid}@container (min-width:780px){.ExampleSheetWithKeyboard-form{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:1.5rem}}.ExampleSheetWithKeyboard-field{-webkit-user-select:none;user-select:none;display:grid}@container (min-width:780px){.ExampleSheetWithKeyboard-field.fieldType-color{order:1}.ExampleSheetWithKeyboard-field.fieldType-description{order:2;grid-column:1/-1}}.ExampleSheetWithKeyboard-label{color:#374151;pointer-events:none;margin-bottom:.25rem;font-size:1.125rem;font-weight:500}.ExampleSheetWithKeyboard-labelDescription{color:#9ca3af;margin-top:0;margin-bottom:.625rem;font-size:.875rem;font-weight:400}.ExampleSheetWithKeyboard-input{appearance:none;color:#374151;caret-color:#42c812;border:1px solid #d1d5db;border-radius:12px;height:2.75rem;padding:0 .75rem;font-size:1rem;font-weight:500}.ExampleSheetWithKeyboard-input::placeholder{color:#9ca3af}.ExampleSheetWithKeyboard-colorInputWrapper{width:min-content;height:min-content;position:relative}.ExampleSheetWithKeyboard-colorInputs{grid-auto-flow:column;justify-content:start;gap:.625rem;display:grid}.ExampleSheetWithKeyboard-colorInput{appearance:none;cursor:pointer;opacity:0;background-color:#0000;border:0;width:1.75rem;height:1.75rem}.ExampleSheetWithKeyboard-colorInputReplacement{background-color:var(--color);pointer-events:none;border-radius:9999px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000026}.ExampleSheetWithKeyboard-textarea{appearance:none;color:#1f2937;caret-color:#42c812;resize:none;border:1px solid #d1d5db;border-radius:12px;padding:.75rem;font-size:1rem}.ExampleSheetWithKeyboard-textarea::placeholder{color:#9ca3af}