:root{--color-code-blue-100:#7eb0ff;--color-code-red:#ffa8a8;--color-code-red-100:#ff5874;--color-code-teal:#24ffc2;--color-code-gray:#aaa}code[class*=language-]::-webkit-scrollbar{display:none;padding:0;margin:0}pre[class*=language-]::-webkit-scrollbar{display:none}pre[class*=language-] code[class*=language-]{display:block;color:var(--color-code-blue-100);-webkit-font-smoothing:auto}code[class*=language-],pre[class*=language-]{-moz-tab-size:4;-ms-hyphens:none;-o-tab-size:4;-webkit-hyphens:none;background:transparent;color:#fff;font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:400!important;hyphens:none;line-height:1.5;overflow:auto;scrollbar-width:none;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#4373c2}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#4373c2}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}.minipress-highlight{max-height:250px;overflow:auto;position:relative;margin:0 0;color:#fff;background-color:#354a5f;border-radius:8px}.minipress-highlight:before{background:rgba(201,167,255,.2);color:var(--text-color);border-radius:0 0 8px 8px;top:0;padding:0 5px}.code-line.highlighted{background:rgba(11,15,19,.4);-webkit-box-shadow:inset 4px 0 0 0 #6eb2f7;box-shadow:inset 4px 0 0 0 #6eb2f7}.minipress-highlight-code,.minipress-highlight-mask{line-height:1.5;background-color:transparent!important;text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;margin:0!important;padding-top:.2rem!important;padding-bottom:.2rem!important;padding-left:.5rem!important;padding-right:.5rem!important;font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}.minipress-highlight-mask{position:absolute;top:0;bottom:0;left:0;right:0;color:transparent!important;padding-left:0!important;padding-right:0!important}.minipress-highlight-code{position:relative;font-size:0!important;font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}.minipress-highlight-code code,.minipress-highlight-mask{font-size:.875rem}.minipress-highlight-line-numbers{pointer-events:none;font-size:100%;float:left;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:right;padding-right:.8rem;margin-right:.8rem;counter-reset:linenumber}.minipress-highlight-line-numbers>span{counter-increment:linenumber;display:block}.minipress-highlight-line-numbers>span:before{content:counter(linenumber);color:#999;display:block}.token.cdata,.token.comment,.token.prolog{color:var(--color-code-gray);font-style:italic}.token.punctuation{color:#93ddfd}.token.deleted{color:rgba(239,83,80,.56);font-style:italic}.token.boolean{color:var(--color-code-red-100)}.token.number{color:var(--color-code-red)}.token.italic{font-style:italic}.namespace{color:#b2ccd6}.token.property,.token.symbol{color:#80cbc4}.token.keyword,.token.operator,.token.tag{color:#ffa8a8}.token.builtin,.token.char,.token.constant,.token.function{color:#b7dbff}.token.doctype,.token.selector{color:#c792ea}.token.attr-name,.token.inserted{color:#8af}.language-css .token.string,.style .token.string,.token.entity,.token.string,.token.url{color:#24ffc2}.token.atrule,.token.attr-value,.token.class-name{color:#b5f4a5}.token.important,.token.regex,.token.variable{color:#d6deeb}.token.bold{color:var(--color-code-red);font-weight:900}code{background-color:rgba(65,211,255,.075);padding:.25rem .5rem;margin-left:1px;margin-right:1px}.fdd-md--h1{font-size:28px;font-weight:200;color:#6e6e6e;margin-bottom:20px}.fdd-md--h2{font-size:25.6666666667px}.fdd-md--h2,.fdd-md--h3{font-weight:200;color:#6e6e6e;margin-top:20px;margin-bottom:20px}.fdd-md--h3{font-size:23.3333333333px}.fdd-md--h4{font-size:21px}.fdd-md--h4,.fdd-md--h5{font-weight:200;color:#6e6e6e;margin-top:20px;margin-bottom:20px}.fdd-md--h5{font-size:18.6666666667px}.fdd-md--h6{font-size:16.3333333333px;font-weight:200;color:#6e6e6e;margin-top:20px;margin-bottom:20px}.fdd-md--ol,.fdd-md--ul{font-size:14px;-webkit-padding-start:1rem;padding-inline-start:1rem}.fdd-md--li{margin-left:0;margin-top:8px;font-size:14px;line-height:32.2px}.fdd-md--blockquote{font-size:1rem;color:#999;border-left:.2rem solid #dfe2e5;margin:1rem 0;padding:.25rem 0 .25rem 1rem}.fdd-md--blockquote>p{margin:0}.fdd-md--p{font-size:14px;line-height:32.2px;margin-top:21px;margin-bottom:21px}:root{--fdv-split-view-transition:0.2s ease-in-out}.fdv-split-view{position:relative;overflow:hidden;width:100%;height:100vh}.fdv-split-view__overlay{position:absolute;z-index:9;width:100%;height:100%;display:none;background-color:#000;opacity:0;-webkit-animation:fadeInFromNone .5s ease-out;animation:fadeInFromNone .5s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeInFromNone{0%{display:none;opacity:0;background-color:#000}1%{display:block;opacity:0;background-color:#000}to{display:block;opacity:.2;background-color:#000}}@keyframes fadeInFromNone{0%{display:none;opacity:0;background-color:#000}1%{display:block;opacity:0;background-color:#000}to{display:block;opacity:.2;background-color:#000}}.fdv-split-view__master{position:absolute;top:0;left:0;bottom:0}.fdv-split-view__master--hidden,.fdv-split-view__master--overlay,.fdv-split-view__master--side-by-side{z-index:10;-webkit-transition:var(--fdv-split-view-transition);transition:var(--fdv-split-view-transition)}.fdv-split-view__detail{position:absolute;top:0;bottom:0}.fdv-split-view__detail--hidden,.fdv-split-view__detail--overlay,.fdv-split-view__detail--side-by-side{-webkit-transition:var(--fdv-split-view-transition);transition:var(--fdv-split-view-transition)}.fdv-overlay-enter-active,.fdv-overlay-leave-active{-webkit-transition:opacity .15s;transition:opacity .15s}.fdv-modal-enter,.fdv-overlay-enter,.fdv-overlay-leave-to{opacity:0}.fdv-modal-enter-to{opacity:1}.fdv-modal-enter-active,.fdv-modal-leave-active{opacity:0}.fdv-modal-leave{opacity:1}.fdv-modal-leave-to{opacity:0}.fdv-tile--transparent{background:transparent!important}.fdv-virtualized-list .hover .fdv-virtualized-list-item{background-color:fd-color-state("hover","background")}.fdd-shell-bar__product-name{font-weight:700;font-size:18px}.fdd-shell-bar__product-name__main{color:#fff;margin-right:5px}.fdd-shell-bar__product-name__vue{color:#42b883}.side-nav{background-color:#fff;padding-bottom:200px;border-right:1px solid #d8d8d8}.d-storybook-button{text-decoration:none;border:1px solid #0854a0;background-color:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;position:fixed;bottom:2rem;right:2.5rem;border-radius:3em;color:#0854a0;z-index:1;font-size:12px;letter-spacing:.08em;padding:8px 11px;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .25s ease;transition:all .25s ease}.d-storybook-button:hover{color:#fff;background-color:#0854a0;-webkit-transform:scale(1.2);transform:scale(1.2)}.d-storybook-button:active{color:#fff;background-color:#0854a0;-webkit-transform:scale(1.1);transform:scale(1.1)}.shell-bar__sidenav-toggle{margin-left:10px;margin-right:10px;color:#fff;border:none;background-color:#354a5f;display:inline-block}.shell-bar__sidenav-toggle[aria-pressed=true]{color:#fff;background-color:#000;border:none}.shell-bar__sidenav-toggle:hover{background-color:#000}.page{padding-bottom:200px}.content{padding:2rem}.content,body{background-color:#fff}body{font-family:"72",sans-serif;margin:0;overflow:hidden}.component-name{font-size:26px;margin-top:15px;border-bottom:1px solid #eaecef;padding-bottom:4px;font-weight:600;color:#2c3e50}.component-name__anchor{color:#b5009a;font-weight:600;opacity:0;float:left;margin-left:-20px;padding-right:5px;margin-right:0}.component-name:hover .component-name__anchor{opacity:1}.fdd-tip{background-color:#e9fafa;border-radius:4px 4px;border-left:8px solid #b6edef;color:#0f4345;margin:2rem 0;padding:15px 30px 15px 15px}.fdd-tip>:first-child{margin-top:0}.fdd-tip>:last-child{margin-bottom:0}.fdd-tip__title{color:#0c3637;font-size:1.2rem;font-weight:600;margin-bottom:-.9rem}.fdd-tip a{background-color:#bde6e6;border-radius:5px;text-decoration:none;border-bottom:none}.fdd-tip a,.fdd-tip a:visited{color:#0f4345}.fdd-tip a:hover{background-color:#9ccccc;color:#004d4d}.fdd-tip p,.fdd-tip ul{margin-top:1rem}.fdd-example{padding:0;border-radius:8px;margin-bottom:25px;-webkit-transition:all .3s cubic-bezier(.25,.8,.25,1);transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5);box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)}.fdd-example__rendered{padding:10px}.fdd-example__code>div>.minipress-highlight{border-radius:0 0 10px 10px}.fdd-example__toolbar{margin-top:10px;border-top:1px solid #ebebeb;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:0}.fdd-example__toolbar--expanded{border-bottom:1px solid #ebebeb}.fdd-related-components>li{margin-left:20px}.expand-enter-active,.expand-leave-active{-webkit-transition:height .25s ease-in-out;transition:height .25s ease-in-out;overflow:hidden;-webkit-transition-property:height;transition-property:height}.expand{-webkit-transform:translateZ(0);transform:translateZ(0)}.expand-enter,.expand-leave-to{height:0}.collapse-transition{-webkit-transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out}.fdd-component-api-link{background-color:#daf1ff}.fdd-component-api-link,.fdd-component-api-link:visited{display:inline;padding:.25rem .5rem;margin-left:1px;margin-right:1px;color:#1b4864;border-radius:5px;text-decoration:none;border-bottom:none}.fdd-component-api-link:hover{background-color:#86bada;color:#001c2e}.fdd-component-picker__search-input{padding-left:10px;padding-top:10px;padding-right:10px;margin-bottom:10px}.fdd-component-picker{width:320px}