.ExampleSheetWithKeyboard-presentTrigger{height:2.75rem;border-radius:9999px;appearance:none;border:none;background-color:rgb(31,41,55);box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);cursor:pointer;padding-inline:1.25rem;text-box:trim-both cap alphabetic;font-size:1.125rem;font-weight:600;color:#fff}.ExampleSheetWithKeyboard-content{container-type:size;display:grid;grid-template-rows:min-content 1fr min-content}.ExampleSheetWithKeyboard-header{height:57px;border-bottom:1px solid rgb(229,231,235);position:relative;padding-inline:1.25rem;display:grid;grid-template-columns:80px 1fr 80px;align-items:center;gap:.75rem}@media (min-width:800px){.ExampleSheetWithKeyboard-header{height:53px}}.ExampleSheetWithKeyboard-cancelButton{justify-self:start;border-radius:6px;outline-offset:5px;border:none;appearance:none;background-color:transparent;cursor:pointer;padding:0;text-box:trim-both cap alphabetic;font-size:17.25px;font-weight:500;color:rgb(59,130,246)}.ExampleSheetWithKeyboard-title{margin:0;justify-self:center;text-box:trim-both cap alphabetic;font-size:17.25px;font-weight:620;color:rgb(31,41,55)}.ExampleSheetWithKeyboard-saveButton{justify-self:end;border-radius:6px;outline-offset:5px;border:none;appearance:none;background-color:transparent;cursor:pointer;padding:0;text-box:trim-both cap alphabetic;font-size:17.25px;font-weight:600;color:rgb(59,130,246)}.ExampleSheetWithKeyboard-scrollView{min-height:0;overflow:clip;overflow:hidden;border-radius:0 0 var(--sheetWithKeyboard-radius) var(--sheetWithKeyboard-radius);background-color:rgb(249,250,251)}.ExampleSheetWithKeyboard-scrollContent{--padding:1.25rem;display:grid;align-content:start}@container (min-width: 780px){.ExampleSheetWithKeyboard-scrollContent{--padding:1.5rem}}.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:.5rem;font-size:0}.ExampleSheetWithKeyboard-image{width:240px;height:240px;border-radius:16px;background-image:conic-gradient(from -140deg at 100% 100%,rgba(36,239,215,1),rgba(179,250,241,1) 120deg,rgba(36,239,215,1));background-origin:border-box;border:1px solid rgba(0,0,0,.05)}.ExampleSheetWithKeyboard-info{border-top:1px solid rgb(229,231,235);padding-top:1.25rem;padding-bottom:2rem;display:grid;gap:1.25rem}@container (min-width: 780px){.ExampleSheetWithKeyboard-info{padding-bottom:var(--padding);gap:1.5rem}}.ExampleSheetWithKeyboard-details{margin:0;padding-inline:var(--padding);font-size:1.875rem;font-weight:800;color:rgb(17,24,39)}@container (min-width: 780px){.ExampleSheetWithKeyboard-details{font-size:2.25rem}}.ExampleSheetWithKeyboard-form{padding-inline:var(--padding);display:grid;gap:1.25rem}@container (min-width: 780px){.ExampleSheetWithKeyboard-form{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:1.5rem}}.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:.25rem;font-size:1.125rem;font-weight:500;color:rgb(55,65,81);pointer-events:none}.ExampleSheetWithKeyboard-labelDescription{margin-top:0;margin-bottom:.625rem;font-size:.875rem;font-weight:400;color:rgb(156,163,175)}.ExampleSheetWithKeyboard-input{height:2.75rem;border-radius:12px;border:1px solid rgb(209,213,219);padding:0 .75rem;appearance:none;font-size:1rem;font-weight:500;color:rgb(55,65,81);caret-color:rgb(66,200,18)}.ExampleSheetWithKeyboard-input::placeholder{color:rgb(156,163,175)}.ExampleSheetWithKeyboard-colorInputWrapper{height:min-content;width:min-content;position:relative}.ExampleSheetWithKeyboard-colorInputs{display:grid;grid-auto-flow:column;justify-content:start;gap:.625rem}.ExampleSheetWithKeyboard-colorInput{height:1.75rem;width:1.75rem;appearance:none;border:0;background-color:transparent;cursor:pointer;opacity:0}.ExampleSheetWithKeyboard-colorInputReplacement{position:absolute;inset:0;border-radius:9999px;background-color:var(--color);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);pointer-events:none}.ExampleSheetWithKeyboard-textarea{border-radius:12px;border:1px solid rgb(209,213,219);padding:.75rem;appearance:none;font-size:1rem;color:rgb(31,41,55);caret-color:rgb(66,200,18);resize:none}.ExampleSheetWithKeyboard-textarea::placeholder{color:rgb(156,163,175)}