[data-module=imageCropDemo]{border:1px solid #eee;display:inline-flex;flex-direction:column;padding:1em;position:relative}[data-module=imageCropDemo] canvas{pointer-events:none}[data-module=imageCropDemo] input{margin-top:-1em}.frameworks{align-items:baseline;display:flex;list-style:none}.frameworks,.frameworks li{margin:0;padding:0}.frameworks{margin-bottom:2rem}.frameworks li+li{margin-left:1rem}.frameworks a{align-items:center;color:var(--text);display:flex;font-size:.875rem;line-height:2;padding:0 .25rem;text-decoration:none}.frameworks img{filter:var(--image-filter);height:1rem;margin-right:.5rem;width:1rem}.frameworks strong{font-weight:600}.frameworks strong a{-webkit-text-fill-color:transparent;background:var(--color-brand-gradient);-webkit-background-clip:text;color:var(--color-primary)}.frameworks strong img{filter:invert(50%) sepia(100%) saturate(160%) hue-rotate(320deg) brightness(90%) contrast(180%)}.docs-package{background-color:var(--color-background-alt);border-radius:.5rem;display:inline-block;padding:.5em 1em .5em .5em}.docs-package ul{margin:0;padding:0 0 0 1.5em}.docs-package p{margin:0}.docs-package li{font-size:.875em}.docs-deprecated{margin:1rem 0 2rem}.docs-index{list-style:none;padding:0}.docs-index p{margin-top:0}.docs-index li{margin-bottom:1rem}.docs-content h2[id],.docs-content h3[id],.docs-content h4[id]{align-items:center;display:flex;margin-top:2em;scroll-margin-top:5rem;word-break:break-word}.docs-content h2[id]>a[href^="#"],.docs-content h3[id]>a[href^="#"],.docs-content h4[id]>a[href^="#"]{line-height:.75rem;transition:opacity .1s}.docs-content h2[id]>a[href^="#"] svg,.docs-content h3[id]>a[href^="#"] svg,.docs-content h4[id]>a[href^="#"] svg{background:var(--h-anchor-background);background:var(--nav-scrollbar-background);border-radius:9999rem;color:var(--h-anchor-color);color:var(--nav-scrollbar-foreground);height:.875rem;padding:.25rem;width:.875rem}.docs-content h2[id]:target a[href^="#"] svg,.docs-content h3[id]:target a[href^="#"] svg,.docs-content h4[id]:target a[href^="#"] svg{background:var(--color-brand-gradient);color:var(--color-background)}.docs-content h1+h2[id]{margin-top:0}.docs-content li+li{margin-top:.325rem}.docs-content>pre,.docs-content [data-module=Codebox],.docs-content [data-module=CodeControl]{max-width:100%;width:-moz-fit-content;width:fit-content}.docs-content .version{background-color:var(--table-header-cell-color);border:2px solid var(--table-header-cell-color);border-radius:.25rem;color:var(--color-text);font-family:var(--font-mono);font-size:.875em;margin-right:.125em;padding:0 .125em}.docs-content .important{width:-moz-fit-content;width:fit-content}.table-wrapper{box-sizing:border-box;margin-bottom:1.5rem;margin-left:-1rem;-webkit-mask:linear-gradient(90deg,transparent,#000 1rem,#000 calc(100% - 1rem),transparent);mask:linear-gradient(90deg,transparent,#000 1rem,#000 calc(100% - 1rem),transparent);width:calc(100% + 2rem)}.table-wrapper .table-wrapper-inner{display:flex;padding-bottom:.5rem;padding-left:1rem}.table-wrapper .table-wrapper-inner:after{content:"";display:block;min-width:1rem}.md-table-wrapper{width:calc(100% - 1rem)}.md-table-wrapper,.table-wrapper{overflow:auto}.md-table-wrapper::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{height:.875rem;padding-left:1rem}.md-table-wrapper::-webkit-scrollbar-thumb,.table-wrapper::-webkit-scrollbar-thumb{background:var(--table-outline-color);border:.25rem solid var(--color-background);border-radius:9999rem}.md-table-wrapper::-webkit-scrollbar-corner,.table-wrapper::-webkit-scrollbar-corner{background-color:var(--color-background);border-radius:0 var(--border-radius) var(--border-radius) 0}.md-table-wrapper::-webkit-scrollbar-track,.table-wrapper::-webkit-scrollbar-track{background-color:var(--color-background);border-radius:var(--border-radius)}.md-table-wrapper table,.table-wrapper table{border:1px solid var(--table-outline-color);border-collapse:separate;border-radius:.5rem;border-spacing:0}.md-table-wrapper th,.table-wrapper th{width:-moz-min-content;width:min-content}.md-table-wrapper td,.md-table-wrapper th,.table-wrapper td,.table-wrapper th{font-size:.875rem;font-weight:400;padding:.5rem .75rem;text-align:left}.md-table-wrapper thead th,.table-wrapper thead th{background:var(--table-outline-color);color:var(--text-color);font-size:.75rem;font-weight:600;letter-spacing:.03125em;padding-top:.375rem;text-align:left;white-space:nowrap}.md-table-wrapper thead th:first-of-type,.table-wrapper thead th:first-of-type{border-top-left-radius:.4rem}.md-table-wrapper thead th:last-of-type,.table-wrapper thead th:last-of-type{border-top-right-radius:.4rem}.md-table-wrapper tbody,.table-wrapper tbody{vertical-align:top}.md-table-wrapper [data-format=text],.table-wrapper [data-format=text]{min-width:16rem}.md-table-wrapper [data-format=code] code,.table-wrapper [data-format=code] code{background-color:transparent;color:var(--color-text);margin:0;padding:0;-webkit-text-decoration-color:var(--color-text-dim-extra);text-decoration-color:var(--color-text-dim-extra);white-space:nowrap}.md-table-wrapper [data-format=number],.table-wrapper [data-format=number]{font-family:var(--font-mono);font-size:.875em;text-align:right}.md-table-wrapper pre,.table-wrapper pre{border-radius:.25rem;box-shadow:none;margin:0 .25rem 0 0}.md-table-wrapper pre+pre,.table-wrapper pre+pre{margin-top:.25rem}.md-table-wrapper pre code,.table-wrapper pre code{max-width:12rem;padding:.1875rem .325rem;white-space:break-spaces}.md-table-wrapper pre code:after,.md-table-wrapper pre code:before,.table-wrapper pre code:after,.table-wrapper pre code:before{content:none!important}.docs-content [id]>a[href^="#"]{margin-left:.5rem}.page-docs .nav-to-top{left:auto;right:1rem}.page-docs[data-scroll-progress*="10"] .nav-to-top{opacity:1;pointer-events:all}.page-docs main{background:transparent}.page-docs header{background:var(--page-header-color);margin-bottom:1rem;pointer-events:none;position:sticky;top:0;z-index:10}.page-docs header a{pointer-events:all}.page-docs header .content-limit{position:relative}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.group-query-docs{display:flex;pointer-events:all;position:relative;white-space:nowrap}.group-query-docs .button-agent,.group-query-docs .search input[type=search]{background-position:.6125rem;background-repeat:no-repeat;background-size:.875rem;border:0;border-radius:.375rem;color:#999;font-size:.875rem;line-height:1.5rem;margin:0;min-height:2rem;overflow:hidden;padding:0 .75rem 0 .5rem;pointer-events:all;text-align:left;text-indent:1.3125rem;text-overflow:ellipsis;transition:background-color .25s ease-in-out}.group-query-docs .button-agent:not([disabled]){cursor:pointer}.group-query-docs .button-agent[disabled]{background-color:#999;opacity:.75}.group-query-docs .search{width:5rem}.group-query-docs .search input[type=search]{flex:1;padding-right:.5rem}.group-query-docs .button-agent{background-color:var(--color-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='2.5'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E");color:transparent;margin-left:.25rem;width:2rem}.group-query-docs .button-agent[data-state=unread]{animation-direction:alternate;animation-duration:.5s;animation-iteration-count:infinite;animation-name:pulse;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF' stroke='%23FFF' stroke-width='2.5'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E")}.docs{padding-left:1rem;padding-right:1rem}.search-result-wrapper{right:-2.25rem}@media (min-width:24em){.group-query-docs{width:10.5rem}.group-query-docs .search{width:8.1rem}}@media (min-width:50em){.group-query-docs{left:1rem;margin-top:1rem;position:absolute;right:auto;top:100%}.search-result-wrapper{left:0;right:auto}.page-docs header{background:linear-gradient(to bottom,var(--color-background-gradient-alt),var(--color-background-gradient-alt-transparent));background-position:top;background-repeat:no-repeat;background-size:100% 100%;margin-bottom:0}.docs{--head-space:var(--page-header-height);--nav-width:12rem;display:grid;grid-template-columns:var(--nav-width) 1fr;margin-left:auto;margin-right:auto;max-width:70rem;min-height:calc(100vh - var(--head-space))}.nav-scroller{scrollbar-gutter:stable;background:transparent;height:calc(100vh - var(--head-space) - 2.25rem);overflow-y:auto;position:sticky;top:calc(var(--head-space) + .75rem)}.nav-scroller:before{background:linear-gradient(to bottom,rgba(var(--color-background-rgb),1) 75%,rgba(var(--color-background-rgb),0));content:"";display:block;height:4rem;left:0;position:sticky;top:0;width:100%}.docs-scroller{overflow-x:hidden}.docs-scroller,.nav-scroller{--color-scrollbar-foreground:var(--nav-scrollbar-foreground);--color-scrollbar-background:var(--nav-scrollbar-background);box-sizing:border-box;scrollbar-color:var(--color-scrollbar-foreground) var(--color-scrollbar-background);scrollbar-width:thin}.docs-scroller::-webkit-scrollbar,.nav-scroller::-webkit-scrollbar{height:.875rem}.docs-scroller::-webkit-scrollbar-thumb,.nav-scroller::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-foreground);border:.25rem solid var(--color-scrollbar-background);border-radius:9999rem}.docs-scroller::-webkit-scrollbar-corner,.nav-scroller::-webkit-scrollbar-corner{background-color:var(--color-scrollbar-background);border-radius:0 var(--border-radius) var(--border-radius) 0}.docs-scroller::-webkit-scrollbar-track,.nav-scroller::-webkit-scrollbar-track{background-color:var(--color-scrollbar-background);border-radius:var(--border-radius)}.nav-tree{padding-bottom:2rem;padding-left:0;padding-right:0}.docs-content{--padding-left:2.5rem;--icon-inset:-2rem;padding-bottom:4rem;padding-left:var(--padding-left);padding-top:.875rem;position:relative}.docs-content h1{margin-top:-.25rem}.docs-content [id]>a[href^="#"]{left:var(--padding-left);margin-left:var(--icon-inset);position:absolute}.docs-content .important,.docs-content .table-wrapper,.docs-content>pre,.docs-content [data-module=CodeBox],.docs-content [data-module=CodeControl]{max-width:calc(100% - 2rem)}.docs-content [data-module=CodeControl]>pre{max-width:100%}}@media (min-width:60em){.group-query-docs{width:14rem}.group-query-docs .search{width:12rem}.docs{--nav-width:16rem}.docs-content{--padding-left:4rem}}input[type=search]::-ms-clear,input[type=search]::-ms-reveal{display:none;height:0;width:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.search{--fill:#fff;--shadow:0 0.125rem 0.25rem rgba(0,0,0,0.325);--radius:0.25rem;pointer-events:all}.search,.search .search-field{position:relative}.search input[type=search]{background:var(--fill);border:0;border-radius:var(--radius);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);font-size:1rem;line-height:1.5rem;margin:0;padding:0 .5rem;transition:text-indent .1s ease-out,background-position .1s ease-out;width:100%}.search input[type=search]::-moz-placeholder{color:#999;opacity:1}.search input[type=search]::placeholder{color:#999}.search input[type=search]:-moz-placeholder-shown{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.35'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:.6125rem;background-repeat:no-repeat;background-size:.875rem;text-indent:1.3125rem}.search input[type=search]:placeholder-shown{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.35'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:.6125rem;background-repeat:no-repeat;background-size:.875rem;text-indent:1.3125rem}.search input[type=search]:focus{background-position:-1rem;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);text-indent:.125rem!important}.search-result-wrapper{background:var(--fill);border-radius:var(--radius);box-shadow:var(--shadow);margin:1rem 0 0;position:absolute;top:100%}.search-result-wrapper:empty{opacity:0;pointer-events:none}.search-result-wrapper .search-result{box-sizing:border-box;list-style:none;margin:0;-webkit-mask:linear-gradient(180deg,transparent,#000 .25rem,#000 calc(100% - .25rem),transparent);mask:linear-gradient(180deg,transparent,#000 .25rem,#000 calc(100% - .25rem),transparent);max-height:calc(80vh - 4rem);max-width:80vw;overflow-x:hidden;overflow-y:auto;padding:0;width:24rem}.search-result-wrapper .search-result li a{white-space:break-spaces}.search-result-wrapper .search-result::-webkit-scrollbar{width:.875rem}.search-result-wrapper .search-result::-webkit-scrollbar-thumb{background:#ddd;border:.25rem solid #fff;border-radius:9999rem}.search-result-wrapper .search-result::-webkit-scrollbar-corner{background-color:transparent;border-radius:0 .5rem .5rem 0}.search-result-wrapper .search-result::-webkit-scrollbar-track{background-color:transparent;border-radius:.5rem}.search-result-wrapper .search-result ul{font-size:.75rem;list-style-type:"#";margin:-.5rem 0 0;padding:0 0 .75rem 1.5rem}.search-result-wrapper .search-result>li+li{border-top:1px solid #f0f0f0}.search-result-wrapper .search-result ul li+li{margin-top:.5rem}.search-result-wrapper .search-result .res-title{color:#444;font-size:.875rem;font-weight:700;line-height:1.25;padding:.75rem}.search-result-wrapper .search-result .res-title .res-text{color:inherit}.search-result-wrapper .search-result .res-heading{color:#666;font-weight:600;white-space:normal}.search-result-wrapper .search-result .res-heading .res-text{color:inherit}.search-result-wrapper .search-result .res-tag{border-radius:.25rem;font-size:.5rem;margin-left:.325rem;padding:.125rem .325rem;position:relative;text-transform:uppercase;top:-.125rem}.search-result-wrapper .search-result [data-tag=markup]{background:#c1cad6;color:#363e48}.search-result-wrapper .search-result [data-tag=style]{background:#e0b6c4;color:#67273d}.search-result-wrapper .search-result [data-tag=plugin]{background:#d0e2c3;color:#5c6754}.search-result-wrapper .search-result [data-tag=tutorial]{background:#e8e1d2;color:#6d6147}.search-result-wrapper .search-result [data-tag=api]{background:#f9d8ca;color:#965536}.search-result-wrapper .search-result .res-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;display:-webkit-box;font-size:.6875rem;font-weight:400;line-height:1.25;margin:.125rem 0 0;overflow:hidden;padding:0;white-space:normal}.search-result-wrapper .search-result .res-description code{text-decoration:none}.search-result-wrapper .search-result code{background-color:#eee;color:#888;font-size:.625rem}.search-result-wrapper .search-result a{display:block;font-size:.75rem;padding:.5rem .75rem;text-decoration:none}.search-result-wrapper .search-result a:focus{outline:none}.search-result-wrapper .search-result a:focus .res-text{outline:1px dotted currentColor}.search-result-wrapper .search-result a:hover .res-text{text-decoration:underline;-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.search-result-wrapper .search-result ul a{line-height:1.325;padding:0 .5rem 0 .25rem}@media (min-width:40em){.search input[type=search]{font-size:.875rem}}[data-module=ImageCropDemo]{border:1px solid var(--color-line);border-radius:var(--border-radius);display:inline-flex;flex-direction:column;padding:1rem}div[data-module=ColorMatrixMixer]{--cmm-text-color:currentColor;--cmm-background-color:var(--color-code-block-background);--cmm-input-text-color:#53565c;--cmm-button-color:var(--color-button-text);--cmm-button-background-color:var(--color-button-background);--cmm-button-disabled-color:var(--color-button-disabled-text);--cmm-button-disabled-background-color:var(--color-button-disabled-background);--cmm-button-cta-color:#fff;--cmm-button-cta-background-color:var(--color-primary);--cmm-select-color:var(--color-button-text);--cmm-select-background-color:var(--color-button-background);--cmm-slider-thumb-color:var(--color-button-text);--cmm-range-main-color:var(--color-matrix-mixer-main-color);--cmm-range-main-thumb-color:var(--color-matrix-mixer-main-color);--cmm-input-border-color:#333;--cmm-cell-background-color:var(--color-button-background);margin-right:2rem}@media (max-width:40em){.color-matrix-mixer-wrapper{display:none}}.frame-slice-demo{margin-top:2rem;max-width:90%;position:relative;width:21.25rem}.frame-slice-demo img{border-radius:.5rem;display:block;max-width:100%}.frame-slice-demo code{background-color:transparent;border-radius:0;color:#fff;margin:0;padding:0;position:absolute;text-shadow:0 0 0 2px var(--color-background);z-index:1}.frame-slice-demo .x1,.frame-slice-demo .x2{bottom:0;top:0}.frame-slice-demo .x1 span,.frame-slice-demo .x2 span{left:-.3125rem;position:absolute;top:-1.25rem}.frame-slice-demo .x1:before,.frame-slice-demo .x2:before{background-color:currentColor;box-shadow:0 0 0 2px var(--color-background);content:"";height:100%;left:0;position:absolute;width:2px}.frame-slice-demo .x1{color:#f65b50;left:25%}.frame-slice-demo .x2{color:#2196f3;left:75%}.frame-slice-demo .y1,.frame-slice-demo .y2{left:0;right:0}.frame-slice-demo .y1 span,.frame-slice-demo .y2 span{position:absolute;right:-1.25rem;top:-.5rem}.frame-slice-demo .y1:before,.frame-slice-demo .y2:before{background-color:currentColor;box-shadow:0 0 0 2px var(--color-background);content:"";height:2px;left:0;position:absolute;top:0;width:100%}.frame-slice-demo .y1{color:#4caf50;top:25%}.frame-slice-demo .y2{color:#ffc107;top:75%}