@property --dot-p{syntax: "<number>"; inherits: true; initial-value: 0;}.dot-icon{--dot-p: 0;--dot-ms: .8s;overflow:visible;transition:--dot-p calc(var(--dot-ms) / 1.6) linear}@media(hover:hover)and (prefers-reduced-motion:no-preference){[data-sidebar=menu-button]:hover .dot-icon{--dot-p: 1;transition-duration:var(--dot-ms)}}@media(prefers-reduced-motion:no-preference){[data-sidebar=menu-button]:focus-visible .dot-icon{--dot-p: 1;transition-duration:var(--dot-ms)}}[data-sidebar=menu-button]:is([data-active=true],[data-area-active=true]) .dot-icon--selectable{--dot-p: 1;transition-duration:var(--dot-ms)}@media(prefers-reduced-motion:reduce){.dot-icon{transition-property:none}}.dot-icon *{transform-box:view-box;--dot-ease-out: calc(1 - (1 - var(--segment)) * (1 - var(--segment)) * (1 - var(--segment)));--dot-ease-low: min(var(--segment), .5);--dot-ease-high: calc(2 - (2*max(var(--segment), .5))) ;--dot-ease-in-out: calc( 4 * var(--dot-ease-low) * var(--dot-ease-low) * var(--dot-ease-low) + .5 - var(--dot-ease-high) * var(--dot-ease-high) * var(--dot-ease-high) / 2 );--dot-ease-back-offset: calc(var(--segment) - 1);--dot-ease-back: calc( 1 + 2.9 * var(--dot-ease-back-offset) * var(--dot-ease-back-offset) * var(--dot-ease-back-offset) + 1.9 * var(--dot-ease-back-offset) * var(--dot-ease-back-offset) );--dot-started: clamp(0, var(--segment) * 100000, 1)}.dot-icon__self-origin{transform-box:fill-box;transform-origin:center}.dot-icon__dot{fill:var(--color-secondary-400)}.dot-icon__draw{stroke-dasharray:1;stroke-dashoffset:calc((1 - var(--dot-ease-out)) * 1px);opacity:var(--dot-started)}.dot-icon__stroke{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dot-icon__ink{fill:currentColor}.dot-icon--people{--dot-ms: .7s}.dot-people__head{--hop-segment: clamp(0, var(--dot-p) / .45, 1);--hop: sin( (1 - (1 - var(--hop-segment)) * (1 - var(--hop-segment)) * (1 - var(--hop-segment))) * pi );--squash: calc(.12*sin(clamp(0, (var(--dot-p) - .42) / .2, 1) * pi)) ;transform-origin:10px 11px;transform:translateY(calc(-2.2px * var(--hop))) scale(calc(1 + var(--squash)),calc(1 - var(--squash)))}.dot-people__colleague--head{--segment: clamp(0, (var(--dot-p) - .3) / .5, 1)}.dot-people__colleague--shoulder{--segment: clamp(0, (var(--dot-p) - .4) / .5, 1)}.dot-icon--benchmark{--dot-ms: .85s}.dot-benchmark__dot{--segment: clamp(0, (var(--dot-p) - .05) / .7, 1);--length: calc(.24 + .46 * var(--dot-ease-in-out));--curve-t: calc(.4783 + 1.62615*clamp(0, var(--length) - .24, .13) + 2.38923*clamp(0, var(--length) - .37, .13) + 2.545*clamp(0, var(--length) - .5, .1) + 1.727*clamp(0, var(--length) - .6, .1)) ;--t1: clamp(0, var(--curve-t), 1);--u1: calc(1 - var(--t1));--t2: clamp(0, var(--curve-t) - 1, 1);--u2: calc(1 - var(--t2));--x: calc( 2 * var(--u1) * var(--u1) * var(--u1) + 20.4 * var(--u1) * var(--u1) * var(--t1) + 23.4 * var(--u1) * var(--t1) * var(--t1) + 12 * var(--t1) * var(--t1) * var(--t1) + 12 * var(--u2) * var(--u2) * var(--u2) + 48.6 * var(--u2) * var(--u2) * var(--t2) + 51.6 * var(--u2) * var(--t2) * var(--t2) + 22 * var(--t2) * var(--t2) * var(--t2) - 12 );--y: calc( 19.5 * var(--u1) * var(--u1) * var(--u1) + 58.5 * var(--u1) * var(--u1) * var(--t1) + 12 * var(--u1) * var(--t1) * var(--t1) + 4 * var(--t1) * var(--t1) * var(--t1) + 4 * var(--u2) * var(--u2) * var(--u2) + 12 * var(--u2) * var(--u2) * var(--t2) + 58.5 * var(--u2) * var(--t2) * var(--t2) + 19.5 * var(--t2) * var(--t2) * var(--t2) - 4 );transform:translate(calc((var(--x) - 7.045) * 1px),calc((var(--y) - 12.254) * 1px))}.dot-benchmark__tick--0{--segment: clamp(0, (var(--dot-p) - .2) / .3, 1)}.dot-benchmark__tick--1{--segment: clamp(0, (var(--dot-p) - .32) / .3, 1)}.dot-benchmark__tick--2{--segment: clamp(0, (var(--dot-p) - .44) / .3, 1)}.dot-benchmark__drop{--segment: clamp(0, (var(--dot-p) - .72) / .28, 1);opacity:clamp(0,(var(--dot-ease-out) - var(--threshold)) * 100000,1)}.dot-benchmark__drop--0{--threshold: 0}.dot-benchmark__drop--1{--threshold: .3756}.dot-benchmark__drop--2{--threshold: .7512}.dot-icon--salary-bands{--dot-ms: .75s}.dot-salary-bands__band--0,.dot-salary-bands__band--2{--nudge: sin(clamp(0, (var(--dot-p) - var(--start)) / .38, 1) * pi);transform:translate(calc(var(--nudge) * var(--direction) * .9px))}.dot-salary-bands__band--0{--start: .02;--direction: -1}.dot-salary-bands__band--2{--start: .22;--direction: 1}.dot-salary-bands__midpoint{--segment: clamp(0, (var(--dot-p) - var(--start)) / .3, 1)}.dot-salary-bands__midpoint--0{--start: .35}.dot-salary-bands__midpoint--1{--start: .43}.dot-salary-bands__midpoint--2{--start: .51}.dot-salary-bands__dot{--segment: clamp(0, (var(--dot-p) - .1) / .7, 1);transform:translate(calc(4.2px * var(--dot-ease-back)))}.dot-icon--compensation{--dot-ms: .95s}.dot-compensation__line{stroke-dashoffset:calc(.6px * (1 - var(--dot-ease-out)))}.dot-compensation__line--0{--segment: clamp(0, (var(--dot-p) - .05) / .3, 1)}.dot-compensation__line--1{--segment: clamp(0, (var(--dot-p) - .6) / .35, 1)}.dot-compensation__dot{--segment: clamp(0, (var(--dot-p) - .3) / .35, 1);transform:translateY(calc(6px * var(--dot-ease-back)))}.dot-icon--pay-equity{--dot-ms: 1.15s}.dot-icon--pay-equity *{--level: clamp(0, (var(--dot-p) - .22) / .78, 1);--tilt: calc(-13deg*exp(-5.5 * var(--level))*cos(9.5 * var(--level))) }.dot-pay-equity__beam{transform-origin:12px 8px;transform:rotate(var(--tilt))}.dot-pay-equity__pan{transform:translate(calc(var(--side) * 7.5px * (cos(var(--tilt)) - 1)),calc(var(--side) * 7.5px * sin(var(--tilt))))}.dot-pay-equity__pan--left{--side: -1}.dot-pay-equity__pan--right{--side: 1}.dot-pay-equity__dot{--segment: clamp(0, var(--dot-p) / .55, 1);transform-origin:12px 8px;transform:rotate(var(--tilt)) translate(calc(5.4px * var(--dot-ease-in-out)))}.dot-icon--smart-offer{--dot-ms: .85s}.dot-smart-offer__dot{--segment: clamp(0, var(--dot-p) / .55, 1);--t: var(--dot-ease-in-out);--u: calc(1 - var(--t));transform:translate(calc((var(--u) * var(--u) * 20.2 + 2 * var(--u) * var(--t) * 23 + var(--t) * var(--t) * 12 - 20.2) * 1px),calc((var(--u) * var(--u) * 3.8 + 2 * var(--u) * var(--t) * 11 + var(--t) * var(--t) * 12 - 3.8) * 1px))}.dot-smart-offer__ripple{--segment: clamp(0, (var(--dot-p) - .5) * 2, 1);--size: calc(1 + 8 / 3 * var(--dot-ease-out));stroke:var(--color-secondary-400);transform:scale(var(--size));stroke-width:calc(1.2px / var(--size));opacity:calc((1 - var(--segment)) * .9 * var(--dot-started))}.dot-smart-offer__target{--size: calc(1 + .18*sin(clamp(0, (var(--dot-p) - .5) / .3, 1) * pi)) ;transform:scale(var(--size));stroke-width:calc(2px / var(--size))}.dot-icon--dashboards{--dot-ms: .95s}.dot-icon--dashboards *{--first-segment: clamp(0, (var(--dot-p) - .05) / .4, 1);--first-low: min(var(--first-segment), .5);--first-high: calc(2 - (2*max(var(--first-segment), .5))) ;--first-swap: calc( 4 * var(--first-low) * var(--first-low) * var(--first-low) + .5 - var(--first-high) * var(--first-high) * var(--first-high) / 2 );--second-segment: clamp(0, (var(--dot-p) - .5) / .4, 1);--second-low: min(var(--second-segment), .5);--second-high: calc(2 - (2*max(var(--second-segment), .5))) ;--second-swap: calc( 4 * var(--second-low) * var(--second-low) * var(--second-low) + .5 - var(--second-high) * var(--second-high) * var(--second-high) / 2 )}.dot-dashboards__moving-tile{transform:translateY(calc(-11px * var(--first-swap)))}.dot-dashboards__following-tile{transform:translate(calc(11px * var(--second-swap)))}.dot-dashboards__dot{--hop: calc(sin(var(--first-swap) * pi) + sin(var(--second-swap) * pi)) ;--x: calc(17.5 - 11 * var(--second-swap) + 1.4 * var(--hop));--y: calc((6.5 + 11 * var(--first-swap)) * (1 - var(--second-swap)) + 17.5 * var(--second-swap) - .2 * var(--hop));transform:translate(calc((var(--x) - 17.5) * 1px),calc((var(--y) - 6.5) * 1px)) scale(calc(1 + .14 * var(--hop)))}.dot-icon--compy{--dot-ms: 1.3s}.dot-icon--compy *{--split-offset: calc(clamp(0, var(--dot-p) / .18, 1) - 1) ;--merge-segment: clamp(0, (var(--dot-p) - .84) / .16, 1);--merge-low: min(var(--merge-segment), .5);--merge-high: calc(2 - (2*max(var(--merge-segment), .5))) ;--split: calc( (1 + 2.9 * var(--split-offset) * var(--split-offset) * var(--split-offset) + 1.9 * var(--split-offset) * var(--split-offset)) * (.5 - 4 * var(--merge-low) * var(--merge-low) * var(--merge-low) + var(--merge-high) * var(--merge-high) * var(--merge-high) / 2) );--thinking: clamp(0, (var(--dot-p) - .18) / .66, 1);--thinking-gate: calc(clamp(0, var(--thinking) * 100000, 1)*clamp(0, (1 - var(--thinking)) * 100000, 1)) ;--wave: calc(-1.5px * var(--thinking-gate) * max(0, sin(2 * pi * (var(--thinking) * 2.2 - var(--phase)))))}.dot-compy__dot{--phase: .18;transform:translateY(var(--wave)) scale(calc(1 - 1.4 / 3 * clamp(0,var(--split),1)))}.dot-compy__typing-dot{transform:translate(calc(var(--direction) * 5px * var(--split)),var(--wave)) scale(clamp(0,var(--split),1))}.dot-compy__typing-dot--left{--phase: 0;--direction: -1}.dot-compy__typing-dot--right{--phase: .36;--direction: 1}.dot-icon--search{--dot-ms: .9s}.dot-search__dot{--left-segment: clamp(0, var(--dot-p) / .3, 1);--left-low: min(var(--left-segment), .5);--left-high: calc(2 - (2*max(var(--left-segment), .5))) ;--to-left: calc( 4 * var(--left-low) * var(--left-low) * var(--left-low) + .5 - var(--left-high) * var(--left-high) * var(--left-high) / 2 );--right-segment: clamp(0, (var(--dot-p) - .3) / .35, 1);--right-low: min(var(--right-segment), .5);--right-high: calc(2 - (2*max(var(--right-segment), .5))) ;--to-right: calc( 4 * var(--right-low) * var(--right-low) * var(--right-low) + .5 - var(--right-high) * var(--right-high) * var(--right-high) / 2 );--lock-offset: calc(clamp(0, (var(--dot-p) - .65) / .35, 1) - 1) ;--lock-in: calc( 1 + 2.9 * var(--lock-offset) * var(--lock-offset) * var(--lock-offset) + 1.9 * var(--lock-offset) * var(--lock-offset) );--scanned: calc(10.5 - 2.6 * var(--to-left));--swept: calc(var(--scanned) + (13.1 - var(--scanned)) * var(--to-right));--x: calc(var(--swept) + (10.5 - var(--swept)) * var(--lock-in));transform:translate(calc((var(--x) - 10.5) * 1px),calc(.8px*sin(var(--to-right) * pi))) scale(calc(1 + .15*sin(clamp(0,(var(--dot-p) - .8) * 5,1) * pi)))}.dot-icon--notifications *{--swing-segment: clamp(0, var(--dot-p) / .9, 1);--swing: calc(-24deg*sin(3 * pi * var(--swing-segment))*pow(1 - var(--swing-segment), 1.2)) }.dot-notifications__clapper{transform-origin:12px 8px;transform:rotate(var(--swing))}@keyframes dot-notifications-ring{0%{--dot-p: 0}to{--dot-p: 1}}@media(prefers-reduced-motion:no-preference){.dot-notifications__swing[data-ringing=true]{animation:dot-notifications-ring var(--dot-ms) linear}}.dot-icon--documentation{--dot-ms: .85s}.dot-icon--documentation *{--slip-offset: calc(clamp(0, var(--dot-p) / .6, 1) - 1) ;--slip: calc( 3.4 * (1 + 2.9 * var(--slip-offset) * var(--slip-offset) * var(--slip-offset) + 1.9 * var(--slip-offset) * var(--slip-offset)) );--sway-segment: clamp(0, (var(--dot-p) - .45) / .55, 1);--sway: calc(.9 * sin(2 * pi * var(--sway-segment)) * (1 - var(--sway-segment)))}.dot-documentation__ribbon{--length: calc(4.2 + var(--slip));stroke-dashoffset:calc((10 - hypot(var(--length),.6 * var(--sway)))*1px);transform-origin:14px 2px;transform:rotate(calc(-1*atan2(.6 * var(--sway),var(--length))))}.dot-documentation__dot{transform:translate(calc(var(--sway) * 1px),calc(var(--slip) * 1px))}.dot-icon--contact{--dot-ms: .9s}.dot-contact__dot{--segment: clamp(0, var(--dot-p) / .7, 1);--t: var(--dot-ease-in-out);--u: calc(1 - var(--t));--squash: calc(.15*sin(clamp(0, (var(--dot-p) - .68) / .27, 1) * pi)) ;transform-origin:8px 9.5px;transform:translate(calc((var(--u) * var(--u) * 8 + 2 * var(--u) * var(--t) * 16 + var(--t) * var(--t) * 16 - 8) * 1px),calc((var(--u) * var(--u) * 6.5 + 2 * var(--u) * var(--t) * 2 + var(--t) * var(--t) * 14.5 - 6.5) * 1px)) scale(calc(1 + var(--squash)),calc(1 - var(--squash)))}