.icon-wrapper{display:inline-flex;position:relative;justify-content:center;min-width:7em;min-height:7em;vertical-align:middle}.icon-wrapper,.overlay{border-radius:var(--dds-radius-small)}.copy-container,.overlay{position:absolute}.copy-container{display:grid;bottom:0;grid-template-columns:1fr 1fr;width:100%;height:30px}.icon-copy-item{display:flex;align-items:center;justify-content:center;border-radius:var(--dds-radius-small);cursor:pointer}.live-css-editor-container{margin:1.5rem 0;overflow:hidden;border:1px solid var(--ifm-color-emphasis-300,#d1d5db);border-radius:8px;background:var(--ifm-background-surface-color,#fff)}.live-css-editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--ifm-color-emphasis-300,#d1d5db);background:var(--ifm-color-emphasis-100,#f3f4f6);gap:1rem}.live-css-editor-preset-selector{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.live-css-editor-preset-selector label{margin:0;font-weight:500}.live-css-editor-select{padding:.375rem .75rem;border:1px solid var(--ifm-color-emphasis-300,#d1d5db);border-radius:4px;background:var(--ifm-background-color,#fff);color:var(--ifm-font-color-base,#1f2937);font-size:.875rem;cursor:pointer}.live-css-editor-select:focus{outline:2px solid var(--ifm-color-primary,#2563eb);outline-offset:2px}.live-css-editor-buttons{display:flex;gap:.5rem;margin-left:auto}.live-css-editor-button,.live-css-editor-format-button,.live-css-editor-reset-button{display:flex;align-items:center;padding:.5rem 1rem;transition:all .2s;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;gap:.375rem}.live-css-editor-button{background:var(--ifm-color-primary,#2563eb);color:white}.live-css-editor-button:hover{background:var(--ifm-color-primary-dark,#1d4ed8)}.live-css-editor-reset-button{background:var(--ifm-color-danger,#dc2626);color:white}.live-css-editor-reset-button:hover{background:var(--ifm-color-danger-dark,#b91c1c)}.live-css-editor-format-button{background:var(--ifm-color-secondary,#4b5563);color:white}.live-css-editor-format-button:hover:not(:disabled){background:var(--ifm-color-secondary-dark,#374151)}.live-css-editor-format-button:disabled{opacity:.6;cursor:not-allowed}.live-css-editor-split-pane{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;min-height:400px}@media (max-width:996px){.live-css-editor-split-pane{grid-template-columns:1fr}}.live-css-editor-editor-pane,.live-css-editor-preview-pane{display:flex;flex-direction:column;overflow:hidden}.live-css-editor-editor-pane{border-right:1px solid var(--ifm-color-emphasis-300,#d1d5db)}@media (max-width:996px){.live-css-editor-editor-pane{border-right:none;border-bottom:1px solid var(--ifm-color-emphasis-300,#d1d5db)}}.live-css-editor-pane-header{padding:.75rem 1rem;border-bottom:1px solid var(--ifm-color-emphasis-300,#d1d5db);background:var(--ifm-color-emphasis-200,#e5e7eb);color:var(--ifm-color-emphasis-800,#1f2937);font-size:.875rem;font-weight:600}.live-css-editor-codemirror{height:450px;overflow:auto}.live-css-editor-codemirror .cm-editor{height:100%;overflow:hidden;border:none}.live-css-editor-codemirror .cm-scroller{padding:1rem;overflow:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.875rem;line-height:1.6}.live-css-editor-preview{display:flex;flex:1 1;align-items:center;justify-content:center;padding:2rem;overflow:auto;background:var(--ifm-background-color,#fff)}.live-css-editor-preview>*{max-width:100%}