.op-nib-body{transition:fill .4s cubic-bezier(.22,1,.36,1),stroke .4s cubic-bezier(.22,1,.36,1)}@property --op-nib-lid{syntax: "<number>"; inherits: true; initial-value: 1;}@property --op-nib-px{syntax: "<number>"; inherits: false; initial-value: 0;}@property --op-nib-py{syntax: "<number>"; inherits: false; initial-value: 0;}.op-nib-eye{transition:--op-nib-lid .08s}.op-nib-eyes[data-shut] .op-nib-eye{--op-nib-lid: .1}.op-nib-white{ry:calc(8.5px * var(--op-nib-lid))}.op-nib-pupil{transition:--op-nib-px .18s cubic-bezier(.22,1,.36,1),--op-nib-py .18s cubic-bezier(.22,1,.36,1);cx:calc((var(--op-nib-cx) + var(--op-nib-px)) * 1px);cy:calc((var(--op-nib-cy) + (1 + var(--op-nib-py)) * var(--op-nib-lid)) * 1px);ry:calc(4px * var(--op-nib-lid))}