@layer m3-components{.m3-edit{isolation:isolate;min-width:0;display:grid;position:relative}.m3-edit>*{grid-area:1/1;min-width:0;margin:0}.m3-edit__field,.m3-edit__text{white-space:pre-wrap;overflow-wrap:anywhere}.m3-edit[data-editing] .m3-edit__text{visibility:hidden}.m3-edit__field{width:100%;height:100%;min-height:0;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;resize:none;caret-color:var(--md-sys-color-primary);background:0 0;border:0;border-radius:0;outline:none;padding:0;display:block;overflow:hidden}.m3-edit__field::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:1}.m3-edit:before{content:"";z-index:-1;inset:calc(-1 * var(--md-sys-space-2));border-radius:var(--md-sys-shape-corner-medium);pointer-events:none;opacity:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent);box-shadow:inset 0 0 0 1px var(--md-sys-color-outline-variant);transition:opacity var(--md-sys-motion-t-fx-micro),box-shadow var(--md-sys-motion-t-fx-micro);position:absolute}.m3-edit[data-editing]:before{opacity:1}.m3-edit[data-editing]:focus-within:before{box-shadow:inset 0 0 0 1px var(--md-sys-color-primary)}@media (forced-colors:active){.m3-edit[data-editing]:before{box-shadow:none;outline:2px solid highlight}}}