.margo-sheet{transition:translate var(--margo-layer-duration) var(--margo-layer-easing)}.margo-sheet[data-margo-placement=left]{translate:-100%}.margo-sheet[data-margo-placement=right]{translate:100%}.margo-sheet[data-margo-placement=top]{translate:0 -100%}.margo-sheet[data-margo-placement=bottom]{translate:0 100%}dialog[open] .margo-sheet{translate:0}@starting-style{dialog[open] .margo-sheet[data-margo-placement=left]{translate:-100%}dialog[open] .margo-sheet[data-margo-placement=right]{translate:100%}dialog[open] .margo-sheet[data-margo-placement=top]{translate:0 -100%}dialog[open] .margo-sheet[data-margo-placement=bottom]{translate:0 100%}}