.ql-category-matrix{display:grid;grid-template-columns:repeat(var(--ql-category-matrix-columns, 2),minmax(0,1fr));gap:8px}.ql-category-matrix__item{position:relative;overflow:hidden;display:grid;min-height:66px;align-content:space-between;border:var(--ql-category-matrix-button-border-width, 1px) solid var(--ql-category-matrix-button-border, var(--ql-line));border-radius:var(--ql-category-matrix-button-radius, var(--ql-radius-sm, 14px));padding:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--ql-category-matrix-button-primary, #008c7a) 8%,transparent),color-mix(in srgb,var(--ql-category-matrix-button-bg, #ffffff) 92%,transparent));color:var(--ql-text);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ql-category-matrix--style-shadow .ql-category-matrix__item{box-shadow:var(--ql-category-matrix-button-shadow-x, 0) var(--ql-category-matrix-button-shadow-y, 12px) var(--ql-category-matrix-button-shadow-blur, 28px) rgba(16 23 25 / var(--ql-category-matrix-button-shadow-opacity, .1))}.ql-category-matrix--style-float .ql-category-matrix__item{border-color:color-mix(in srgb,var(--ql-category-matrix-button-primary, #008c7a) 24%,var(--ql-category-matrix-button-border, #d8e2e5));box-shadow:var(--ql-category-matrix-button-shadow-x, 0) var(--ql-category-matrix-button-shadow-y, 12px) var(--ql-category-matrix-button-shadow-blur, 28px) rgba(0 140 122 / var(--ql-category-matrix-button-shadow-opacity, .1));transform:translateY(-1px)}.ql-category-matrix--style-three-d .ql-category-matrix__item{border-bottom-width:calc(var(--ql-category-matrix-button-border-width, 1px) + var(--ql-category-matrix-button-depth, 4px));box-shadow:var(--ql-category-matrix-button-shadow-x, 0) var(--ql-category-matrix-button-depth, 4px) 0 color-mix(in srgb,var(--ql-category-matrix-button-primary, #008c7a) 24%,transparent)}.ql-category-matrix--style-round .ql-category-matrix__item{border-radius:min(999px,calc(var(--ql-category-matrix-button-radius, 14px) + 42px));min-height:58px;padding-inline:16px}.ql-category-matrix--style-outline .ql-category-matrix__item{border-style:dashed;background:#ffffff94}.ql-category-matrix--color-gradient .ql-category-matrix__item{background:linear-gradient(135deg,color-mix(in srgb,var(--ql-category-matrix-button-primary, #008c7a) 20%,transparent),color-mix(in srgb,var(--ql-category-matrix-button-secondary, #f05d3b) 14%,transparent),color-mix(in srgb,var(--ql-category-matrix-button-bg, #ffffff) 94%,transparent))}.ql-category-matrix--color-solid .ql-category-matrix__item{border-color:color-mix(in srgb,var(--ql-category-matrix-button-primary, #008c7a) 42%,var(--ql-category-matrix-button-border, #d8e2e5));background:color-mix(in srgb,var(--ql-category-matrix-button-primary, #008c7a) 16%,var(--ql-category-matrix-button-bg, #ffffff))}.ql-category-matrix--color-soft .ql-category-matrix__item{border-color:color-mix(in srgb,var(--ql-category-matrix-button-border, #d8e2e5) 72%,transparent);background:color-mix(in srgb,var(--ql-category-matrix-button-bg, #ffffff) 78%,transparent)}.ql-category-matrix--color-warm .ql-category-matrix__item{border-color:color-mix(in srgb,var(--ql-category-matrix-button-secondary, #f05d3b) 34%,var(--ql-category-matrix-button-border, #d8e2e5));background:linear-gradient(145deg,color-mix(in srgb,var(--ql-category-matrix-button-secondary, #f05d3b) 15%,transparent),color-mix(in srgb,var(--ql-category-matrix-button-bg, #ffffff) 90%,transparent))}.ql-category-matrix--color-ocean .ql-category-matrix__item{border-color:color-mix(in srgb,#0ea5e9 34%,var(--ql-category-matrix-button-border, #d8e2e5));background:linear-gradient(145deg,color-mix(in srgb,#0ea5e9 16%,transparent),color-mix(in srgb,#14b8a6 10%,var(--ql-category-matrix-button-bg, #ffffff)))}.ql-category-matrix--color-violet .ql-category-matrix__item{border-color:color-mix(in srgb,#8b5cf6 32%,var(--ql-category-matrix-button-border, #d8e2e5));background:linear-gradient(145deg,color-mix(in srgb,#8b5cf6 15%,transparent),color-mix(in srgb,#f0abfc 9%,var(--ql-category-matrix-button-bg, #ffffff)))}.ql-category-matrix--color-ink .ql-category-matrix__item{border-color:color-mix(in srgb,#101719 34%,var(--ql-category-matrix-button-border, #d8e2e5));background:linear-gradient(145deg,color-mix(in srgb,#101719 10%,transparent),color-mix(in srgb,var(--ql-category-matrix-button-bg, #ffffff) 88%,transparent))}.ql-category-matrix--style-glass .ql-category-matrix__item{border-color:color-mix(in srgb,#fff 74%,var(--ql-category-matrix-glass-scheme-primary, var(--ql-category-matrix-button-primary, #008c7a)));background:linear-gradient(145deg,#ffffffc2,#ffffff38 42%,#ffffff1a),radial-gradient(circle at 20% 10%,color-mix(in srgb,#fff var(--ql-category-matrix-glass-fresnel-primary, 72%),transparent),transparent 34%),radial-gradient(circle at 86% 72%,color-mix(in srgb,var(--ql-category-matrix-glass-scheme-tint, var(--ql-category-matrix-glass-tint, #dff8f3)) var(--ql-category-matrix-glass-tint-strength, 18%),transparent),transparent 54%),linear-gradient(145deg,color-mix(in srgb,var(--ql-category-matrix-glass-scheme-primary, var(--ql-category-matrix-button-primary, #008c7a)) 20%,transparent),color-mix(in srgb,var(--ql-category-matrix-glass-scheme-secondary, var(--ql-category-matrix-button-secondary, #f05d3b)) 12%,transparent));box-shadow:inset 0 1px #fffffffa,inset 0 -1px #10171914,inset 0 0 calc(var(--ql-category-matrix-glass-edge-size, 16px) * 1.6) #ffffff85,inset 0 0 0 calc(var(--ql-category-matrix-glass-edge-size, 16px) * .08) #ffffffb8,0 14px 30px rgba(16,23,25,calc(.04 + var(--ql-category-matrix-glass-fresnel-depth-alpha, .8) * .16)),0 2px color-mix(in srgb,var(--ql-category-matrix-glass-scheme-primary, var(--ql-category-matrix-button-primary, #008c7a)) 18%,transparent);-webkit-backdrop-filter:blur(calc(8px + var(--ql-category-matrix-glass-roughness, 18px))) saturate(1.32);backdrop-filter:blur(calc(8px + var(--ql-category-matrix-glass-roughness, 18px))) saturate(1.32)}.ql-category-matrix--style-glass.ql-category-matrix--color-default .ql-category-matrix__item{--ql-category-matrix-glass-scheme-primary: var(--ql-category-matrix-button-primary, #008c7a);--ql-category-matrix-glass-scheme-secondary: var(--ql-category-matrix-button-secondary, #f05d3b);--ql-category-matrix-glass-scheme-tint: var(--ql-category-matrix-glass-tint, #dff8f3)}.ql-category-matrix--style-glass.ql-category-matrix--color-gradient .ql-category-matrix__item{--ql-category-matrix-glass-scheme-primary: var(--ql-category-matrix-button-primary, #008c7a);--ql-category-matrix-glass-scheme-secondary: var(--ql-category-matrix-button-secondary, #f05d3b);--ql-category-matrix-glass-scheme-tint: color-mix(in srgb, var(--ql-category-matrix-button-primary, #008c7a) 54%, var(--ql-category-matrix-button-secondary, #f05d3b))}.ql-category-matrix--style-glass.ql-category-matrix--color-solid .ql-category-matrix__item{--ql-category-matrix-glass-scheme-primary: var(--ql-category-matrix-button-primary, #008c7a);--ql-category-matrix-glass-scheme-secondary: var(--ql-category-matrix-button-primary, #008c7a);--ql-category-matrix-glass-scheme-tint: var(--ql-category-matrix-button-primary, #008c7a)}.ql-category-matrix--style-glass.ql-category-matrix--color-soft .ql-category-matrix__item{--ql-category-matrix-glass-scheme-primary: #b8c8ce;--ql-category-matrix-glass-scheme-secondary: var(--ql-category-matrix-button-bg, #ffffff);--ql-category-matrix-glass-scheme-tint: var(--ql-category-matrix-button-bg, #ffffff)}.ql-category-matrix--style-glass.ql-category-matrix--color-warm .ql-category-matrix__item{--ql-category-matrix-glass-scheme-primary: var(--ql-category-matrix-button-secondary, #f05d3b);--ql-category-matrix-glass-scheme-secondary: #f7b267;--ql-category-matrix-glass-scheme-tint: var(--ql-category-matrix-button-secondary, #f05d3b)}.ql-category-matrix--style-glass.ql-category-matrix--color-ocean .ql-category-matrix__item{--ql-category-matrix-glass-scheme-primary: #0ea5e9;--ql-category-matrix-glass-scheme-secondary: #14b8a6;--ql-category-matrix-glass-scheme-tint: #bae6fd}.ql-category-matrix--style-glass.ql-category-matrix--color-violet .ql-category-matrix__item{--ql-category-matrix-glass-scheme-primary: #8b5cf6;--ql-category-matrix-glass-scheme-secondary: #f0abfc;--ql-category-matrix-glass-scheme-tint: #ede9fe}.ql-category-matrix--style-glass.ql-category-matrix--color-ink .ql-category-matrix__item{--ql-category-matrix-glass-scheme-primary: #101719;--ql-category-matrix-glass-scheme-secondary: #667579;--ql-category-matrix-glass-scheme-tint: #d8e2e5}.ql-category-matrix--style-glass .ql-category-matrix__item{background:linear-gradient(145deg,#ffffffc2,#ffffff38 42%,#ffffff1a),radial-gradient(circle at 20% 10%,color-mix(in srgb,#fff var(--ql-category-matrix-glass-fresnel-primary, 72%),transparent),transparent 34%),radial-gradient(circle at 86% 72%,color-mix(in srgb,var(--ql-category-matrix-glass-scheme-tint, var(--ql-category-matrix-glass-tint, #dff8f3)) var(--ql-category-matrix-glass-tint-strength, 18%),transparent),transparent 54%),linear-gradient(145deg,color-mix(in srgb,var(--ql-category-matrix-glass-scheme-primary, var(--ql-category-matrix-button-primary, #008c7a)) 20%,transparent),color-mix(in srgb,var(--ql-category-matrix-glass-scheme-secondary, var(--ql-category-matrix-button-secondary, #f05d3b)) 12%,transparent))}.ql-category-matrix--style-glass .ql-category-matrix__item:before{position:absolute;inset:0;background:repeating-linear-gradient(112deg,rgba(255,255,255,calc(.02 + var(--ql-category-matrix-glass-roughness-alpha, .42) * .58)) 0 1px,rgba(16,23,25,calc(var(--ql-category-matrix-glass-roughness-alpha, .42) * .18)) 1px 2px,transparent 2px calc(20px - var(--ql-category-matrix-glass-roughness-alpha, .42) * 14px)),radial-gradient(circle,rgba(255,255,255,calc(.04 + var(--ql-category-matrix-glass-roughness-alpha, .42) * .5 + var(--ql-category-matrix-glass-grain-size, .35) * .18)) 0 1px,transparent 1.6px) 0 0 / calc(24px - var(--ql-category-matrix-glass-grain-size, .35) * 16px - var(--ql-category-matrix-glass-roughness-alpha, .42) * 6px) calc(24px - var(--ql-category-matrix-glass-grain-size, .35) * 16px - var(--ql-category-matrix-glass-roughness-alpha, .42) * 6px),linear-gradient(118deg,rgba(255,255,255,calc(var(--ql-category-matrix-glass-fresnel-primary-alpha, .72) * .92)),transparent 32%,rgba(255,255,255,calc(var(--ql-category-matrix-glass-fresnel-secondary-alpha, .34) * .78)) 46%,transparent 48%),radial-gradient(circle at 18% 14%,rgba(255,255,255,calc(var(--ql-category-matrix-glass-fresnel-primary-alpha, .72))),transparent calc(18% + var(--ql-category-matrix-glass-fresnel-depth, 18%))),radial-gradient(circle at 82% 76%,color-mix(in srgb,var(--ql-category-matrix-glass-scheme-tint, var(--ql-category-matrix-glass-tint, #dff8f3)) var(--ql-category-matrix-glass-tint-strength, 18%),transparent),transparent 44%);content:"";opacity:calc(.18 + var(--ql-category-matrix-glass-roughness-alpha, .42) * .82);pointer-events:none}.ql-category-matrix--style-glass .ql-category-matrix__item:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,calc(.28 + var(--ql-category-matrix-glass-fresnel-primary-alpha, .72) * .62)),transparent 28%,rgba(255,255,255,.18) 54%,rgba(16,23,25,calc(var(--ql-category-matrix-glass-fresnel-depth-alpha, .8) * .16))),linear-gradient(135deg,rgba(255,255,255,calc(var(--ql-category-matrix-glass-fresnel-primary-alpha, .72) * .86)),transparent 34%),linear-gradient(315deg,transparent 48%,rgba(0,140,122,calc(var(--ql-category-matrix-glass-fresnel-secondary-alpha, .34) * .42)),transparent));box-shadow:inset 0 0 calc(var(--ql-category-matrix-glass-edge-size, 16px) * .9) #ffffff94,inset 0 0 calc(var(--ql-category-matrix-glass-edge-size, 16px) * 2.25) rgba(0,140,122,calc(.08 + var(--ql-category-matrix-glass-fresnel-secondary-alpha, .34) * .24)),inset 0 calc(var(--ql-category-matrix-glass-edge-size, 16px) * -.55) calc(var(--ql-category-matrix-glass-edge-size, 16px) * 1.75) rgba(16,23,25,calc(.04 + var(--ql-category-matrix-glass-fresnel-depth-alpha, .8) * .12));content:"";opacity:1;pointer-events:none}.ql-category-matrix--style-glass .ql-category-matrix__item{outline:calc(var(--ql-category-matrix-glass-edge-size, 16px) * .08) solid rgba(255,255,255,calc(.28 + var(--ql-category-matrix-glass-fresnel-primary-alpha, .72) * .5));outline-offset:calc(var(--ql-category-matrix-glass-edge-size, 16px) * -.12)}.ql-category-matrix--style-glass .ql-category-matrix__item:hover:before{opacity:1}.ql-category-matrix--style-glass .ql-category-matrix__item span,.ql-category-matrix--style-glass .ql-category-matrix__item strong{position:relative;z-index:1}.ql-category-matrix__item:hover{transform:translateY(-2px);border-color:#008c7a57;box-shadow:0 12px 28px #10171914}.ql-category-matrix__item span{justify-self:stretch;width:100%;overflow:hidden;color:var(--ql-category-matrix-name-color, var(--ql-text));font-size:var(--ql-category-matrix-name-size, 13px);font-weight:var(--ql-category-matrix-name-weight, 400);letter-spacing:var(--ql-category-matrix-name-letter-spacing, 0);line-height:1.25;text-align:var(--ql-category-matrix-name-align, left);text-overflow:ellipsis;white-space:nowrap}.ql-category-matrix--title-auto-fit .ql-category-matrix__item span{overflow:visible;text-overflow:clip;white-space:nowrap;word-break:normal}.ql-category-matrix__item strong{justify-self:stretch;width:100%;color:var(--ql-category-matrix-count-color, var(--ql-primary));font-family:var(--ql-mono);font-size:var(--ql-category-matrix-count-size, 22px);font-weight:var(--ql-category-matrix-count-weight, 800);letter-spacing:var(--ql-category-matrix-count-letter-spacing, 0);line-height:1;text-align:var(--ql-category-matrix-count-align, left)}.sidebar-panel--category-matrix h2{color:var(--ql-category-matrix-title-color, var(--ql-text));font-size:var(--ql-category-matrix-title-size, 16px);font-weight:var(--ql-category-matrix-title-weight, 700);letter-spacing:var(--ql-category-matrix-title-letter-spacing, 0);text-align:var(--ql-category-matrix-title-align, left)}@media (max-width: 520px){.ql-category-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}}
