:where(.figma-host,.figma-frame,.figma-cursor,.figma-measure,.q3-specimen){--figma-line:var(--accent-ink);--figma-green:var(--accent);--figma-ink:var(--brand-ink);--figma-dark:var(--brand-ink);--figma-paper:var(--surface-1);--figma-selection:color-mix(in srgb, var(--accent) 22%, transparent);--figma-handle:5px}[data-theme=dark] :where(.figma-host,.figma-frame,.figma-cursor,.figma-measure),.q3-specimen[data-theme=dark]{--figma-line:var(--accent);--figma-cursor-edge:var(--accent);--figma-selection:color-mix(in srgb, var(--accent) 16%, transparent)}.figma-host{--figma-active:0;position:relative}.figma-host:focus,.figma-host:focus-within{--figma-active:1}@media (hover:hover) and (pointer:fine){.figma-host:not(.figma-target):hover,.figma-target[data-figma-entered]{--figma-active:1}}.figma-target{display:inline-block}.figma-frame{z-index:2;color:var(--figma-line);opacity:var(--figma-active,0);pointer-events:none;transform:scale(calc(1.12 - var(--figma-active,0) * .12));transition:opacity .2s var(--ease-ui), transform .24s var(--ease-ui);position:absolute;inset:-5px}.figma-frame[data-reveal=always]{opacity:1;transform:none}.figma-frame:before{content:"";border:1px solid;position:absolute;inset:-1px}.figma-frame>i{width:var(--figma-handle);height:var(--figma-handle);background:var(--figma-paper);transform:scale(calc(.6 + var(--figma-active,0) * .4));transition:transform .16s var(--ease-ui);transition-delay:var(--figma-stagger,0s);border:1px solid;position:absolute}.figma-frame>i:first-child{top:-3px;left:-3px}.figma-frame>i:nth-child(2){--figma-stagger:30ms;top:-3px;right:-3px}.figma-frame>i:nth-child(3){--figma-stagger:60ms;bottom:-3px;right:-3px}.figma-frame>i:nth-child(4){--figma-stagger:90ms;bottom:-3px;left:-3px}.figma-badge{color:var(--text-3);font:400 10px/1.5 var(--font-mono);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.figma-layer-glyph{font-size:14px;line-height:1}.figma-frame-label{color:var(--figma-line);position:absolute;bottom:calc(100% + 6px);left:-1px}.figma-dimensions{border-radius:var(--radius-full);background:var(--figma-dark);color:var(--figma-green);font:400 10px/1.5 var(--font-mono);white-space:nowrap;padding:2px 7px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.figma-dimension-reel{height:15px;display:block;overflow:hidden}.figma-dimension-value{height:15px;transform:translateY(calc(var(--figma-active,0) * -100%));transition:transform .26s var(--ease-ui);display:block}.figma-frame[data-dimensions-at=corner] .figma-dimensions{padding:1px 6px;font-size:9px;line-height:13px;inset:auto -2px calc(100% + 4px) auto;transform:none}.figma-frame[data-dimensions-at=corner] .figma-dimension-reel,.figma-frame[data-dimensions-at=corner] .figma-dimension-value{height:13px}.figma-pin{z-index:3;pointer-events:none;align-items:center;gap:6px;display:inline-flex;position:absolute}.figma-pin>i{background:var(--figma-green);width:14px;height:14px;box-shadow:0 0 0 1.5px var(--figma-paper);transform:rotate(calc(-8deg + var(--figma-active,0) * 8deg)) scale(calc(.9 + var(--figma-active,0) * .1));transition:transform .22s var(--ease-ui);border-radius:50% 50% 50% 2px}.figma-pin-note{background:var(--figma-paper);border:1px solid var(--border);color:var(--figma-line);font:400 11px/1.4 var(--font-sans);white-space:nowrap;opacity:var(--figma-active,0);transform:translateX(calc(-6px + var(--figma-active,0) * 6px));transition:transform .22s var(--ease-ui), opacity .18s var(--ease-ui);border-radius:2px 8px 8px;padding:3px 8px}.figma-gap{pointer-events:none;z-index:2;background:repeating-linear-gradient(-45deg, var(--figma-selection) 0 4px, transparent 4px 9px);opacity:var(--figma-active,0);transform:scaleY(calc(.6 + var(--figma-active,0) * .4));transform-origin:50% 0;transition:opacity .18s var(--ease-ui), transform .22s var(--ease-ui);place-items:center;display:grid;position:absolute}.figma-gap[data-axis=x]{transform:scaleX(calc(.6 + var(--figma-active,0) * .4));transform-origin:0}.figma-gap>span{background:var(--figma-dark);color:var(--figma-green);font:400 9px/14px var(--font-mono);border-radius:3px;padding:0 5px}.figma-cursor{--figma-cursor-color:var(--figma-green);--figma-cursor-ink:var(--figma-ink);z-index:3;width:max-content;color:var(--figma-cursor-color);pointer-events:none;opacity:var(--figma-active,0);transform:translate(calc((1 - var(--figma-active,0)) * var(--figma-from-x,20px)), calc((1 - var(--figma-active,0)) * var(--figma-from-y,12px)));transition:transform .28s var(--ease-ui), opacity .18s var(--ease-ui);align-items:flex-start;display:inline-flex;position:absolute}.figma-cursor svg{flex:none}.figma-cursor-name{background:var(--figma-cursor-color);color:var(--figma-cursor-ink);font:400 10px/1.4 var(--font-sans);border-radius:2px 8px 8px;margin:15px 0 0 -5px;padding:3px 8px}.figma-signature{--figma-active:1}.figma-shared-cursor{pointer-events:none;z-index:4;opacity:0;transform:translate(var(--figma-cursor-x,0px), var(--figma-cursor-y,0px));transition:transform .26s var(--ease-ui), opacity .16s var(--ease-ui);position:absolute;inset:0 auto auto 0}.figma-shared-cursor[data-visible]{opacity:1}.figma-shared-cursor .figma-cursor{opacity:1;transform:none}.figma-variant{display:none}.figma-variant[data-variant="0"]{display:inline}[data-figma-variant="1"] .figma-variant,[data-figma-variant="2"] .figma-variant{display:none}[data-figma-variant="1"] .figma-variant[data-variant="1"],[data-figma-variant="2"] .figma-variant[data-variant="2"]{display:inline}.figma-annotation{pointer-events:none;z-index:2;opacity:var(--figma-active,0);transition:opacity .18s var(--ease-ui);position:absolute;inset:-12px -16px}.figma-ellipse{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-7deg)}[data-figma-variant="1"] .figma-ellipse{transform:rotate(5deg)}[data-figma-variant="2"] .figma-ellipse{transform:rotate(-3deg)}.figma-ellipse path{stroke:var(--figma-line);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--figma-active,0));transition:stroke-dashoffset .32s var(--ease-ui)}.figma-comment{opacity:var(--figma-active,0);transform:translateY(calc(6px - var(--figma-active,0) * 6px));transition:transform .22s var(--ease-ui), opacity .18s var(--ease-ui);color:var(--figma-line);font:400 11px/1.5 var(--font-sans);white-space:nowrap;align-items:center;gap:6px;display:inline-flex;position:absolute;top:5px;left:calc(100% - 10px)}.figma-comment>i{background:var(--figma-green);width:22px;height:22px;color:var(--figma-ink);border-radius:50% 50% 50% 2px;place-items:center;font-style:normal;display:grid}.figma-comment>span{background:var(--figma-paper);border-radius:8px;padding:4px 8px}.figma-measure{color:var(--figma-line);font:400 10px/1 var(--font-mono);pointer-events:none;align-items:center;gap:5px;display:inline-flex}.figma-measure>i{border-inline:1px solid;width:12px;height:5px;position:relative}.figma-measure>i:after{content:"";border-top:1px solid;position:absolute;inset:2px 0 auto}.figma-text-selection{background:linear-gradient(var(--figma-selection), var(--figma-selection)) no-repeat;background-size:calc(var(--figma-active,0) * 100%) 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}.figma-rotate-cursor{z-index:3;border:1px solid var(--figma-line);background:var(--figma-paper);width:16px;height:16px;color:var(--figma-line);opacity:var(--figma-active,0);transform:rotate(calc(-35deg + var(--figma-active,0) * 35deg));transition:transform .24s var(--ease-ui), opacity .18s var(--ease-ui);font:400 12px/1 var(--font-sans);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:9px;right:9px}.q3-specimens{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.q3-specimen{background:var(--bg);color:var(--text-1);border:1px solid var(--border);border-radius:20px;min-width:0;padding:32px}.q3-demo-caption{color:var(--text-2);margin-top:24px;font-size:12px;line-height:1.8;display:block}.q3-demo-stage{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:32px 8px;display:flex}.q3-demo-stage>small{color:var(--text-3);font-size:11px}.q3-demo-word{font:400 48px/1 var(--font-number)}.q3-demo-word:is(:focus,:focus-within){background:var(--figma-green);color:var(--figma-ink)}.q3-demo-cursor{bottom:-6px;left:calc(100% - 8px)}.q3-demo-cover{background:var(--surface-2);width:150px;height:90px;margin:12px 0;display:block}.q3-demo-cover .figma-frame{--figma-active:1;--figma-paper:var(--white);inset:0;transform:none}.q3-demo-cover .figma-frame>i{transform:none}.q3-demo-cover .figma-frame-label{font:400 10px/1.4 var(--font-sans);bottom:calc(100% + 6px);left:0}.q3-demo-cover .figma-dimensions{color:var(--text-2);background:0 0;border-radius:0;padding:0}.q3-demo-cover .figma-rotate-cursor{--figma-active:0;top:-26px;right:-20px}.q3-demo-cover:focus-visible .figma-rotate-cursor{--figma-active:1}@media (hover:hover) and (pointer:fine){.q3-demo-cover:hover .figma-rotate-cursor{--figma-active:1}}.q3-demo-list{border-bottom:1px solid var(--border);padding-block:12px;position:relative}.q3-demo-row{color:var(--text-1);align-items:center;gap:16px;padding:16px 8px 24px;font-size:12px;text-decoration:none;display:flex}.q3-demo-row>small{border-radius:4px;padding:2px 5px;font-size:10px}.q3-demo-row:focus>small{background:var(--figma-green);color:var(--figma-ink)}.q3-demo-menu{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid;position:relative}.q3-demo-menu a{color:var(--text-1);border-radius:8px;padding:16px 12px;font-size:12px;text-decoration:none}.q3-demo-menu a:focus{background:var(--figma-selection)}.q3-demo-measure{opacity:var(--figma-active,0);transition:opacity .18s var(--ease-ui);position:absolute;bottom:0;right:8px}.q3-arrow-demos{flex-wrap:wrap;gap:12px;display:flex}.q3-demo-more{font-size:14px}.q3-demo-pin-host{padding:6px 28px 6px 0}.q3-demo-pin-host>.figma-pin{top:2px;right:0}.q3-demo-gap-host{padding-bottom:24px;display:inline-block}.q3-demo-gap-host>.figma-gap{height:24px;top:calc(100% - 24px);left:0;right:0}.q3-demo-corner-host{font:400 32px/1 var(--font-number);margin:18px 12px 0 0;display:inline-block}.q3-demo-corner-host>.figma-frame{--figma-active:1;inset:-4px -6px}@media (hover:hover) and (pointer:fine){.q3-demo-word:hover,.q3-demo-row:hover>small{background:var(--figma-green);color:var(--figma-ink)}.q3-demo-menu a:hover{background:var(--figma-selection)}}@media (max-width:640px){.q3-specimens{grid-template-columns:1fr}.q3-specimen{padding:20px}.q3-demo-stage{padding-inline:0}.q3-demo-stage>small{text-align:right;max-width:80px}.q3-demo-word{font-size:38px}.figma-comment{top:calc(100% - 6px);left:12px}.q3-demo-cursor{display:none}}.page-heading.figma-host>.figma-pin,.page-heading.figma-host>.figma-badge.q3-heading-layer{top:4px;right:0}.page-heading.figma-host>.figma-badge.q3-heading-layer{color:var(--figma-line);position:absolute}.page-heading.figma-host>.figma-pin .figma-pin-note{transform:translateX(calc(6px - var(--figma-active,0) * 6px));border-radius:8px 2px 8px 8px;order:-1}.series-grid,.tools-grid,.reels-grid{position:relative}.catalog-detail-cover.figma-host>.figma-frame{--figma-line:var(--accent);transform:scale(calc(1.03 - var(--figma-active,0) * .03));inset:8px}.catalog-detail-cover.figma-host>.figma-frame:before{border-style:dashed}.catalog-detail-cover.figma-host>.figma-frame .figma-frame-label{background:var(--figma-dark);color:var(--figma-green);padding:2px 6px;top:auto;bottom:-1px;left:-1px}.catalog-detail-heading .q3-detail-badge{margin-top:var(--space-2);color:var(--figma-line)}.path-workspace-label .figma-badge{margin-left:var(--space-2);color:var(--figma-line)}.path-syllabus-heading.figma-host>.figma-gap{left:var(--space-6);right:var(--space-6);height:var(--space-6);top:100%}.offer-card.figma-host>.q3-offer-badge{right:var(--space-4);bottom:var(--space-3);color:var(--figma-line);position:absolute}.offer-card.figma-host>.figma-frame{border-radius:inherit;inset:-6px}.offer-card.figma-host>.figma-frame:before{border-radius:inherit}.reels-head.figma-host>h1{position:relative}.reels-head.figma-host .q3-reels-signature{top:18%;left:calc(100% + 6px)}.q1-metadata .q3-text-badge{color:var(--figma-line);margin-left:auto}.notfound-number .figma-target{font:inherit;outline:none}.notfound-number .figma-annotation{inset:-6px -14px}.notfound-number .figma-comment{top:50%;left:calc(100% + 8px)}.hc-moment .q3-stat-number>.figma-frame[data-reveal=always]{--figma-active:1}@media (max-width:640px){.page-heading.figma-host>.figma-pin,.page-heading.figma-host>.figma-badge.q3-heading-layer,.reels-head.figma-host .q3-reels-signature,.offer-card.figma-host>.q3-offer-badge,.notfound-number .figma-comment{display:none}}@media (prefers-reduced-motion:reduce){.figma-frame,.figma-annotation,.figma-shared-cursor,.figma-rotate-cursor,.figma-gap,.figma-pin-note,.q3-demo-measure,.figma-host:not(.figma-signature)>.figma-cursor{display:none}.figma-frame[data-reveal=always]{display:block}.figma-cursor{transition:none;transform:none}}[data-figma-paused],[data-figma-paused]:before,[data-figma-paused] *{transition:none!important}.q3-expander{width:100%;color:var(--text-2);font-size:12px}.q3-expander summary{cursor:pointer;align-items:center;gap:8px;width:max-content;padding:8px 0;list-style:none;display:flex}.q3-expander summary::-webkit-details-marker{display:none}.q3-expander summary>svg{transition:transform var(--dur-fast) var(--ease-ui)}.q3-expander[open] summary>svg{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.q3-expander summary>svg{transition:none}}.q3-action-card,.q3-action-block{border:1px solid var(--border);border-radius:var(--radius-card);width:100%;color:var(--text-1);justify-content:space-between;align-items:center;gap:24px;padding:20px;font-size:12px;text-decoration:none;display:flex}.q3-action-block{background:var(--accent);color:var(--brand-ink)}.q3-action-states{flex-wrap:wrap;gap:20px;margin-top:20px;display:flex}.q3-action-states>span{align-content:center;justify-items:center;gap:8px;min-width:48px;display:grid}.q3-action-states small{font:400 10px/1.5 var(--font-mono)}.q3-action-underline{border-bottom:1px solid;font-size:12px}
.figma-cursor[data-family]{--collab-blue:#3459cf;--collab-violet:#7752ba;--collab-coral:#c54c32;--collab-teal:#087f75;--collab-magenta:#b73683;--collab-white:#fff;--figma-cursor-color:var(--collab-blue);--figma-cursor-ink:var(--collab-white);--figma-cursor-edge:var(--collab-white);--figma-from-x:12px;--figma-from-y:10px}.figma-cursor[data-family="1"]{--figma-cursor-color:var(--collab-violet)}.figma-cursor[data-family="2"]{--figma-cursor-color:var(--collab-coral)}.figma-cursor[data-family="3"]{--figma-cursor-color:var(--collab-teal)}.figma-cursor[data-family="4"]{--figma-cursor-color:var(--collab-magenta)}.figma-cursor[data-family="5"]{--figma-cursor-color:var(--accent);--figma-cursor-ink:var(--brand-ink)}.figma-cursor[data-direction=nw],.figma-cursor[data-direction=w]{--figma-from-x:-14px;--figma-from-y:-8px}.figma-cursor[data-direction=ne]{--figma-from-x:12px;--figma-from-y:-12px}.figma-cursor[data-direction=sw]{--figma-from-x:-12px;--figma-from-y:10px}.figma-cursor[data-family] .figma-cursor-pointer{transform-origin:3px 3px;transform:rotate(var(--collab-angle,0deg))}.figma-cursor[data-direction=nw]{--collab-angle:180deg}.figma-cursor[data-direction=ne]{--collab-angle:-90deg}.figma-cursor[data-direction=sw]{--collab-angle:90deg}.figma-cursor[data-direction=e]{--collab-angle:-35deg}.figma-cursor[data-direction=w]{--collab-angle:145deg}.figma-cursor[data-family] .figma-cursor-name{white-space:nowrap;border-radius:2px 6px 6px;margin:16px 0 0 -5px;font-weight:500;transform:none}.figma-cursor:is([data-direction=nw],[data-direction=ne]) .figma-cursor-name{margin-top:-22px}.figma-cursor:is([data-direction=nw],[data-direction=sw],[data-direction=w]) .figma-cursor-name{position:absolute;right:calc(100% + 4px)}.figma-cursor-arc{opacity:0;width:36px;height:28px;position:absolute;top:-16px;left:-17px}.figma-cursor-arc path{stroke:currentColor;stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px}@media (prefers-reduced-motion:no-preference){.figma-cursor[data-motion=tap][data-engaged] .figma-cursor-pointer{animation:collab-tap .34s var(--ease-ui) both}.figma-cursor[data-motion=arc][data-engaged] .figma-cursor-arc{opacity:.7}.figma-cursor[data-motion=arc][data-engaged] .figma-cursor-arc path{animation:collab-arc .36s var(--ease-ui) both}}@keyframes collab-tap{0%,to{transform:rotate(var(--collab-angle,0deg)) scale(1)}50%{transform:rotate(var(--collab-angle,0deg)) scale(.82)}}@keyframes collab-arc{to{stroke-dashoffset:0}}.figma-cursor[data-suppressed],.figma-shared-cursor .figma-cursor[data-suppressed]{opacity:0}.figma-cursor[data-figma-paused] *,[data-figma-paused] .figma-cursor *{transition:none;animation-play-state:paused}.figma-family-scroll{margin-top:24px;padding:8px 0;overflow-x:auto}.figma-family-grid{grid-template-columns:repeat(6,minmax(144px,1fr));min-width:864px;display:grid}.figma-family-cell{border:1px solid var(--border);height:96px;font:400 10px/2 var(--font-mono);color:var(--text-3);place-items:end center;display:grid;position:relative}.figma-family-cell>.figma-cursor[data-preview]{opacity:1;display:inline-flex;top:42px;left:50%;transform:none}.figma-family-cell .figma-cursor-name{padding:2px 5px;font-size:10px}@media (prefers-reduced-motion:no-preference){.figma-family-cell:is(:hover,:focus-visible) .figma-cursor[data-motion=tap] .figma-cursor-pointer{animation:collab-tap .34s var(--ease-ui) both}.figma-family-cell:is(:hover,:focus-visible) .figma-cursor[data-motion=arc] .figma-cursor-arc{opacity:.7}.figma-family-cell:is(:hover,:focus-visible) .figma-cursor[data-motion=arc] .figma-cursor-arc path{animation:collab-arc .36s var(--ease-ui) both}}@media (prefers-reduced-motion:reduce){.figma-cursor[data-family],.figma-cursor[data-family] *{transition:none;animation:none}.figma-cursor[data-family] .figma-cursor-arc{opacity:0}}.figma-cursor[hidden]{display:none}
