.preview[data-v-7792d3f0]{width:100px;display:inline-block;margin:10px}.preview .inner[data-v-7792d3f0]{display:inline-block;width:100%;text-align:center;background:#f5f5f5;border-radius:3px 3px 0 0;line-height:85px;font-size:40px;color:#333}.label[data-v-7792d3f0]{display:inline-block;text-align:center;width:100%;box-sizing:border-box;padding:5px;font-size:10px;font-family:Monaco,monospace;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#ddd;border-radius:0 0 3px 3px}.sf-components-page .example{margin:20px 0}.sf-components-page .options{font-size:12px}.sf-components-page .options div{display:inline-block;margin-right:10px}.sf-components-page .options label{display:block}.sf-components-page .options p{margin-bottom:10px}.sf-components-page .code{background-color:#111827;padding:10px;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));font-weight:300;display:inline-block;border-radius:3px}.sf-components-page .inline-code{font-family:monospace;color:#ef4444;background-color:#ddd;padding:1px 2px;border-radius:3px}.sf-components-page .examples>div{margin-top:30px;padding-top:30px;border-top:1px solid #aaa}