@zeit-ui/vue/lib/snippet.css

A popular UI framework for Vue

.expand-enter-active,.expand-leave-active{transition:height .2s ease;overflow:hidden}.expand-enter,.expand-leave-to{height:0}.zi-snippet{position:relative;padding:var(--geist-gap-half) 32pt var(--geist-gap-half) var(--geist-gap-half);max-width:100%;border:1px solid var(--accents-2);border-radius:var(--geist-radius);font-size:.815rem}.zi-snippet.without-copy{padding-right:var(--geist-gap-half)}.zi-snippet.success{color:var(--geist-success);border-color:var(--geist-success)}.zi-snippet.success.filled{color:var(--geist-background);background-color:var(--geist-success)}.zi-snippet.warning{color:var(--geist-warning);border-color:var(--geist-warning)}.zi-snippet.warning.filled{color:var(--geist-background);background-color:var(--geist-warning)}.zi-snippet.error{color:var(--geist-error);border-color:var(--geist-error)}.zi-snippet.error.filled{color:var(--geist-background);background-color:var(--geist-error)}.zi-snippet.secondary{color:var(--accents-5);border-color:var(--accents-5)}.zi-snippet.secondary.filled{color:var(--geist-background);background-color:var(--accents-5)}.zi-snippet.dark{border-color:var(--geist-foreground);background-color:var(--geist-foreground);color:var(--geist-background)}.zi-snippet.lite{background-color:var(--accents-1)}.zi-snippet>pre{border:none;padding:0;margin:0;border-radius:none;line-height:1.5;font-size:.8125rem;font-family:var(--font-mono)}.zi-snippet>pre:before{content:"$ ";user-select:none}.zi-snippet .zi-copy{position:absolute;right:0;top:6.5pt;width:32pt;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.zi-snippet .zi-copy:hover{opacity:.7}.zi-snippet .zi-copy>svg{width:22px;height:22px}