.component-category-preview[data-v-e6bc45d1]{--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-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),url(../images/dither/component-edge-bottom-dark.svg);--component-preview-dither-edge-right:url(../images/dither/component-edge-right-dark.svg),url(../images/dither/component-edge-right-dark.svg);--component-preview-active-bg:#303030;--component-preview-active-border:hsla(0,0%,59%,.7)}.component-category-preview[data-v-e6bc45d1] *{box-shadow:none!important;text-shadow:none!important}.component-category-preview[data-v-e6bc45d1] .component-preview-control.component-preview-flat,.component-category-preview[data-v-e6bc45d1] .component-preview-control.component-preview-pressed,.component-category-preview[data-v-e6bc45d1] .component-preview-icon-control.component-preview-flat,.component-category-preview[data-v-e6bc45d1] .component-preview-icon-control.component-preview-pressed,.component-category-preview[data-v-e6bc45d1] .component-preview-inset,.component-category-preview[data-v-e6bc45d1] .component-preview-raised{background-image:none!important}.component-category-preview[data-v-e6bc45d1] .component-preview-control.component-preview-flat,.component-category-preview[data-v-e6bc45d1] .component-preview-control.component-preview-raised:not(.bg-inverted),.component-category-preview[data-v-e6bc45d1] .component-preview-icon-control.component-preview-flat,.component-category-preview[data-v-e6bc45d1] .component-preview-icon-control.component-preview-raised:not(.bg-inverted),.component-category-preview[data-v-e6bc45d1] .component-preview-inset{position:relative;isolation:isolate;background-image:none!important}.component-category-preview[data-v-e6bc45d1] .component-preview-control.component-preview-flat:after,.component-category-preview[data-v-e6bc45d1] .component-preview-control.component-preview-flat:before,.component-category-preview[data-v-e6bc45d1] .component-preview-control.component-preview-raised:not(.bg-inverted):after,.component-category-preview[data-v-e6bc45d1] .component-preview-control.component-preview-raised:not(.bg-inverted):before,.component-category-preview[data-v-e6bc45d1] .component-preview-icon-control.component-preview-flat:after,.component-category-preview[data-v-e6bc45d1] .component-preview-icon-control.component-preview-flat:before,.component-category-preview[data-v-e6bc45d1] .component-preview-icon-control.component-preview-raised:not(.bg-inverted):after,.component-category-preview[data-v-e6bc45d1] .component-preview-icon-control.component-preview-raised:not(.bg-inverted):before,.component-category-preview[data-v-e6bc45d1] .component-preview-inset:after,.component-category-preview[data-v-e6bc45d1] .component-preview-inset:before{position:absolute;z-index:0;content:"";pointer-events:none}.component-category-preview[data-v-e6bc45d1] .component-preview-control.component-preview-flat:before,.component-category-preview[data-v-e6bc45d1] .component-preview-control.component-preview-raised:not(.bg-inverted):before,.component-category-preview[data-v-e6bc45d1] .component-preview-icon-control.component-preview-flat:before,.component-category-preview[data-v-e6bc45d1] .component-preview-icon-control.component-preview-raised:not(.bg-inverted):before,.component-category-preview[data-v-e6bc45d1] .component-preview-inset:before{right:0;bottom:0;left:0;height:20px;background-image:var(--component-preview-dither-edge-bottom);background-repeat:repeat-x;background-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-e6bc45d1] .component-preview-control.component-preview-flat:after,.component-category-preview[data-v-e6bc45d1] .component-preview-control.component-preview-raised:not(.bg-inverted):after,.component-category-preview[data-v-e6bc45d1] .component-preview-icon-control.component-preview-flat:after,.component-category-preview[data-v-e6bc45d1] .component-preview-icon-control.component-preview-raised:not(.bg-inverted):after,.component-category-preview[data-v-e6bc45d1] .component-preview-inset:after{top:0;right:0;bottom:0;width:20px;background-image:var(--component-preview-dither-edge-right);background-repeat:repeat-y;background-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-e6bc45d1] .component-preview-control.component-preview-raised.bg-inverted,.component-category-preview[data-v-e6bc45d1] .component-preview-dither-fill,.component-category-preview[data-v-e6bc45d1] .component-preview-icon-control.component-preview-raised.bg-inverted,.component-category-preview[data-v-e6bc45d1] .component-preview-pressed{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-e6bc45d1] .component-preview-dither-fill>*,.component-category-preview[data-v-e6bc45d1] .component-preview-pressed>*{color:inherit!important}.component-category-preview[data-v-e6bc45d1] .component-preview-caption{background-image:none!important}.component-category-preview[data-v-e6bc45d1] .component-preview-avatar,.component-category-preview[data-v-e6bc45d1] .component-preview-icon-control:not(.rounded-full),.component-category-preview[data-v-e6bc45d1] .component-preview-pixel-corners,.component-category-preview[data-v-e6bc45d1] .rounded,.component-category-preview[data-v-e6bc45d1] .rounded-lg,.component-category-preview[data-v-e6bc45d1] .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-e6bc45d1] .text-\[10px\],.component-category-preview[data-v-e6bc45d1] .text-\[11px\],.component-category-preview[data-v-e6bc45d1] .text-\[8px\],.component-category-preview[data-v-e6bc45d1] .text-\[9px\],.component-category-preview[data-v-e6bc45d1] .text-sm,.component-category-preview[data-v-e6bc45d1] .text-xs{font-size:1.125rem!important;line-height:1.5rem!important}.component-category-preview[data-v-e6bc45d1] .component-preview-caption{font-size:.8125rem!important;line-height:1rem!important}.component-category-preview[data-v-e6bc45d1] .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-e6bc45d1] .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-e6bc45d1] .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-e6bc45d1] .component-preview-shortcut{min-width:2rem;flex-shrink:0;margin-left:auto;padding-left:.75rem;text-align:right}.component-category-preview[data-v-e6bc45d1] .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-e6bc45d1] .component-preview-divider-horizontal{width:100%!important;height:0;margin:0!important}.component-category-preview[data-v-e6bc45d1] .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-e6bc45d1] .font-medium,.component-category-preview[data-v-e6bc45d1] .font-semibold{font-weight:400!important}.component-category-preview[data-v-e6bc45d1] .font-bold{font-weight:500!important}