.component-category-preview[data-v-936cca60]{--component-preview-dither-active:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' shape-rendering='crispEdges' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' fill-opacity='.22' d='M0 0h2v2H0zm4 0h2v2H4zM2 2h2v2H2zm4 0h2v2H6zM0 4h2v2H0zm4 0h2v2H4zM2 6h2v2H2zm4 0h2v2H6z'/%3E%3Cpath fill='%23b8b8b8' fill-opacity='.2' d='M2 0h1v1H2zm4 0h1v1H6zM0 2h1v1H0zm4 0h1v1H4zM2 4h1v1H2zm4 0h1v1H6zM0 6h1v1H0zm4 0h1v1H4z'/%3E%3C/svg%3E");--component-preview-dither-edge-bottom:url(../images/dither/component-edge-bottom.svg);--component-preview-dither-edge-right:url(../images/dither/component-edge-right.svg);--component-preview-dither-sparse:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' shape-rendering='crispEdges' viewBox='0 0 8 8'%3E%3Cpath fill='%231c1c1c' fill-opacity='.34' d='M0 0h1v1H0zm4 4h1v1H4z'/%3E%3C/svg%3E");--component-preview-dither-cross:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' shape-rendering='crispEdges' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' fill-opacity='.28' d='M3 1h2v2h2v2H5v2H3V5H1V3h2z'/%3E%3C/svg%3E");--component-preview-dither-grid:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' shape-rendering='crispEdges' viewBox='0 0 8 8'%3E%3Cpath fill='%231c1c1c' fill-opacity='.18' d='M0 0h8v1H0zm0 0h1v8H0z'/%3E%3C/svg%3E");--component-preview-edge-color:rgba(41,41,41,.65);--component-preview-active-bg:#1c1c1c;--component-preview-active-border:rgba(92,92,92,.85);font-family:inherit}.dark{--component-preview-dither-edge-bottom:url(../images/dither/component-edge-bottom-dark.svg);--component-preview-dither-edge-right:url(../images/dither/component-edge-right-dark.svg);--component-preview-dither-sparse:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' shape-rendering='crispEdges' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' fill-opacity='.34' d='M0 0h1v1H0zm4 4h1v1H4z'/%3E%3C/svg%3E");--component-preview-dither-grid:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' shape-rendering='crispEdges' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' fill-opacity='.18' d='M0 0h8v1H0zm0 0h1v8H0z'/%3E%3C/svg%3E");--component-preview-edge-color:hsla(0,0%,100%,.7);--component-preview-active-bg:#303030;--component-preview-active-border:hsla(0,0%,59%,.7)}.component-category-preview[data-v-936cca60] *{box-shadow:none!important;text-shadow:none!important}.component-category-preview[data-v-936cca60] .component-preview-control.component-preview-flat,.component-category-preview[data-v-936cca60] .component-preview-control.component-preview-pressed,.component-category-preview[data-v-936cca60] .component-preview-icon-control.component-preview-flat,.component-category-preview[data-v-936cca60] .component-preview-icon-control.component-preview-pressed,.component-category-preview[data-v-936cca60] .component-preview-inset,.component-category-preview[data-v-936cca60] .component-preview-raised{background-image:none!important}.component-category-preview[data-v-936cca60] .component-preview-control.component-preview-flat,.component-category-preview[data-v-936cca60] .component-preview-control.component-preview-raised:not(.bg-inverted),.component-category-preview[data-v-936cca60] .component-preview-dither-edge,.component-category-preview[data-v-936cca60] .component-preview-icon-control.component-preview-flat,.component-category-preview[data-v-936cca60] .component-preview-icon-control.component-preview-raised:not(.bg-inverted),.component-category-preview[data-v-936cca60] .component-preview-inset{position:relative;isolation:isolate;background-image:none!important}.component-category-preview[data-v-936cca60] .component-preview-control.component-preview-flat:after,.component-category-preview[data-v-936cca60] .component-preview-control.component-preview-flat:before,.component-category-preview[data-v-936cca60] .component-preview-control.component-preview-raised:not(.bg-inverted):after,.component-category-preview[data-v-936cca60] .component-preview-control.component-preview-raised:not(.bg-inverted):before,.component-category-preview[data-v-936cca60] .component-preview-dither-edge:after,.component-category-preview[data-v-936cca60] .component-preview-dither-edge:before,.component-category-preview[data-v-936cca60] .component-preview-icon-control.component-preview-flat:after,.component-category-preview[data-v-936cca60] .component-preview-icon-control.component-preview-flat:before,.component-category-preview[data-v-936cca60] .component-preview-icon-control.component-preview-raised:not(.bg-inverted):after,.component-category-preview[data-v-936cca60] .component-preview-icon-control.component-preview-raised:not(.bg-inverted):before,.component-category-preview[data-v-936cca60] .component-preview-inset:after,.component-category-preview[data-v-936cca60] .component-preview-inset:before{position:absolute;z-index:0;content:"";pointer-events:none}.component-category-preview[data-v-936cca60] .component-preview-control.component-preview-flat:before,.component-category-preview[data-v-936cca60] .component-preview-control.component-preview-raised:not(.bg-inverted):before,.component-category-preview[data-v-936cca60] .component-preview-dither-edge:before,.component-category-preview[data-v-936cca60] .component-preview-icon-control.component-preview-flat:before,.component-category-preview[data-v-936cca60] .component-preview-icon-control.component-preview-raised:not(.bg-inverted):before,.component-category-preview[data-v-936cca60] .component-preview-inset:before{right:0;bottom:0;left:0;height:20px;background-color:var(--component-preview-edge-color);-webkit-mask-image:var(--component-preview-dither-edge-bottom);mask-image:var(--component-preview-dither-edge-bottom);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:16px 20px;mask-size:16px 20px;clip-path:polygon(0 0,calc(100% - 20px) 0,calc(100% - 19px) 1px,calc(100% - 18px) 2px,calc(100% - 17px) 3px,calc(100% - 16px) 4px,calc(100% - 15px) 5px,calc(100% - 14px) 6px,calc(100% - 13px) 7px,calc(100% - 12px) 8px,calc(100% - 11px) 9px,calc(100% - 10px) 10px,calc(100% - 9px) 11px,calc(100% - 8px) 12px,calc(100% - 7px) 13px,calc(100% - 6px) 14px,calc(100% - 5px) 15px,calc(100% - 4px) 16px,calc(100% - 3px) 17px,calc(100% - 2px) 18px,calc(100% - 1px) 19px,100% 20px,100% 100%,0 100%)}.component-category-preview[data-v-936cca60] .component-preview-control.component-preview-flat:after,.component-category-preview[data-v-936cca60] .component-preview-control.component-preview-raised:not(.bg-inverted):after,.component-category-preview[data-v-936cca60] .component-preview-dither-edge:after,.component-category-preview[data-v-936cca60] .component-preview-icon-control.component-preview-flat:after,.component-category-preview[data-v-936cca60] .component-preview-icon-control.component-preview-raised:not(.bg-inverted):after,.component-category-preview[data-v-936cca60] .component-preview-inset:after{top:0;right:0;bottom:0;width:20px;background-color:var(--component-preview-edge-color);-webkit-mask-image:var(--component-preview-dither-edge-right);mask-image:var(--component-preview-dither-edge-right);-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y;-webkit-mask-size:20px 16px;mask-size:20px 16px;clip-path:polygon(0 0,100% 0,100% 100%,20px 100%,19px calc(100% - 1px),18px calc(100% - 2px),17px calc(100% - 3px),16px calc(100% - 4px),15px calc(100% - 5px),14px calc(100% - 6px),13px calc(100% - 7px),12px calc(100% - 8px),11px calc(100% - 9px),10px calc(100% - 10px),9px calc(100% - 11px),8px calc(100% - 12px),7px calc(100% - 13px),6px calc(100% - 14px),5px calc(100% - 15px),4px calc(100% - 16px),3px calc(100% - 17px),2px calc(100% - 18px),1px calc(100% - 19px),0 calc(100% - 20px))}.component-category-preview[data-v-936cca60] .component-preview-no-edge:after,.component-category-preview[data-v-936cca60] .component-preview-no-edge:before{content:none!important}.component-category-preview[data-v-936cca60] .component-preview-dither-warning-edge{--component-preview-edge-color:var(--ui-warning)}.component-category-preview[data-v-936cca60] .component-preview-dither-error-edge{--component-preview-edge-color:var(--ui-error)}.component-category-preview[data-v-936cca60] .component-preview-dither-warning{--component-preview-active-bg:var(--ui-warning)}.component-category-preview[data-v-936cca60] .component-preview-dither-error{--component-preview-active-bg:var(--ui-error)}.component-category-preview[data-v-936cca60] .component-preview-dither-success{--component-preview-active-bg:var(--ui-success)}.component-category-preview[data-v-936cca60] .component-preview-dither-sparse{background-image:var(--component-preview-dither-sparse)!important;background-repeat:repeat!important;background-size:8px 8px!important}.component-category-preview[data-v-936cca60] .component-preview-dither-cross{background-image:var(--component-preview-dither-cross)!important;background-repeat:repeat!important;background-size:8px 8px!important}.component-category-preview[data-v-936cca60] .component-preview-dither-grid{background-image:var(--component-preview-dither-grid)!important;background-repeat:repeat!important;background-size:8px 8px!important}.component-category-preview[data-v-936cca60] .component-preview-control.component-preview-raised.bg-inverted,.component-category-preview[data-v-936cca60] .component-preview-dither-fill,.component-category-preview[data-v-936cca60] .component-preview-icon-control.component-preview-raised.bg-inverted,.component-category-preview[data-v-936cca60] .component-preview-pressed,.component-category-preview[data-v-936cca60] .component-preview-raised.bg-inverted{position:relative;isolation:isolate;overflow:hidden;border-color:var(--component-preview-active-border)!important;background-color:var(--component-preview-active-bg)!important;background-image:linear-gradient(to bottom,#ffffff0a,#0000002e),var(--component-preview-dither-active)!important;background-position:0 0,0 0!important;background-repeat:no-repeat,repeat!important;background-size:100% 100%,8px 8px!important;color:#fff!important}.component-category-preview[data-v-936cca60] .component-preview-dither-fill>*,.component-category-preview[data-v-936cca60] .component-preview-pressed>*{color:inherit!important}.component-category-preview[data-v-936cca60] .component-preview-caption{background-image:none!important}.component-category-preview[data-v-936cca60] .component-preview-icon-control:not(.rounded-full),.component-category-preview[data-v-936cca60] .component-preview-pixel-corners,.component-category-preview[data-v-936cca60] .rounded,.component-category-preview[data-v-936cca60] .rounded-lg,.component-category-preview[data-v-936cca60] .rounded-md{border-radius:0!important;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 4px,2px 4px,2px 2px,4px 2px)}.component-category-preview[data-v-936cca60] .component-preview-top-corners{border-radius:0!important;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% 100%,0 100%,0 4px,2px 4px,2px 2px,4px 2px)!important}.component-category-preview[data-v-936cca60] .component-preview-avatar,.component-category-preview[data-v-936cca60] .component-preview-pixel-round{border-radius:0!important;clip-path:polygon(25% 0,75% 0,75% 6.25%,87.5% 6.25%,87.5% 12.5%,93.75% 12.5%,93.75% 25%,100% 25%,100% 75%,93.75% 75%,93.75% 87.5%,87.5% 87.5%,87.5% 93.75%,75% 93.75%,75% 100%,25% 100%,25% 93.75%,12.5% 93.75%,12.5% 87.5%,6.25% 87.5%,6.25% 75%,0 75%,0 25%,6.25% 25%,6.25% 12.5%,12.5% 12.5%,12.5% 6.25%,25% 6.25%)}.component-category-preview[data-v-936cca60] .component-preview-bottom-corners{border-radius:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px))!important}.component-category-preview[data-v-936cca60] .component-preview-code-line{min-height:1.25rem;font-size:.875rem!important;line-height:1.25rem!important}.component-category-preview[data-v-936cca60] .text-\[10px\],.component-category-preview[data-v-936cca60] .text-\[11px\],.component-category-preview[data-v-936cca60] .text-\[8px\],.component-category-preview[data-v-936cca60] .text-\[9px\],.component-category-preview[data-v-936cca60] .text-base,.component-category-preview[data-v-936cca60] .text-sm,.component-category-preview[data-v-936cca60] .text-xs{font-size:1.125rem!important;line-height:1.5rem!important}.component-category-preview[data-v-936cca60] .component-preview-caption{font-size:.8125rem!important;line-height:1rem!important}.component-category-preview[data-v-936cca60] .component-preview-control{display:inline-flex!important;height:2.5rem!important;min-height:2.5rem!important;align-items:center!important;gap:.5rem!important;padding-right:.75rem!important;padding-left:.75rem!important}.component-category-preview[data-v-936cca60] .component-preview-icon-control{display:inline-flex!important;width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;min-height:2.5rem!important;flex:0 0 2.5rem!important;align-items:center!important;justify-content:center!important;padding:0!important}.component-category-preview[data-v-936cca60] .component-preview-menu-row{display:flex!important;width:auto;min-height:2.5rem!important;align-items:center!important;gap:.75rem!important;padding:.5rem .75rem!important}.component-category-preview[data-v-936cca60] .component-preview-shortcut{min-width:2rem;flex-shrink:0;margin-left:auto;padding-left:.75rem;text-align:right}.component-category-preview[data-v-936cca60] .component-preview-avatar{display:inline-flex!important;width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;min-height:2.5rem!important;flex:0 0 2.5rem!important;align-items:center!important;justify-content:center!important;font-size:.8125rem!important;line-height:1rem!important}.component-category-preview[data-v-936cca60] .component-preview-divider-horizontal{width:100%!important;height:0;margin:0!important}.component-category-preview[data-v-936cca60] .component-preview-divider-vertical{width:1px!important;height:auto!important;align-self:stretch!important;margin-top:0!important;margin-bottom:0!important}.component-category-preview[data-v-936cca60] .font-medium,.component-category-preview[data-v-936cca60] .font-semibold{font-weight:400!important}.component-category-preview[data-v-936cca60] .font-bold{font-weight:500!important}