.__dumi-default-previewer{background-color:#fff;border:1px solid #ebedf1;border-radius:1px}.__dumi-default-previewer[data-debug]{margin-top:32px;border-color:#ffcb00}.__dumi-default-previewer[data-debug]:before{content:"DEV ONLY";float:left;margin-left:-1px;margin-top:-18px;padding:3px 6px;font-size:12px;line-height:1;background-color:#ffcb00;color:#735600;text-shadow:.5px .5px 0 hsla(0,0%,100%,.5);border-top-left-radius:1px;border-top-right-radius:1px}.__dumi-default-previewer[data-iframe] .__dumi-default-previewer-browser-nav{padding:2px 6px;background-color:#ebedf1}.__dumi-default-previewer[data-iframe] .__dumi-default-previewer-browser-nav:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#fd6458;box-shadow:20px 0 0 #ffbf2b,40px 0 0 #24cc3d}.__dumi-default-previewer[data-iframe] .__dumi-default-previewer-demo>iframe{border:0;width:100%;height:300px}.__dumi-default-previewer+.__dumi-default-previewer{margin-top:32px}.__dumi-default-previewer-demo{padding:40px 24px}.__dumi-default-previewer-target{border-color:rgba(69,105,212,.5);box-shadow:0 0 0 5px rgba(69,105,212,.05)}.__dumi-default-previewer-desc:not(:empty){padding:1em;color:#454d64;border-top:1px solid #ebedf1}.__dumi-default-previewer-desc .markdown>p:first-child{margin-top:0}.__dumi-default-previewer-desc .markdown>p:last-child{margin-bottom:0}.__dumi-default-previewer-desc[data-title]{position:relative;padding-top:1.2em}.__dumi-default-previewer-desc[data-title]>a:first-child{position:absolute;top:0;left:1em;margin-left:-4px;padding:0 4px;color:#454d64;font-size:inherit;font-weight:500;background-color:#fff;transform:translateY(-50%);pointer-events:auto;cursor:pointer}.__dumi-default-previewer-desc[data-title]:empty{padding-top:0}.__dumi-default-previewer-desc[data-title]:empty+.__dumi-default-previewer-actions{height:46px;border-top-style:solid}.__dumi-default-previewer-actions{display:flex;height:40px;padding:0 1em;align-items:center;border-top:1px dashed #ebedf1}.__dumi-default-previewer-actions>a:not(:last-child),.__dumi-default-previewer-actions>button:not(:last-child){margin-right:8px}.__dumi-default-previewer-actions>a{display:flex}.__dumi-default-previewer-actions button{position:relative;display:inline-block;width:16px;height:16px;padding:0;border:0;box-sizing:border-box;cursor:pointer;opacity:.6;outline:none;transition:opacity .2s,background .2s}.__dumi-default-previewer-actions button:after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px}.__dumi-default-previewer-actions button:hover{opacity:.8}.__dumi-default-previewer-actions button:active{opacity:.9}.__dumi-default-previewer-actions button:disabled{opacity:.2;cursor:not-allowed}.__dumi-default-previewer-actions button[role=codesandbox]{background-position:-18px 0}.__dumi-default-previewer-actions button[role=codepen]{background-position:-36px 0}.__dumi-default-previewer-actions button[role=source]{background-position:-72px 0}.__dumi-default-previewer-actions button[role=change-jsx]{background-position:-90px 0}.__dumi-default-previewer-actions button[role=change-tsx]{background-position:-108px 0}.__dumi-default-previewer-actions button[role=open-demo]{background-position:-126px 0}.__dumi-default-previewer-actions button[role=motions]{background-position:-162px 0}.__dumi-default-previewer-actions button[role=sketch-component]{background-position:-182px 0}.__dumi-default-previewer-actions button[role=sketch-group]{background-position:-200px 0}.__dumi-default-previewer-actions button[role=copy][data-status=ready]{background-position:-54px 0}.__dumi-default-previewer-actions button[role=copy][data-status=copied]{pointer-events:none;background-position:-54px -16px}.__dumi-default-previewer-actions button[role=refresh]{background-position-x:-144px}.__dumi-default-previewer-actions>span{flex:1 1;display:inline-block}.__dumi-default-previewer-source{border-top:1px dashed #ebedf1}.__dumi-default-previewer-source-tab{border-top:1px dashed #ebedf1}.__dumi-default-previewer-source-tab .__dumi-default-tabs-tab-btn{position:relative;padding-left:32px}.__dumi-default-previewer-source-tab .__dumi-default-tabs-tab-btn:after,.__dumi-default-previewer-source-tab .__dumi-default-tabs-tab-btn:before{content:"";position:absolute;margin-right:4px;display:inline-block}.__dumi-default-previewer-source-tab .__dumi-default-tabs-tab-btn:before{left:16px;top:50%;margin-top:-6px;width:10px;height:12px;border:1px solid #717484}.__dumi-default-previewer-source-tab .__dumi-default-tabs-tab-btn:after{top:50%;left:23px;margin-top:-7px;width:4px;height:4px;background:#fff;border-bottom:1px solid #717484;transform:rotate(45deg)}.__dumi-default-tabs{overflow:hidden}.__dumi-default-tabs.__dumi-default-tabs-top{flex-direction:column}.__dumi-default-tabs.__dumi-default-tabs-top .__dumi-default-tabs-ink-bar{bottom:0}.__dumi-default-tabs-nav{display:flex}.__dumi-default-tabs-nav-wrap{display:flex;white-space:nowrap;overflow:hidden}.__dumi-default-tabs-nav-wrap.__dumi-default-tabs-nav-wrap-ping-left{box-shadow:inset 5px 0 5px -5px rgba(0,0,0,.1)}.__dumi-default-tabs-nav-wrap.__dumi-default-tabs-nav-wrap-ping-right~*>.__dumi-default-tabs-nav-more{box-shadow:0 0 5px rgba(0,0,0,.1)}.__dumi-default-tabs-nav-list{position:relative;display:flex;transition:transform .2s}.__dumi-default-tabs-nav-more{height:100%;cursor:pointer;background:none;border:0;transition:box-shadow .2s}.__dumi-default-tabs-tab{display:flex}.__dumi-default-tabs-tab-btn{padding:0 16px;font-size:14px;line-height:36px;border:0;outline:none;background:transparent;box-sizing:border-box;cursor:pointer}.__dumi-default-tabs-tab-btn:hover{color:#4569d4}.__dumi-default-tabs-ink-bar{position:absolute;height:2px;background:#4569d4;transition:left .2s,width .2s;pointer-events:none}.__dumi-default-tabs-dropdown{position:absolute;background:#fff;border:1px solid #ebedf1;max-height:200px;overflow:auto}.__dumi-default-tabs-dropdown>ul{list-style:none;margin:0;padding:0}.__dumi-default-tabs-dropdown>ul>li{padding:4px 12px;font-size:14px;cursor:pointer}.__dumi-default-tabs-dropdown>ul>li:hover{color:#4569d4}.__dumi-default-tabs-dropdown>ul>li:not(:last-child){border-bottom:1px dashed #ebedf1}.__dumi-default-tabs-dropdown-hidden{display:none}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.__dumi-default-code-block{position:relative;background-color:#f9fafb}.__dumi-default-code-block+.__dumi-default-code-block,.__dumi-default-code-block+table{margin-top:16px}.__dumi-default-code-block>pre[class*=language-]{margin:0;background:transparent}.__dumi-default-code-block>pre[class*=language-] .token-line:not(:last-child) .plain:empty{display:inline-block;min-height:1em}.__dumi-default-code-block-copy-btn{position:absolute;top:1.1em;right:1em;display:inline-block;width:16px;height:16px;border:0;outline:none;cursor:pointer;opacity:.6;transition:opacity .2s,background .2s}.__dumi-default-code-block-copy-btn:hover{opacity:.8}.__dumi-default-code-block-copy-btn:active{opacity:.9}.__dumi-default-code-block-copy-btn[data-status=ready]{background-position:-54px 0}.__dumi-default-code-block-copy-btn[data-status=copied]{opacity:1;pointer-events:none;background-position:-54px -16px}.__dumi-default-code-block:not(:hover) .__dumi-default-code-block-copy-btn{visibility:hidden;opacity:0}