{ "schemaVersion": 1, "kind": "interaction-evidence", "viewport": { "name": "desktop", "width": 1280, "height": 800 }, "profile": { "inputProfile": "mouse", "motionPreferences": [ "no-preference", "reduce" ] }, "mode": "auto", "scriptMode": "safe", "status": "complete", "scope": "css_native", "controller": "native_animation_seek", "stylesheets": [ { "href": null, "scope": "document", "disabled": false, "rules": [ { "selector": ":root", "declarations": "font-family: Arial, Helvetica, sans-serif; color: rgb(23, 27, 26); background: rgb(243, 245, 241); font-synthesis: none;", "properties": [ "font-family", "color", "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "font-synthesis-weight", "font-synthesis-style", "font-synthesis-small-caps" ], "conditions": [] }, { "selector": "*", "declarations": "box-sizing: border-box;", "properties": [ "box-sizing" ], "conditions": [] }, { "selector": "body", "declarations": "margin: 0px;", "properties": [ "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [] }, { "selector": "button, a", "declarations": "font: inherit;", "properties": [ "font-style", "font-variant-ligatures", "font-variant-caps", "font-variant-numeric", "font-variant-east-asian", "font-variant-alternates", "font-variant-position", "font-variant-emoji", "font-weight", "font-stretch", "font-size", "line-height", "font-family", "font-optical-sizing", "font-size-adjust", "font-kerning", "font-feature-settings", "font-variation-settings", "font-language-override" ], "conditions": [] }, { "selector": "button", "declarations": "cursor: pointer;", "properties": [ "cursor" ], "conditions": [] }, { "selector": "aside", "declarations": "position: fixed; inset: 0px auto 0px 0px; width: 208px; background: rgb(255, 255, 255); border-right: 1px solid rgb(225, 230, 223); padding: 30px 22px; display: flex; flex-direction: column;", "properties": [ "position", "top", "right", "bottom", "left", "width", "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-right-width", "border-right-style", "border-right-color", "padding-top", "padding-right", "padding-bottom", "padding-left", "display", "flex-direction" ], "conditions": [] }, { "selector": ".brand", "declarations": "font-size: 23px; font-weight: 700; letter-spacing: -1px; display: flex; align-items: center; gap: 12px;", "properties": [ "font-size", "font-weight", "letter-spacing", "display", "align-items", "row-gap", "column-gap" ], "conditions": [] }, { "selector": ".brand svg", "declarations": "width: 28px; height: 28px;", "properties": [ "width", "height" ], "conditions": [] }, { "selector": "nav", "declarations": "margin-top: 54px; display: grid; gap: 9px;", "properties": [ "margin-top", "display", "row-gap", "column-gap" ], "conditions": [] }, { "selector": "nav a", "declarations": "display: flex; gap: 12px; padding: 12px; color: rgb(88, 99, 93); text-decoration: none; font-size: 14px; border-radius: 6px;", "properties": [ "display", "row-gap", "column-gap", "padding-top", "padding-right", "padding-bottom", "padding-left", "color", "text-decoration-line", "text-decoration-thickness", "text-decoration-style", "text-decoration-color", "font-size", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius" ], "conditions": [] }, { "selector": "nav a.selected", "declarations": "background: rgb(230, 241, 233); color: rgb(18, 95, 75); font-weight: 700;", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "color", "font-weight" ], "conditions": [] }, { "selector": ".workspace", "declarations": "margin-top: auto; font-size: 12px; border-top: 1px solid rgb(225, 230, 223); padding-top: 20px; line-height: 1.8; color: rgb(88, 99, 93);", "properties": [ "margin-top", "font-size", "border-top-width", "border-top-style", "border-top-color", "padding-top", "line-height", "color" ], "conditions": [] }, { "selector": ".workspace b", "declarations": "display: block; color: rgb(23, 27, 26);", "properties": [ "display", "color" ], "conditions": [] }, { "selector": "main", "declarations": "margin-left: 208px; padding: 36px 48px 40px; max-width: 1600px;", "properties": [ "margin-left", "padding-top", "padding-right", "padding-bottom", "padding-left", "max-width" ], "conditions": [] }, { "selector": ".top", "declarations": "display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgb(220, 227, 217); padding-bottom: 24px; font-size: 13px; color: rgb(88, 99, 93);", "properties": [ "display", "justify-content", "align-items", "border-bottom-width", "border-bottom-style", "border-bottom-color", "padding-bottom", "font-size", "color" ], "conditions": [] }, { "selector": ".avatar", "declarations": "display: inline-grid; place-items: center; background: rgb(221, 233, 221); color: rgb(23, 75, 57); border-radius: 100%; width: 34px; height: 34px; margin-left: 12px; font-weight: bold;", "properties": [ "display", "align-items", "justify-items", "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "color", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "width", "height", "margin-left", "font-weight" ], "conditions": [] }, { "selector": ".intro", "declarations": "display: flex; align-items: center; justify-content: space-between; margin: 44px 0px 30px;", "properties": [ "display", "align-items", "justify-content", "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [] }, { "selector": ".eyebrow", "declarations": "font-size: 11px; text-transform: uppercase; letter-spacing: 1.8px; color: rgb(88, 99, 93); margin: 0px 0px 12px;", "properties": [ "font-size", "text-transform", "letter-spacing", "color", "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [] }, { "selector": "h1", "declarations": "font-size: 34px; letter-spacing: -1.5px; margin: 0px 0px 10px; font-weight: 600;", "properties": [ "font-size", "letter-spacing", "margin-top", "margin-right", "margin-bottom", "margin-left", "font-weight" ], "conditions": [] }, { "selector": ".description", "declarations": "font-size: 14px; color: rgb(88, 99, 93); margin: 0px; line-height: 1.7;", "properties": [ "font-size", "color", "margin-top", "margin-right", "margin-bottom", "margin-left", "line-height" ], "conditions": [] }, { "selector": ".primary", "declarations": "background: rgb(0, 107, 85); color: rgb(255, 255, 255); border: 0px; padding: 13px 18px; border-radius: 6px; font-size: 13px; font-weight: bold;", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "color", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "padding-top", "padding-right", "padding-bottom", "padding-left", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "font-size", "font-weight" ], "conditions": [] }, { "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "selector": ".stats", "declarations": "display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 34px;", "properties": [ "display", "grid-template-columns", "row-gap", "column-gap", "margin-bottom" ], "conditions": [] }, { "selector": ".stat", "declarations": "background: rgb(255, 255, 255); border: 1px solid rgb(225, 230, 223); border-radius: 9px; padding: 20px;", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [] }, { "selector": ".stat p", "declarations": "font-size: 12px; color: rgb(88, 99, 93); margin: 0px 0px 13px;", "properties": [ "font-size", "color", "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [] }, { "selector": ".stat strong", "declarations": "font-size: 29px; font-weight: 500; letter-spacing: -1px;", "properties": [ "font-size", "font-weight", "letter-spacing" ], "conditions": [] }, { "selector": ".stat span", "declarations": "font-size: 11px; margin-left: 12px; color: rgb(0, 107, 85);", "properties": [ "font-size", "margin-left", "color" ], "conditions": [] }, { "selector": ".section-heading", "declarations": "display: flex; justify-content: space-between; align-items: center; margin: 0px 0px 18px;", "properties": [ "display", "justify-content", "align-items", "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [] }, { "selector": ".section-heading h2", "declarations": "font-size: 17px; letter-spacing: -0.4px; margin: 0px;", "properties": [ "font-size", "letter-spacing", "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [] }, { "selector": ".filters", "declarations": "display: flex; gap: 6px;", "properties": [ "display", "row-gap", "column-gap" ], "conditions": [] }, { "selector": ".filter", "declarations": "background: transparent; border: 0px; padding: 8px 12px; font-size: 12px; color: rgb(88, 99, 93); border-radius: 5px;", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "padding-top", "padding-right", "padding-bottom", "padding-left", "font-size", "color", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius" ], "conditions": [] }, { "selector": ".filter.selected", "declarations": "background: rgb(224, 233, 223); color: rgb(37, 75, 56);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "color" ], "conditions": [] }, { "selector": ".projects", "declarations": "display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px;", "properties": [ "display", "grid-template-columns", "row-gap", "column-gap" ], "conditions": [] }, { "selector": ".project", "declarations": "background: rgb(255, 255, 255); border: 1px solid rgb(225, 230, 223); border-radius: 10px; overflow: hidden; transition: transform 240ms, box-shadow 240ms; position: relative;", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "overflow-x", "overflow-y", "transition-behavior", "transition-duration", "transition-timing-function", "transition-delay", "transition-property", "position" ], "conditions": [] }, { "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "selector": ".art", "declarations": "height: 130px; display: grid; place-items: center; overflow: hidden; position: relative;", "properties": [ "height", "display", "align-items", "justify-items", "overflow-x", "overflow-y", "position" ], "conditions": [] }, { "selector": ".art-one", "declarations": "background: rgb(224, 234, 218);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "selector": ".art-two", "declarations": "background: rgb(230, 226, 215);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "selector": ".art-three", "declarations": "background: rgb(224, 232, 233);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "selector": ".orb", "declarations": "border: 1px solid rgb(145, 169, 139); border-radius: 50%; width: 88px; height: 88px; position: relative; transform: rotate(-25deg);", "properties": [ "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "width", "height", "position", "transform" ], "conditions": [] }, { "selector": ".orb::before, .orb::after", "declarations": "content: \"\"; position: absolute; border: 1px solid rgb(145, 169, 139); border-radius: 50%; inset: 0px 18px;", "properties": [ "content", "position", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "top", "right", "bottom", "left" ], "conditions": [] }, { "selector": ".orb::after", "declarations": "inset: 18px 0px;", "properties": [ "top", "right", "bottom", "left" ], "conditions": [] }, { "selector": ".tiles", "declarations": "display: grid; grid-template-columns: repeat(3, 24px); gap: 6px; transform: rotate(-12deg);", "properties": [ "display", "grid-template-columns", "row-gap", "column-gap", "transform" ], "conditions": [] }, { "selector": ".tiles i", "declarations": "width: 24px; height: 24px; background: rgb(180, 169, 147); border-radius: 3px;", "properties": [ "width", "height", "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius" ], "conditions": [] }, { "selector": ".tiles i:nth-child(2n)", "declarations": "background: rgb(204, 194, 177);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "selector": ".arcs", "declarations": "width: 88px; height: 88px; position: relative; border: 14px solid rgb(155, 179, 179); border-radius: 50% 50% 0px; transform: rotate(45deg);", "properties": [ "width", "height", "position", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "transform" ], "conditions": [] }, { "selector": ".arcs::after", "declarations": "content: \"\"; position: absolute; inset: 10px; background: rgb(196, 210, 208); border-radius: 50%;", "properties": [ "content", "position", "top", "right", "bottom", "left", "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius" ], "conditions": [] }, { "selector": ".project-content", "declarations": "padding: 20px;", "properties": [ "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [] }, { "selector": ".project h3", "declarations": "font-size: 15px; margin: 0px 0px 7px; letter-spacing: -0.25px;", "properties": [ "font-size", "margin-top", "margin-right", "margin-bottom", "margin-left", "letter-spacing" ], "conditions": [] }, { "selector": ".project p", "declarations": "font-size: 12px; color: rgb(88, 99, 93); line-height: 1.6; margin: 0px;", "properties": [ "font-size", "color", "line-height", "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [] }, { "selector": ".project-foot", "declarations": "margin-top: 24px; display: flex; align-items: center; justify-content: space-between;", "properties": [ "margin-top", "display", "align-items", "justify-content" ], "conditions": [] }, { "selector": ".badge", "declarations": "font-size: 10px; padding: 5px 7px; background: rgb(237, 243, 233); border-radius: 4px; color: rgb(66, 98, 56);", "properties": [ "font-size", "padding-top", "padding-right", "padding-bottom", "padding-left", "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "color" ], "conditions": [] }, { "selector": ".badge.review", "declarations": "background: rgb(245, 237, 220); color: rgb(121, 89, 25);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "color" ], "conditions": [] }, { "selector": ".arrow", "declarations": "transition: transform 240ms; display: block; color: rgb(88, 99, 93);", "properties": [ "transition-behavior", "transition-duration", "transition-timing-function", "transition-delay", "transition-property", "display", "color" ], "conditions": [] }, { "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "selector": ".activity", "declarations": "margin-top: 32px; border-top: 1px solid rgb(220, 227, 217); padding-top: 20px; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: rgb(88, 99, 93);", "properties": [ "margin-top", "border-top-width", "border-top-style", "border-top-color", "padding-top", "display", "align-items", "justify-content", "font-size", "color" ], "conditions": [] }, { "selector": ".activity strong", "declarations": "color: rgb(23, 27, 26); font-weight: 500;", "properties": [ "color", "font-weight" ], "conditions": [] }, { "selector": ".mobile-nav", "declarations": "display: none;", "properties": [ "display" ], "conditions": [] }, { "selector": "aside", "declarations": "width: 170px; padding: 28px 18px;", "properties": [ "width", "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": "main", "declarations": "margin-left: 170px; padding: 30px 26px;", "properties": [ "margin-left", "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".projects", "declarations": "grid-template-columns: 1fr 1fr;", "properties": [ "grid-template-columns" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".project:last-child", "declarations": "grid-column: 1 / -1;", "properties": [ "grid-column-start", "grid-column-end" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".project:last-child .art", "declarations": "height: 110px;", "properties": [ "height" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".intro", "declarations": "margin-top: 32px;", "properties": [ "margin-top" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stats", "declarations": "gap: 10px;", "properties": [ "row-gap", "column-gap" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stat", "declarations": "padding: 16px;", "properties": [ "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stat span", "declarations": "display: block; margin: 6px 0px 0px;", "properties": [ "display", "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".top", "declarations": "font-size: 12px;", "properties": [ "font-size" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": "aside", "declarations": "display: none;", "properties": [ "display" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": "main", "declarations": "margin: 0px; padding: 22px 20px;", "properties": [ "margin-top", "margin-right", "margin-bottom", "margin-left", "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".mobile-nav", "declarations": "display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid rgb(220, 227, 217);", "properties": [ "display", "align-items", "justify-content", "font-size", "font-weight", "padding-bottom", "border-bottom-width", "border-bottom-style", "border-bottom-color" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".mobile-nav button", "declarations": "border: 1px solid rgb(200, 212, 197); background: transparent; border-radius: 5px; font-size: 12px; padding: 8px 12px; color: rgb(37, 75, 56);", "properties": [ "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "font-size", "padding-top", "padding-right", "padding-bottom", "padding-left", "color" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".top", "declarations": "padding: 18px 0px;", "properties": [ "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".intro", "declarations": "margin: 28px 0px 22px; display: block;", "properties": [ "margin-top", "margin-right", "margin-bottom", "margin-left", "display" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": "h1", "declarations": "font-size: 29px;", "properties": [ "font-size" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".primary", "declarations": "margin-top: 18px;", "properties": [ "margin-top" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stats", "declarations": "gap: 8px; margin-bottom: 28px;", "properties": [ "row-gap", "column-gap", "margin-bottom" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stat", "declarations": "padding: 13px 10px;", "properties": [ "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stat p", "declarations": "font-size: 10px;", "properties": [ "font-size" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stat strong", "declarations": "font-size: 24px;", "properties": [ "font-size" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stat span", "declarations": "font-size: 9px;", "properties": [ "font-size" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".projects", "declarations": "grid-template-columns: 1fr;", "properties": [ "grid-template-columns" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".project:last-child", "declarations": "grid-column: auto;", "properties": [ "grid-column-start", "grid-column-end" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".art, .project:last-child .art", "declarations": "height: 155px;", "properties": [ "height" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".section-heading", "declarations": "align-items: flex-start; gap: 12px;", "properties": [ "align-items", "row-gap", "column-gap" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".section-heading h2", "declarations": "font-size: 16px; padding-top: 6px;", "properties": [ "font-size", "padding-top" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".filter", "declarations": "padding: 7px 8px; font-size: 10px;", "properties": [ "padding-top", "padding-right", "padding-bottom", "padding-left", "font-size" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".activity", "declarations": "align-items: flex-start; gap: 15px; line-height: 1.8;", "properties": [ "align-items", "row-gap", "column-gap", "line-height" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".activity span:last-child", "declarations": "white-space: nowrap;", "properties": [ "white-space-collapse", "text-wrap-mode" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".project, .arrow", "declarations": "transition: none;", "properties": [ "transition-behavior", "transition-duration", "transition-timing-function", "transition-delay", "transition-property" ], "conditions": [ { "text": "(prefers-reduced-motion: reduce)", "type": "CSSMediaRule", "matches": true } ] } ], "cssText": ":root { font-family: Arial, Helvetica, sans-serif; color: rgb(23, 27, 26); background: rgb(243, 245, 241); font-synthesis: none; }\n* { box-sizing: border-box; }\nbody { margin: 0px; }\nbutton, a { font: inherit; }\nbutton { cursor: pointer; }\naside { position: fixed; inset: 0px auto 0px 0px; width: 208px; background: rgb(255, 255, 255); border-right: 1px solid rgb(225, 230, 223); padding: 30px 22px; display: flex; flex-direction: column; }\n.brand { font-size: 23px; font-weight: 700; letter-spacing: -1px; display: flex; align-items: center; gap: 12px; }\n.brand svg { width: 28px; height: 28px; }\nnav { margin-top: 54px; display: grid; gap: 9px; }\nnav a { display: flex; gap: 12px; padding: 12px; color: rgb(88, 99, 93); text-decoration: none; font-size: 14px; border-radius: 6px; }\nnav a.selected { background: rgb(230, 241, 233); color: rgb(18, 95, 75); font-weight: 700; }\n.workspace { margin-top: auto; font-size: 12px; border-top: 1px solid rgb(225, 230, 223); padding-top: 20px; line-height: 1.8; color: rgb(88, 99, 93); }\n.workspace b { display: block; color: rgb(23, 27, 26); }\nmain { margin-left: 208px; padding: 36px 48px 40px; max-width: 1600px; }\n.top { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgb(220, 227, 217); padding-bottom: 24px; font-size: 13px; color: rgb(88, 99, 93); }\n.avatar { display: inline-grid; place-items: center; background: rgb(221, 233, 221); color: rgb(23, 75, 57); border-radius: 100%; width: 34px; height: 34px; margin-left: 12px; font-weight: bold; }\n.intro { display: flex; align-items: center; justify-content: space-between; margin: 44px 0px 30px; }\n.eyebrow { font-size: 11px; text-transform: uppercase; letter-spacing: 1.8px; color: rgb(88, 99, 93); margin: 0px 0px 12px; }\nh1 { font-size: 34px; letter-spacing: -1.5px; margin: 0px 0px 10px; font-weight: 600; }\n.description { font-size: 14px; color: rgb(88, 99, 93); margin: 0px; line-height: 1.7; }\n.primary { background: rgb(0, 107, 85); color: rgb(255, 255, 255); border: 0px; padding: 13px 18px; border-radius: 6px; font-size: 13px; font-weight: bold; }\n.primary:hover { background: rgb(0, 79, 63); }\n.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 34px; }\n.stat { background: rgb(255, 255, 255); border: 1px solid rgb(225, 230, 223); border-radius: 9px; padding: 20px; }\n.stat p { font-size: 12px; color: rgb(88, 99, 93); margin: 0px 0px 13px; }\n.stat strong { font-size: 29px; font-weight: 500; letter-spacing: -1px; }\n.stat span { font-size: 11px; margin-left: 12px; color: rgb(0, 107, 85); }\n.section-heading { display: flex; justify-content: space-between; align-items: center; margin: 0px 0px 18px; }\n.section-heading h2 { font-size: 17px; letter-spacing: -0.4px; margin: 0px; }\n.filters { display: flex; gap: 6px; }\n.filter { background: transparent; border: 0px; padding: 8px 12px; font-size: 12px; color: rgb(88, 99, 93); border-radius: 5px; }\n.filter.selected { background: rgb(224, 233, 223); color: rgb(37, 75, 56); }\n.projects { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; }\n.project { background: rgb(255, 255, 255); border: 1px solid rgb(225, 230, 223); border-radius: 10px; overflow: hidden; transition: transform 240ms, box-shadow 240ms; position: relative; }\n.project:hover { transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px; }\n.art { height: 130px; display: grid; place-items: center; overflow: hidden; position: relative; }\n.art-one { background: rgb(224, 234, 218); }\n.art-two { background: rgb(230, 226, 215); }\n.art-three { background: rgb(224, 232, 233); }\n.orb { border: 1px solid rgb(145, 169, 139); border-radius: 50%; width: 88px; height: 88px; position: relative; transform: rotate(-25deg); }\n.orb::before, .orb::after { content: \"\"; position: absolute; border: 1px solid rgb(145, 169, 139); border-radius: 50%; inset: 0px 18px; }\n.orb::after { inset: 18px 0px; }\n.tiles { display: grid; grid-template-columns: repeat(3, 24px); gap: 6px; transform: rotate(-12deg); }\n.tiles i { width: 24px; height: 24px; background: rgb(180, 169, 147); border-radius: 3px; }\n.tiles i:nth-child(2n) { background: rgb(204, 194, 177); }\n.arcs { width: 88px; height: 88px; position: relative; border: 14px solid rgb(155, 179, 179); border-radius: 50% 50% 0px; transform: rotate(45deg); }\n.arcs::after { content: \"\"; position: absolute; inset: 10px; background: rgb(196, 210, 208); border-radius: 50%; }\n.project-content { padding: 20px; }\n.project h3 { font-size: 15px; margin: 0px 0px 7px; letter-spacing: -0.25px; }\n.project p { font-size: 12px; color: rgb(88, 99, 93); line-height: 1.6; margin: 0px; }\n.project-foot { margin-top: 24px; display: flex; align-items: center; justify-content: space-between; }\n.badge { font-size: 10px; padding: 5px 7px; background: rgb(237, 243, 233); border-radius: 4px; color: rgb(66, 98, 56); }\n.badge.review { background: rgb(245, 237, 220); color: rgb(121, 89, 25); }\n.arrow { transition: transform 240ms; display: block; color: rgb(88, 99, 93); }\n.project:hover .arrow { transform: translateX(4px); }\n.activity { margin-top: 32px; border-top: 1px solid rgb(220, 227, 217); padding-top: 20px; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: rgb(88, 99, 93); }\n.activity strong { color: rgb(23, 27, 26); font-weight: 500; }\n.mobile-nav { display: none; }\n@media (max-width: 1000px) {\n aside { width: 170px; padding: 28px 18px; }\n main { margin-left: 170px; padding: 30px 26px; }\n .projects { grid-template-columns: 1fr 1fr; }\n .project:last-child { grid-column: 1 / -1; }\n .project:last-child .art { height: 110px; }\n .intro { margin-top: 32px; }\n .stats { gap: 10px; }\n .stat { padding: 16px; }\n .stat span { display: block; margin: 6px 0px 0px; }\n .top { font-size: 12px; }\n}\n@media (max-width: 600px) {\n aside { display: none; }\n main { margin: 0px; padding: 22px 20px; }\n .mobile-nav { display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid rgb(220, 227, 217); }\n .mobile-nav button { border: 1px solid rgb(200, 212, 197); background: transparent; border-radius: 5px; font-size: 12px; padding: 8px 12px; color: rgb(37, 75, 56); }\n .top { padding: 18px 0px; }\n .intro { margin: 28px 0px 22px; display: block; }\n h1 { font-size: 29px; }\n .primary { margin-top: 18px; }\n .stats { gap: 8px; margin-bottom: 28px; }\n .stat { padding: 13px 10px; }\n .stat p { font-size: 10px; }\n .stat strong { font-size: 24px; }\n .stat span { font-size: 9px; }\n .projects { grid-template-columns: 1fr; }\n .project:last-child { grid-column: auto; }\n .art, .project:last-child .art { height: 155px; }\n .section-heading { align-items: flex-start; gap: 12px; }\n .section-heading h2 { font-size: 16px; padding-top: 6px; }\n .filter { padding: 7px 8px; font-size: 10px; }\n .activity { align-items: flex-start; gap: 15px; line-height: 1.8; }\n .activity span:last-child { white-space: nowrap; }\n}\n@media (prefers-reduced-motion: reduce) {\n .project, .arrow { transition: none; }\n}", "sha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" } }, { "href": "https://rebuildo.invalid/source.html", "scope": "cdp", "cssText": "\n:root{font-family:Arial,Helvetica,sans-serif;color:#171b1a;background:#f3f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer}aside{position:fixed;inset:0 auto 0 0;width:208px;background:#fff;border-right:1px solid #e1e6df;padding:30px 22px;display:flex;flex-direction:column}.brand{font-size:23px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.brand svg{width:28px;height:28px}nav{margin-top:54px;display:grid;gap:9px}nav a{display:flex;gap:12px;padding:12px;color:#58635d;text-decoration:none;font-size:14px;border-radius:6px}nav a.selected{background:#e6f1e9;color:#125f4b;font-weight:700}.workspace{margin-top:auto;font-size:12px;border-top:1px solid #e1e6df;padding-top:20px;line-height:1.8;color:#58635d}.workspace b{display:block;color:#171b1a}main{margin-left:208px;padding:36px 48px 40px;max-width:1600px}.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce3d9;padding-bottom:24px;font-size:13px;color:#58635d}.avatar{display:inline-grid;place-items:center;background:#dde9dd;color:#174b39;border-radius:100%;width:34px;height:34px;margin-left:12px;font-weight:bold}.intro{display:flex;align-items:center;justify-content:space-between;margin:44px 0 30px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:#58635d;margin:0 0 12px}h1{font-size:34px;letter-spacing:-1.5px;margin:0 0 10px;font-weight:600}.description{font-size:14px;color:#58635d;margin:0;line-height:1.7}.primary{background:#006b55;color:#fff;border:0;padding:13px 18px;border-radius:6px;font-size:13px;font-weight:bold}.primary:hover{background:#004f3f}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:34px}.stat{background:#fff;border:1px solid #e1e6df;border-radius:9px;padding:20px}.stat p{font-size:12px;color:#58635d;margin:0 0 13px}.stat strong{font-size:29px;font-weight:500;letter-spacing:-1px}.stat span{font-size:11px;margin-left:12px;color:#006b55}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.section-heading h2{font-size:17px;letter-spacing:-.4px;margin:0}.filters{display:flex;gap:6px}.filter{background:transparent;border:0;padding:8px 12px;font-size:12px;color:#58635d;border-radius:5px}.filter.selected{background:#e0e9df;color:#254b38}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project{background:#fff;border:1px solid #e1e6df;border-radius:10px;overflow:hidden;transition:transform 240ms ease,box-shadow 240ms ease;position:relative}.project:hover{transform:translateY(-4px);box-shadow:0 12px 24px #173c2314}.art{height:130px;display:grid;place-items:center;overflow:hidden;position:relative}.art-one{background:#e0eada}.art-two{background:#e6e2d7}.art-three{background:#e0e8e9}.orb{border:1px solid #91a98b;border-radius:50%;width:88px;height:88px;position:relative;transform:rotate(-25deg)}.orb:before,.orb:after{content:\"\";position:absolute;border:1px solid #91a98b;border-radius:50%;inset:0 18px}.orb:after{inset:18px 0}.tiles{display:grid;grid-template-columns:repeat(3,24px);gap:6px;transform:rotate(-12deg)}.tiles i{width:24px;height:24px;background:#b4a993;border-radius:3px}.tiles i:nth-child(even){background:#ccc2b1}.arcs{width:88px;height:88px;position:relative;border:14px solid #9bb3b3;border-radius:50% 50% 0 50%;transform:rotate(45deg)}.arcs:after{content:\"\";position:absolute;inset:10px;background:#c4d2d0;border-radius:50%}.project-content{padding:20px}.project h3{font-size:15px;margin:0 0 7px;letter-spacing:-.25px}.project p{font-size:12px;color:#58635d;line-height:1.6;margin:0}.project-foot{margin-top:24px;display:flex;align-items:center;justify-content:space-between}.badge{font-size:10px;padding:5px 7px;background:#edf3e9;border-radius:4px;color:#426238}.badge.review{background:#f5eddc;color:#795919}.arrow{transition:transform 240ms ease;display:block;color:#58635d}.project:hover .arrow{transform:translateX(4px)}.activity{margin-top:32px;border-top:1px solid #dce3d9;padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#58635d}.activity strong{color:#171b1a;font-weight:500}.mobile-nav{display:none}@media(max-width:1000px){aside{width:170px;padding:28px 18px}main{margin-left:170px;padding:30px 26px}.projects{grid-template-columns:1fr 1fr}.project:last-child{grid-column:1/-1}.project:last-child .art{height:110px}.intro{margin-top:32px}.stats{gap:10px}.stat{padding:16px}.stat span{display:block;margin:6px 0 0}.top{font-size:12px}}@media(max-width:600px){aside{display:none}main{margin:0;padding:22px 20px}.mobile-nav{display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:bold;padding-bottom:20px;border-bottom:1px solid #dce3d9}.mobile-nav button{border:1px solid #c8d4c5;background:transparent;border-radius:5px;font-size:12px;padding:8px 12px;color:#254b38}.top{padding:18px 0}.intro{margin:28px 0 22px;display:block}h1{font-size:29px}.primary{margin-top:18px}.stats{gap:8px;margin-bottom:28px}.stat{padding:13px 10px}.stat p{font-size:10px}.stat strong{font-size:24px}.stat span{font-size:9px}.projects{grid-template-columns:1fr}.project:last-child{grid-column:auto}.art,.project:last-child .art{height:155px}.section-heading{align-items:flex-start;gap:12px}.section-heading h2{font-size:16px;padding-top:6px}.filter{padding:7px 8px;font-size:10px}.activity{align-items:flex-start;gap:15px;line-height:1.8}.activity span:last-child{white-space:nowrap}}@media(prefers-reduced-motion:reduce){.project,.arrow{transition:none}}\n", "rules": [ { "selector": ":root", "declarations": "font-family: Arial, Helvetica, sans-serif; color: rgb(23, 27, 26); background: rgb(243, 245, 241); font-synthesis: none;", "properties": [ "font-family", "color", "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "font-synthesis-weight", "font-synthesis-style", "font-synthesis-small-caps" ], "conditions": [] }, { "selector": "*", "declarations": "box-sizing: border-box;", "properties": [ "box-sizing" ], "conditions": [] }, { "selector": "body", "declarations": "margin: 0px;", "properties": [ "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [] }, { "selector": "button, a", "declarations": "font: inherit;", "properties": [ "font-style", "font-variant-ligatures", "font-variant-caps", "font-variant-numeric", "font-variant-east-asian", "font-variant-alternates", "font-variant-position", "font-variant-emoji", "font-weight", "font-stretch", "font-size", "line-height", "font-family", "font-optical-sizing", "font-size-adjust", "font-kerning", "font-feature-settings", "font-variation-settings", "font-language-override" ], "conditions": [] }, { "selector": "button", "declarations": "cursor: pointer;", "properties": [ "cursor" ], "conditions": [] }, { "selector": "aside", "declarations": "position: fixed; inset: 0px auto 0px 0px; width: 208px; background: rgb(255, 255, 255); border-right: 1px solid rgb(225, 230, 223); padding: 30px 22px; display: flex; flex-direction: column;", "properties": [ "position", "top", "right", "bottom", "left", "width", "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-right-width", "border-right-style", "border-right-color", "padding-top", "padding-right", "padding-bottom", "padding-left", "display", "flex-direction" ], "conditions": [] }, { "selector": ".brand", "declarations": "font-size: 23px; font-weight: 700; letter-spacing: -1px; display: flex; align-items: center; gap: 12px;", "properties": [ "font-size", "font-weight", "letter-spacing", "display", "align-items", "row-gap", "column-gap" ], "conditions": [] }, { "selector": ".brand svg", "declarations": "width: 28px; height: 28px;", "properties": [ "width", "height" ], "conditions": [] }, { "selector": "nav", "declarations": "margin-top: 54px; display: grid; gap: 9px;", "properties": [ "margin-top", "display", "row-gap", "column-gap" ], "conditions": [] }, { "selector": "nav a", "declarations": "display: flex; gap: 12px; padding: 12px; color: rgb(88, 99, 93); text-decoration: none; font-size: 14px; border-radius: 6px;", "properties": [ "display", "row-gap", "column-gap", "padding-top", "padding-right", "padding-bottom", "padding-left", "color", "text-decoration-line", "text-decoration-thickness", "text-decoration-style", "text-decoration-color", "font-size", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius" ], "conditions": [] }, { "selector": "nav a.selected", "declarations": "background: rgb(230, 241, 233); color: rgb(18, 95, 75); font-weight: 700;", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "color", "font-weight" ], "conditions": [] }, { "selector": ".workspace", "declarations": "margin-top: auto; font-size: 12px; border-top: 1px solid rgb(225, 230, 223); padding-top: 20px; line-height: 1.8; color: rgb(88, 99, 93);", "properties": [ "margin-top", "font-size", "border-top-width", "border-top-style", "border-top-color", "padding-top", "line-height", "color" ], "conditions": [] }, { "selector": ".workspace b", "declarations": "display: block; color: rgb(23, 27, 26);", "properties": [ "display", "color" ], "conditions": [] }, { "selector": "main", "declarations": "margin-left: 208px; padding: 36px 48px 40px; max-width: 1600px;", "properties": [ "margin-left", "padding-top", "padding-right", "padding-bottom", "padding-left", "max-width" ], "conditions": [] }, { "selector": ".top", "declarations": "display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgb(220, 227, 217); padding-bottom: 24px; font-size: 13px; color: rgb(88, 99, 93);", "properties": [ "display", "justify-content", "align-items", "border-bottom-width", "border-bottom-style", "border-bottom-color", "padding-bottom", "font-size", "color" ], "conditions": [] }, { "selector": ".avatar", "declarations": "display: inline-grid; place-items: center; background: rgb(221, 233, 221); color: rgb(23, 75, 57); border-radius: 100%; width: 34px; height: 34px; margin-left: 12px; font-weight: bold;", "properties": [ "display", "align-items", "justify-items", "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "color", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "width", "height", "margin-left", "font-weight" ], "conditions": [] }, { "selector": ".intro", "declarations": "display: flex; align-items: center; justify-content: space-between; margin: 44px 0px 30px;", "properties": [ "display", "align-items", "justify-content", "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [] }, { "selector": ".eyebrow", "declarations": "font-size: 11px; text-transform: uppercase; letter-spacing: 1.8px; color: rgb(88, 99, 93); margin: 0px 0px 12px;", "properties": [ "font-size", "text-transform", "letter-spacing", "color", "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [] }, { "selector": "h1", "declarations": "font-size: 34px; letter-spacing: -1.5px; margin: 0px 0px 10px; font-weight: 600;", "properties": [ "font-size", "letter-spacing", "margin-top", "margin-right", "margin-bottom", "margin-left", "font-weight" ], "conditions": [] }, { "selector": ".description", "declarations": "font-size: 14px; color: rgb(88, 99, 93); margin: 0px; line-height: 1.7;", "properties": [ "font-size", "color", "margin-top", "margin-right", "margin-bottom", "margin-left", "line-height" ], "conditions": [] }, { "selector": ".primary", "declarations": "background: rgb(0, 107, 85); color: rgb(255, 255, 255); border: 0px; padding: 13px 18px; border-radius: 6px; font-size: 13px; font-weight: bold;", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "color", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "padding-top", "padding-right", "padding-bottom", "padding-left", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "font-size", "font-weight" ], "conditions": [] }, { "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "selector": ".stats", "declarations": "display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 34px;", "properties": [ "display", "grid-template-columns", "row-gap", "column-gap", "margin-bottom" ], "conditions": [] }, { "selector": ".stat", "declarations": "background: rgb(255, 255, 255); border: 1px solid rgb(225, 230, 223); border-radius: 9px; padding: 20px;", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [] }, { "selector": ".stat p", "declarations": "font-size: 12px; color: rgb(88, 99, 93); margin: 0px 0px 13px;", "properties": [ "font-size", "color", "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [] }, { "selector": ".stat strong", "declarations": "font-size: 29px; font-weight: 500; letter-spacing: -1px;", "properties": [ "font-size", "font-weight", "letter-spacing" ], "conditions": [] }, { "selector": ".stat span", "declarations": "font-size: 11px; margin-left: 12px; color: rgb(0, 107, 85);", "properties": [ "font-size", "margin-left", "color" ], "conditions": [] }, { "selector": ".section-heading", "declarations": "display: flex; justify-content: space-between; align-items: center; margin: 0px 0px 18px;", "properties": [ "display", "justify-content", "align-items", "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [] }, { "selector": ".section-heading h2", "declarations": "font-size: 17px; letter-spacing: -0.4px; margin: 0px;", "properties": [ "font-size", "letter-spacing", "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [] }, { "selector": ".filters", "declarations": "display: flex; gap: 6px;", "properties": [ "display", "row-gap", "column-gap" ], "conditions": [] }, { "selector": ".filter", "declarations": "background: transparent; border: 0px; padding: 8px 12px; font-size: 12px; color: rgb(88, 99, 93); border-radius: 5px;", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "padding-top", "padding-right", "padding-bottom", "padding-left", "font-size", "color", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius" ], "conditions": [] }, { "selector": ".filter.selected", "declarations": "background: rgb(224, 233, 223); color: rgb(37, 75, 56);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "color" ], "conditions": [] }, { "selector": ".projects", "declarations": "display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px;", "properties": [ "display", "grid-template-columns", "row-gap", "column-gap" ], "conditions": [] }, { "selector": ".project", "declarations": "background: rgb(255, 255, 255); border: 1px solid rgb(225, 230, 223); border-radius: 10px; overflow: hidden; transition: transform 240ms, box-shadow 240ms; position: relative;", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "overflow-x", "overflow-y", "transition-behavior", "transition-duration", "transition-timing-function", "transition-delay", "transition-property", "position" ], "conditions": [] }, { "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "selector": ".art", "declarations": "height: 130px; display: grid; place-items: center; overflow: hidden; position: relative;", "properties": [ "height", "display", "align-items", "justify-items", "overflow-x", "overflow-y", "position" ], "conditions": [] }, { "selector": ".art-one", "declarations": "background: rgb(224, 234, 218);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "selector": ".art-two", "declarations": "background: rgb(230, 226, 215);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "selector": ".art-three", "declarations": "background: rgb(224, 232, 233);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "selector": ".orb", "declarations": "border: 1px solid rgb(145, 169, 139); border-radius: 50%; width: 88px; height: 88px; position: relative; transform: rotate(-25deg);", "properties": [ "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "width", "height", "position", "transform" ], "conditions": [] }, { "selector": ".orb::before, .orb::after", "declarations": "content: \"\"; position: absolute; border: 1px solid rgb(145, 169, 139); border-radius: 50%; inset: 0px 18px;", "properties": [ "content", "position", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "top", "right", "bottom", "left" ], "conditions": [] }, { "selector": ".orb::after", "declarations": "inset: 18px 0px;", "properties": [ "top", "right", "bottom", "left" ], "conditions": [] }, { "selector": ".tiles", "declarations": "display: grid; grid-template-columns: repeat(3, 24px); gap: 6px; transform: rotate(-12deg);", "properties": [ "display", "grid-template-columns", "row-gap", "column-gap", "transform" ], "conditions": [] }, { "selector": ".tiles i", "declarations": "width: 24px; height: 24px; background: rgb(180, 169, 147); border-radius: 3px;", "properties": [ "width", "height", "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius" ], "conditions": [] }, { "selector": ".tiles i:nth-child(2n)", "declarations": "background: rgb(204, 194, 177);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "selector": ".arcs", "declarations": "width: 88px; height: 88px; position: relative; border: 14px solid rgb(155, 179, 179); border-radius: 50% 50% 0px; transform: rotate(45deg);", "properties": [ "width", "height", "position", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "transform" ], "conditions": [] }, { "selector": ".arcs::after", "declarations": "content: \"\"; position: absolute; inset: 10px; background: rgb(196, 210, 208); border-radius: 50%;", "properties": [ "content", "position", "top", "right", "bottom", "left", "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius" ], "conditions": [] }, { "selector": ".project-content", "declarations": "padding: 20px;", "properties": [ "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [] }, { "selector": ".project h3", "declarations": "font-size: 15px; margin: 0px 0px 7px; letter-spacing: -0.25px;", "properties": [ "font-size", "margin-top", "margin-right", "margin-bottom", "margin-left", "letter-spacing" ], "conditions": [] }, { "selector": ".project p", "declarations": "font-size: 12px; color: rgb(88, 99, 93); line-height: 1.6; margin: 0px;", "properties": [ "font-size", "color", "line-height", "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [] }, { "selector": ".project-foot", "declarations": "margin-top: 24px; display: flex; align-items: center; justify-content: space-between;", "properties": [ "margin-top", "display", "align-items", "justify-content" ], "conditions": [] }, { "selector": ".badge", "declarations": "font-size: 10px; padding: 5px 7px; background: rgb(237, 243, 233); border-radius: 4px; color: rgb(66, 98, 56);", "properties": [ "font-size", "padding-top", "padding-right", "padding-bottom", "padding-left", "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "color" ], "conditions": [] }, { "selector": ".badge.review", "declarations": "background: rgb(245, 237, 220); color: rgb(121, 89, 25);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "color" ], "conditions": [] }, { "selector": ".arrow", "declarations": "transition: transform 240ms; display: block; color: rgb(88, 99, 93);", "properties": [ "transition-behavior", "transition-duration", "transition-timing-function", "transition-delay", "transition-property", "display", "color" ], "conditions": [] }, { "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "selector": ".activity", "declarations": "margin-top: 32px; border-top: 1px solid rgb(220, 227, 217); padding-top: 20px; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: rgb(88, 99, 93);", "properties": [ "margin-top", "border-top-width", "border-top-style", "border-top-color", "padding-top", "display", "align-items", "justify-content", "font-size", "color" ], "conditions": [] }, { "selector": ".activity strong", "declarations": "color: rgb(23, 27, 26); font-weight: 500;", "properties": [ "color", "font-weight" ], "conditions": [] }, { "selector": ".mobile-nav", "declarations": "display: none;", "properties": [ "display" ], "conditions": [] }, { "selector": "aside", "declarations": "width: 170px; padding: 28px 18px;", "properties": [ "width", "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": "main", "declarations": "margin-left: 170px; padding: 30px 26px;", "properties": [ "margin-left", "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".projects", "declarations": "grid-template-columns: 1fr 1fr;", "properties": [ "grid-template-columns" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".project:last-child", "declarations": "grid-column: 1 / -1;", "properties": [ "grid-column-start", "grid-column-end" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".project:last-child .art", "declarations": "height: 110px;", "properties": [ "height" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".intro", "declarations": "margin-top: 32px;", "properties": [ "margin-top" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stats", "declarations": "gap: 10px;", "properties": [ "row-gap", "column-gap" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stat", "declarations": "padding: 16px;", "properties": [ "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stat span", "declarations": "display: block; margin: 6px 0px 0px;", "properties": [ "display", "margin-top", "margin-right", "margin-bottom", "margin-left" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".top", "declarations": "font-size: 12px;", "properties": [ "font-size" ], "conditions": [ { "text": "(max-width: 1000px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": "aside", "declarations": "display: none;", "properties": [ "display" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": "main", "declarations": "margin: 0px; padding: 22px 20px;", "properties": [ "margin-top", "margin-right", "margin-bottom", "margin-left", "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".mobile-nav", "declarations": "display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid rgb(220, 227, 217);", "properties": [ "display", "align-items", "justify-content", "font-size", "font-weight", "padding-bottom", "border-bottom-width", "border-bottom-style", "border-bottom-color" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".mobile-nav button", "declarations": "border: 1px solid rgb(200, 212, 197); background: transparent; border-radius: 5px; font-size: 12px; padding: 8px 12px; color: rgb(37, 75, 56);", "properties": [ "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat", "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius", "font-size", "padding-top", "padding-right", "padding-bottom", "padding-left", "color" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".top", "declarations": "padding: 18px 0px;", "properties": [ "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".intro", "declarations": "margin: 28px 0px 22px; display: block;", "properties": [ "margin-top", "margin-right", "margin-bottom", "margin-left", "display" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": "h1", "declarations": "font-size: 29px;", "properties": [ "font-size" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".primary", "declarations": "margin-top: 18px;", "properties": [ "margin-top" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stats", "declarations": "gap: 8px; margin-bottom: 28px;", "properties": [ "row-gap", "column-gap", "margin-bottom" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stat", "declarations": "padding: 13px 10px;", "properties": [ "padding-top", "padding-right", "padding-bottom", "padding-left" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stat p", "declarations": "font-size: 10px;", "properties": [ "font-size" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stat strong", "declarations": "font-size: 24px;", "properties": [ "font-size" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".stat span", "declarations": "font-size: 9px;", "properties": [ "font-size" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".projects", "declarations": "grid-template-columns: 1fr;", "properties": [ "grid-template-columns" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".project:last-child", "declarations": "grid-column: auto;", "properties": [ "grid-column-start", "grid-column-end" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".art, .project:last-child .art", "declarations": "height: 155px;", "properties": [ "height" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".section-heading", "declarations": "align-items: flex-start; gap: 12px;", "properties": [ "align-items", "row-gap", "column-gap" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".section-heading h2", "declarations": "font-size: 16px; padding-top: 6px;", "properties": [ "font-size", "padding-top" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".filter", "declarations": "padding: 7px 8px; font-size: 10px;", "properties": [ "padding-top", "padding-right", "padding-bottom", "padding-left", "font-size" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".activity", "declarations": "align-items: flex-start; gap: 15px; line-height: 1.8;", "properties": [ "align-items", "row-gap", "column-gap", "line-height" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".activity span:last-child", "declarations": "white-space: nowrap;", "properties": [ "white-space-collapse", "text-wrap-mode" ], "conditions": [ { "text": "(max-width: 600px)", "type": "CSSMediaRule", "matches": false } ] }, { "selector": ".project, .arrow", "declarations": "transition: none;", "properties": [ "transition-behavior", "transition-duration", "transition-timing-function", "transition-delay", "transition-property" ], "conditions": [ { "text": "(prefers-reduced-motion: reduce)", "type": "CSSMediaRule", "matches": true } ] } ], "sha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" } } ], "scenarios": [ { "id": "auto-0535807b74fad2ae1457", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]", "htmlId": null, "testId": null, "action": "hover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] } ], "target": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] } ], "actions": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } } ], "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[2]/button[1]" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1335, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[2]/button[1]", "observedNodeId": 32, "visible": true, "text": "+   New project", "rect": { "x": 1103.875, "y": 166.890625, "width": 128.125, "height": 41 }, "styles": { "background-color": "rgb(0, 79, 63)" } } ], "frame": { "file": "interactions/desktop/auto-0535807b74fad2ae1457.0.png", "x": 0, "y": 0, "width": 161, "height": 74, "crop": { "x": 1087, "y": 150, "width": 161, "height": 74 } } } ], "actionObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } ], "preparationObservations": [], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": false, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "c556f365b4edb5ca0473b139aaf00ee88d8d1002651052dd78d882a12519b86d", "instanceCheckFingerprint": "1672f5da69bb51e1248070ac414abdd2b5189be6c7ccde7720a5d0ea9ea6a430", "captureCoverage": "full_observation", "summary": "hover on html[0]/body[1]/main[1]/section[2]/button[1] has no recorded motion definition; 1 sampled frame(s); observed." }, { "id": "auto-0535807b74fad2ae1457-leave", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]", "htmlId": null, "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] } ], "target": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } } ], "prepareAt": "end", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[2]/button[1]" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1394.2000000476837, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[2]/button[1]", "observedNodeId": 32, "visible": true, "text": "+   New project", "rect": { "x": 1103.875, "y": 166.890625, "width": 128.125, "height": 41 }, "styles": { "background-color": "rgb(0, 107, 85)" } } ], "frame": { "file": "interactions/desktop/auto-0535807b74fad2ae1457-leave.0.png", "x": 0, "y": 0, "width": 161, "height": 74, "crop": { "x": 1087, "y": 150, "width": 161, "height": 74 } } } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": false, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "18b1684550e802fd39ee28116d31a6f71ca6bcf1a564004216ce5dfd8e03f713", "instanceCheckFingerprint": "57c2d205680de3b98d6b10cc8fc8fa578abc8708132c21b75a2b4d5820554489", "captureCoverage": "full_observation", "summary": "unhover on html[0]/body[1]/main[1]/section[2]/button[1] has no recorded motion definition; 1 sampled frame(s); observed." }, { "id": "auto-0535807b74fad2ae1457-reverse", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]", "htmlId": null, "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] } ], "target": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } } ], "prepareAt": "half", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[2]/button[1]" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 952.0999999046326, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[2]/button[1]", "observedNodeId": 32, "visible": true, "text": "+   New project", "rect": { "x": 1103.875, "y": 166.890625, "width": 128.125, "height": 41 }, "styles": { "background-color": "rgb(0, 107, 85)" } } ] } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": false, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "18b1684550e802fd39ee28116d31a6f71ca6bcf1a564004216ce5dfd8e03f713", "instanceCheckFingerprint": "57c2d205680de3b98d6b10cc8fc8fa578abc8708132c21b75a2b4d5820554489", "captureCoverage": "representative_plus_instance_checks", "representativeScenarioId": "auto-0535807b74fad2ae1457-leave", "summary": "unhover on html[0]/body[1]/main[1]/section[2]/button[1] has no recorded motion definition; 1 sampled frame(s); observed." }, { "id": "auto-b25f72d8fc92bfcaf0e0", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "htmlId": "project-orbit", "testId": null, "action": "hover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-orbit" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]" } } ], "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" }, "definitions": [ { "id": "effect-0", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "box-shadow", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "boxShadow": "none", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "boxShadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-1", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "translateY(-4px)", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-2", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "translateX(4px)", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 } ], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1085.8999999761581, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 0, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 449.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px", "transform": "matrix(1, 0, 0, 1, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 450.796875, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 457.3241271972656, "width": 116.94549560546875, "height": 116.94552612304688 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 580.796875, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 600.796875, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 624.796875, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 667.984375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 667.984375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 536.609375, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 466.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 487.8747863769531, 416.65765380859375, 467.589111328125, 452.1575927734375, 543.718994140625, 408.65484619140625, 564.004638671875 ], "padding": [ 373.1549072265625, 487.8747863769531, 416.65765380859375, 467.589111328125, 452.1575927734375, 543.718994140625, 408.65484619140625, 564.004638671875 ], "border": [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ], "margin": [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 466.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "fragments": [ [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 474.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 511.79547119140625, 440.5783386230469, 476.2955322265625, 460.864013671875, 519.7982788085938, 384.7341613769531, 555.2982177734375 ], "padding": [ 364.448486328125, 511.79547119140625, 440.5783386230469, 476.2955322265625, 460.864013671875, 519.7982788085938, 384.7341613769531, 555.2982177734375 ], "border": [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ], "margin": [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 474.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "fragments": [ [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0.0.png", "x": 0, "y": 0, "width": 346, "height": 297, "crop": { "x": 240, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 60, "actualJsTimeMs": 1333.3999999761581, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 60, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 60, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 60, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 448.162841796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.03) 0px 4.90213px 9.80425px 0px", "transform": "matrix(1, 0, 0, 1, 0, -1.63404)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 449.162841796875, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 455.6900939941406, "width": 116.94549560546875, "height": 116.94546508789062 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 579.162841796875, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 599.162841796875, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 623.162841796875, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 666.350341796875, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 666.350341796875, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 538.243408203125, "y": 666.350341796875, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 1.63404, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 464.6261291503906, "width": 81.6605224609375, "height": 99.07339477539062 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 486.2407531738281, 416.65765380859375, 465.955078125, 452.1575927734375, 542.0848999023438, 408.65484619140625, 562.37060546875 ], "padding": [ 373.1549072265625, 486.2407531738281, 416.65765380859375, 465.955078125, 452.1575927734375, 542.0848999023438, 408.65484619140625, 562.37060546875 ], "border": [ 371.82598876953125, 485.7570495605469, 417.141357421875, 464.6261291503906, 453.48651123046875, 542.568603515625, 408.171142578125, 563.6995239257812 ], "margin": [ 371.82598876953125, 485.7570495605469, 417.141357421875, 464.6261291503906, 453.48651123046875, 542.568603515625, 408.171142578125, 563.6995239257812 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 464.6261291503906, "width": 81.6605224609375, "height": 99.07339477539062 }, "fragments": [ [ 371.82598876953125, 485.7570495605469, 417.141357421875, 464.6261291503906, 453.48651123046875, 542.568603515625, 408.171142578125, 563.6995239257812 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 473.3325500488281, "width": 99.0733642578125, "height": 81.66055297851562 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 510.1614074707031, 440.5783386230469, 474.6614685058594, 460.864013671875, 518.1642456054688, 384.7341613769531, 553.6641845703125 ], "padding": [ 364.448486328125, 510.1614074707031, 440.5783386230469, 474.6614685058594, 460.864013671875, 518.1642456054688, 384.7341613769531, 553.6641845703125 ], "border": [ 363.11956787109375, 509.677734375, 441.06201171875, 473.3325500488281, 462.19293212890625, 518.64794921875, 384.25048828125, 554.9931030273438 ], "margin": [ 363.11956787109375, 509.677734375, 441.06201171875, 473.3325500488281, 462.19293212890625, 518.64794921875, 384.25048828125, 554.9931030273438 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 473.3325500488281, "width": 99.0733642578125, "height": 81.66055297851562 }, "fragments": [ [ 363.11956787109375, 509.677734375, 441.06201171875, 473.3325500488281, 462.19293212890625, 518.64794921875, 384.25048828125, 554.9931030273438 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0.0.png", "x": 0, "y": 297, "width": 346, "height": 297, "crop": { "x": 240, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 120, "actualJsTimeMs": 1573.2000000476837, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 120, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 120, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 120, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 446.5872497558594, "width": 313.328125, "height": 260.1875305175781 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.063) 0px 9.62884px 19.2577px 0px", "transform": "matrix(1, 0, 0, 1, 0, -3.20961)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 447.5872497558594, "width": 311.328125, "height": 130.00003051757812 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 454.114501953125, "width": 116.94549560546875, "height": 116.94549560546875 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 577.5872802734375, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 597.5872802734375, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 621.5872802734375, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 664.7747802734375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 664.7747802734375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 539.8189697265625, "y": 664.7747802734375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 3.20961, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 463.0505676269531, "width": 81.6605224609375, "height": 99.07339477539062 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 484.6651611328125, 416.65765380859375, 464.3794860839844, 452.1575927734375, 540.5093383789062, 408.65484619140625, 560.7950439453125 ], "padding": [ 373.1549072265625, 484.6651611328125, 416.65765380859375, 464.3794860839844, 452.1575927734375, 540.5093383789062, 408.65484619140625, 560.7950439453125 ], "border": [ 371.82598876953125, 484.1814880371094, 417.141357421875, 463.0505676269531, 453.48651123046875, 540.9930419921875, 408.171142578125, 562.1239624023438 ], "margin": [ 371.82598876953125, 484.1814880371094, 417.141357421875, 463.0505676269531, 453.48651123046875, 540.9930419921875, 408.171142578125, 562.1239624023438 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 463.0505676269531, "width": 81.6605224609375, "height": 99.07339477539062 }, "fragments": [ [ 371.82598876953125, 484.1814880371094, 417.141357421875, 463.0505676269531, 453.48651123046875, 540.9930419921875, 408.171142578125, 562.1239624023438 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 471.7569885253906, "width": 99.0733642578125, "height": 81.66055297851562 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 508.5858459472656, 440.5783386230469, 473.0859069824219, 460.864013671875, 516.5886840820312, 384.7341613769531, 552.088623046875 ], "padding": [ 364.448486328125, 508.5858459472656, 440.5783386230469, 473.0859069824219, 460.864013671875, 516.5886840820312, 384.7341613769531, 552.088623046875 ], "border": [ 363.11956787109375, 508.1021423339844, 441.06201171875, 471.7569885253906, 462.19293212890625, 517.0723876953125, 384.25048828125, 553.4175415039062 ], "margin": [ 363.11956787109375, 508.1021423339844, 441.06201171875, 471.7569885253906, 462.19293212890625, 517.0723876953125, 384.25048828125, 553.4175415039062 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 471.7569885253906, "width": 99.0733642578125, "height": 81.66055297851562 }, "fragments": [ [ 363.11956787109375, 508.1021423339844, 441.06201171875, 471.7569885253906, 462.19293212890625, 517.0723876953125, 384.25048828125, 553.4175415039062 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0.0.png", "x": 0, "y": 594, "width": 346, "height": 297, "crop": { "x": 240, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 180, "actualJsTimeMs": 1776.7999999523163, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 180, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 180, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 180, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 445.9550476074219, "width": 313.328125, "height": 260.1875305175781 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.075) 0px 11.5255px 23.051px 0px", "transform": "matrix(1, 0, 0, 1, 0, -3.84184)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 446.9550476074219, "width": 311.328125, "height": 129.99996948242188 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 453.4822998046875, "width": 116.94549560546875, "height": 116.94549560546875 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 576.9550170898438, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 596.9550170898438, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 620.9550170898438, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 664.1425170898438, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 664.1425170898438, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 540.451171875, "y": 664.1425170898438, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 3.84184, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 462.4183349609375, "width": 81.6605224609375, "height": 99.0733642578125 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 484.032958984375, 416.65765380859375, 463.7472839355469, 452.1575927734375, 539.8771362304688, 408.65484619140625, 560.1627807617188 ], "padding": [ 373.1549072265625, 484.032958984375, 416.65765380859375, 463.7472839355469, 452.1575927734375, 539.8771362304688, 408.65484619140625, 560.1627807617188 ], "border": [ 371.82598876953125, 483.54925537109375, 417.141357421875, 462.4183349609375, 453.48651123046875, 540.36083984375, 408.171142578125, 561.49169921875 ], "margin": [ 371.82598876953125, 483.54925537109375, 417.141357421875, 462.4183349609375, 453.48651123046875, 540.36083984375, 408.171142578125, 561.49169921875 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 462.4183349609375, "width": 81.6605224609375, "height": 99.0733642578125 }, "fragments": [ [ 371.82598876953125, 483.54925537109375, 417.141357421875, 462.4183349609375, 453.48651123046875, 540.36083984375, 408.171142578125, 561.49169921875 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 471.124755859375, "width": 99.0733642578125, "height": 81.66058349609375 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 507.95361328125, 440.5783386230469, 472.45367431640625, 460.864013671875, 515.9564819335938, 384.7341613769531, 551.4564208984375 ], "padding": [ 364.448486328125, 507.95361328125, 440.5783386230469, 472.45367431640625, 460.864013671875, 515.9564819335938, 384.7341613769531, 551.4564208984375 ], "border": [ 363.11956787109375, 507.4699401855469, 441.06201171875, 471.124755859375, 462.19293212890625, 516.4401245117188, 384.25048828125, 552.7853393554688 ], "margin": [ 363.11956787109375, 507.4699401855469, 441.06201171875, 471.124755859375, 462.19293212890625, 516.4401245117188, 384.25048828125, 552.7853393554688 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 471.124755859375, "width": 99.0733642578125, "height": 81.66058349609375 }, "fragments": [ [ 363.11956787109375, 507.4699401855469, 441.06201171875, 471.124755859375, 462.19293212890625, 516.4401245117188, 384.25048828125, 552.7853393554688 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0.0.png", "x": 0, "y": 891, "width": 346, "height": 297, "crop": { "x": 240, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 240, "actualJsTimeMs": 2070.2999999523163, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 240, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 240, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 240, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 445.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "transform": "matrix(1, 0, 0, 1, 0, -4)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 446.796875, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 453.3241271972656, "width": 116.94549560546875, "height": 116.94552612304688 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 576.796875, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 596.796875, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 620.796875, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 663.984375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 663.984375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 540.609375, "y": 663.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 4, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 462.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 483.8747863769531, 416.65765380859375, 463.589111328125, 452.1575927734375, 539.718994140625, 408.65484619140625, 560.004638671875 ], "padding": [ 373.1549072265625, 483.8747863769531, 416.65765380859375, 463.589111328125, 452.1575927734375, 539.718994140625, 408.65484619140625, 560.004638671875 ], "border": [ 371.82598876953125, 483.39111328125, 417.141357421875, 462.26019287109375, 453.48651123046875, 540.20263671875, 408.171142578125, 561.3335571289062 ], "margin": [ 371.82598876953125, 483.39111328125, 417.141357421875, 462.26019287109375, 453.48651123046875, 540.20263671875, 408.171142578125, 561.3335571289062 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 462.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "fragments": [ [ 371.82598876953125, 483.39111328125, 417.141357421875, 462.26019287109375, 453.48651123046875, 540.20263671875, 408.171142578125, 561.3335571289062 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 470.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 507.79547119140625, 440.5783386230469, 472.2955322265625, 460.864013671875, 515.7982788085938, 384.7341613769531, 551.2982177734375 ], "padding": [ 364.448486328125, 507.79547119140625, 440.5783386230469, 472.2955322265625, 460.864013671875, 515.7982788085938, 384.7341613769531, 551.2982177734375 ], "border": [ 363.11956787109375, 507.311767578125, 441.06201171875, 470.9665832519531, 462.19293212890625, 516.281982421875, 384.25048828125, 552.6271362304688 ], "margin": [ 363.11956787109375, 507.311767578125, 441.06201171875, 470.9665832519531, 462.19293212890625, 516.281982421875, 384.25048828125, 552.6271362304688 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 470.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "fragments": [ [ 363.11956787109375, 507.311767578125, 441.06201171875, 470.9665832519531, 462.19293212890625, 516.281982421875, 384.25048828125, 552.6271362304688 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0.0.png", "x": 0, "y": 1188, "width": 346, "height": 297, "crop": { "x": 240, "y": 429, "width": 346, "height": 297 } } } ], "actionObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]" } ], "preparationObservations": [], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": false, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "ce6c6985a500b26a676b9fb857d9f38f649b4929a5b8b8941fcf75aed5cc8779", "instanceCheckFingerprint": "5350ef61ab36d3a4cc7e5117932746e0655f20cdcc08b64a779d4719f8435ae0", "captureCoverage": "full_observation", "summary": "hover on html[0]/body[1]/main[1]/section[4]/div[1]/article[0] changes boxShadow, transform; duration 240 ms; 5 sampled frame(s); observed." }, { "id": "auto-b25f72d8fc92bfcaf0e0-leave", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "htmlId": "project-orbit", "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-orbit" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]" } } ], "prepareAt": "end", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" }, "definitions": [ { "id": "effect-3", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "box-shadow", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "boxShadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "boxShadow": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-4", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "translateY(-4px)", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-5", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "translateX(4px)", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 } ], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1175.6999999284744, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 0, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 445.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "transform": "matrix(1, 0, 0, 1, 0, -4)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 446.796875, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 453.3241271972656, "width": 116.94549560546875, "height": 116.94552612304688 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 576.796875, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 596.796875, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 620.796875, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 663.984375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 663.984375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 540.609375, "y": 663.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 4, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 462.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 483.8747863769531, 416.65765380859375, 463.589111328125, 452.1575927734375, 539.718994140625, 408.65484619140625, 560.004638671875 ], "padding": [ 373.1549072265625, 483.8747863769531, 416.65765380859375, 463.589111328125, 452.1575927734375, 539.718994140625, 408.65484619140625, 560.004638671875 ], "border": [ 371.82598876953125, 483.39111328125, 417.141357421875, 462.26019287109375, 453.48651123046875, 540.20263671875, 408.171142578125, 561.3335571289062 ], "margin": [ 371.82598876953125, 483.39111328125, 417.141357421875, 462.26019287109375, 453.48651123046875, 540.20263671875, 408.171142578125, 561.3335571289062 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 462.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "fragments": [ [ 371.82598876953125, 483.39111328125, 417.141357421875, 462.26019287109375, 453.48651123046875, 540.20263671875, 408.171142578125, 561.3335571289062 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 470.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 507.79547119140625, 440.5783386230469, 472.2955322265625, 460.864013671875, 515.7982788085938, 384.7341613769531, 551.2982177734375 ], "padding": [ 364.448486328125, 507.79547119140625, 440.5783386230469, 472.2955322265625, 460.864013671875, 515.7982788085938, 384.7341613769531, 551.2982177734375 ], "border": [ 363.11956787109375, 507.311767578125, 441.06201171875, 470.9665832519531, 462.19293212890625, 516.281982421875, 384.25048828125, 552.6271362304688 ], "margin": [ 363.11956787109375, 507.311767578125, 441.06201171875, 470.9665832519531, 462.19293212890625, 516.281982421875, 384.25048828125, 552.6271362304688 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 470.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "fragments": [ [ 363.11956787109375, 507.311767578125, 441.06201171875, 470.9665832519531, 462.19293212890625, 516.281982421875, 384.25048828125, 552.6271362304688 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0-leave.0.png", "x": 0, "y": 0, "width": 346, "height": 297, "crop": { "x": 240, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 60, "actualJsTimeMs": 1505.2999999523163, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 60, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 60, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 60, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 447.430908203125, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.047) 0px 7.09787px 14.1957px 0px", "transform": "matrix(1, 0, 0, 1, 0, -2.36596)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 448.430908203125, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 454.9581604003906, "width": 116.94549560546875, "height": 116.94552612304688 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 578.430908203125, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 598.430908203125, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 622.430908203125, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 665.618408203125, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 665.618408203125, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 538.975341796875, "y": 665.618408203125, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 2.36596, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 463.89422607421875, "width": 81.6605224609375, "height": 99.0733642578125 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 485.5088195800781, 416.65765380859375, 465.22314453125, 452.1575927734375, 541.35302734375, 408.65484619140625, 561.638671875 ], "padding": [ 373.1549072265625, 485.5088195800781, 416.65765380859375, 465.22314453125, 452.1575927734375, 541.35302734375, 408.65484619140625, 561.638671875 ], "border": [ 371.82598876953125, 485.025146484375, 417.141357421875, 463.89422607421875, 453.48651123046875, 541.836669921875, 408.171142578125, 562.9675903320312 ], "margin": [ 371.82598876953125, 485.025146484375, 417.141357421875, 463.89422607421875, 453.48651123046875, 541.836669921875, 408.171142578125, 562.9675903320312 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 463.89422607421875, "width": 81.6605224609375, "height": 99.0733642578125 }, "fragments": [ [ 371.82598876953125, 485.025146484375, 417.141357421875, 463.89422607421875, 453.48651123046875, 541.836669921875, 408.171142578125, 562.9675903320312 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 472.60064697265625, "width": 99.0733642578125, "height": 81.6605224609375 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 509.42950439453125, 440.5783386230469, 473.9295654296875, 460.864013671875, 517.4323120117188, 384.7341613769531, 552.9322509765625 ], "padding": [ 364.448486328125, 509.42950439453125, 440.5783386230469, 473.9295654296875, 460.864013671875, 517.4323120117188, 384.7341613769531, 552.9322509765625 ], "border": [ 363.11956787109375, 508.94580078125, 441.06201171875, 472.60064697265625, 462.19293212890625, 517.916015625, 384.25048828125, 554.2611694335938 ], "margin": [ 363.11956787109375, 508.94580078125, 441.06201171875, 472.60064697265625, 462.19293212890625, 517.916015625, 384.25048828125, 554.2611694335938 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 472.60064697265625, "width": 99.0733642578125, "height": 81.6605224609375 }, "fragments": [ [ 363.11956787109375, 508.94580078125, 441.06201171875, 472.60064697265625, 462.19293212890625, 517.916015625, 384.25048828125, 554.2611694335938 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0-leave.0.png", "x": 0, "y": 297, "width": 346, "height": 297, "crop": { "x": 240, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 120, "actualJsTimeMs": 1845.1000000238419, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 120, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 120, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 120, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 449.0065002441406, "width": 313.328125, "height": 260.1874694824219 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.016) 0px 2.37116px 4.74232px 0px", "transform": "matrix(1, 0, 0, 1, 0, -0.790386)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 450.0065002441406, "width": 311.328125, "height": 129.99996948242188 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 456.53375244140625, "width": 116.94549560546875, "height": 116.94549560546875 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 580.0064697265625, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 600.0064697265625, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 624.0064697265625, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 667.1939697265625, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 667.1939697265625, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 537.3997802734375, "y": 667.1939697265625, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0.790386, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 465.46978759765625, "width": 81.6605224609375, "height": 99.0733642578125 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 487.08441162109375, 416.65765380859375, 466.7987365722656, 452.1575927734375, 542.9285888671875, 408.65484619140625, 563.2142333984375 ], "padding": [ 373.1549072265625, 487.08441162109375, 416.65765380859375, 466.7987365722656, 452.1575927734375, 542.9285888671875, 408.65484619140625, 563.2142333984375 ], "border": [ 371.82598876953125, 486.6007080078125, 417.141357421875, 465.46978759765625, 453.48651123046875, 543.4122314453125, 408.171142578125, 564.5431518554688 ], "margin": [ 371.82598876953125, 486.6007080078125, 417.141357421875, 465.46978759765625, 453.48651123046875, 543.4122314453125, 408.171142578125, 564.5431518554688 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 465.46978759765625, "width": 81.6605224609375, "height": 99.0733642578125 }, "fragments": [ [ 371.82598876953125, 486.6007080078125, 417.141357421875, 465.46978759765625, 453.48651123046875, 543.4122314453125, 408.171142578125, 564.5431518554688 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 474.17620849609375, "width": 99.0733642578125, "height": 81.66058349609375 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 511.00506591796875, 440.5783386230469, 475.505126953125, 460.864013671875, 519.0079345703125, 384.7341613769531, 554.5078125 ], "padding": [ 364.448486328125, 511.00506591796875, 440.5783386230469, 475.505126953125, 460.864013671875, 519.0079345703125, 384.7341613769531, 554.5078125 ], "border": [ 363.11956787109375, 510.5213623046875, 441.06201171875, 474.17620849609375, 462.19293212890625, 519.4915771484375, 384.25048828125, 555.8367919921875 ], "margin": [ 363.11956787109375, 510.5213623046875, 441.06201171875, 474.17620849609375, 462.19293212890625, 519.4915771484375, 384.25048828125, 555.8367919921875 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 474.17620849609375, "width": 99.0733642578125, "height": 81.66058349609375 }, "fragments": [ [ 363.11956787109375, 510.5213623046875, 441.06201171875, 474.17620849609375, 462.19293212890625, 519.4915771484375, 384.25048828125, 555.8367919921875 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0-leave.0.png", "x": 0, "y": 594, "width": 346, "height": 297, "crop": { "x": 240, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 180, "actualJsTimeMs": 2172.1999999284744, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 180, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 180, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 180, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 449.6387023925781, "width": 313.328125, "height": 260.1874694824219 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.004) 0px 0.474492px 0.948985px 0px", "transform": "matrix(1, 0, 0, 1, 0, -0.158164)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 450.6387023925781, "width": 311.328125, "height": 130.00003051757812 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 457.16595458984375, "width": 116.94549560546875, "height": 116.94549560546875 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 580.6387329101562, "width": 311.328125, "height": 128.18743896484375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 600.6387329101562, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 624.6387329101562, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 667.8262329101562, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 667.8262329101562, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 536.767578125, "y": 667.8262329101562, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0.158164, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 466.1020202636719, "width": 81.6605224609375, "height": 99.07339477539062 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 487.71661376953125, 416.65765380859375, 467.4309387207031, 452.1575927734375, 543.560791015625, 408.65484619140625, 563.8464965820312 ], "padding": [ 373.1549072265625, 487.71661376953125, 416.65765380859375, 467.4309387207031, 452.1575927734375, 543.560791015625, 408.65484619140625, 563.8464965820312 ], "border": [ 371.82598876953125, 487.2329406738281, 417.141357421875, 466.1020202636719, 453.48651123046875, 544.0444946289062, 408.171142578125, 565.1754150390625 ], "margin": [ 371.82598876953125, 487.2329406738281, 417.141357421875, 466.1020202636719, 453.48651123046875, 544.0444946289062, 408.171142578125, 565.1754150390625 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 466.1020202636719, "width": 81.6605224609375, "height": 99.07339477539062 }, "fragments": [ [ 371.82598876953125, 487.2329406738281, 417.141357421875, 466.1020202636719, 453.48651123046875, 544.0444946289062, 408.171142578125, 565.1754150390625 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 474.8084411621094, "width": 99.0733642578125, "height": 81.66055297851562 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 511.6372985839844, 440.5783386230469, 476.1373596191406, 460.864013671875, 519.64013671875, 384.7341613769531, 555.1400756835938 ], "padding": [ 364.448486328125, 511.6372985839844, 440.5783386230469, 476.1373596191406, 460.864013671875, 519.64013671875, 384.7341613769531, 555.1400756835938 ], "border": [ 363.11956787109375, 511.1535949707031, 441.06201171875, 474.8084411621094, 462.19293212890625, 520.1238403320312, 384.25048828125, 556.468994140625 ], "margin": [ 363.11956787109375, 511.1535949707031, 441.06201171875, 474.8084411621094, 462.19293212890625, 520.1238403320312, 384.25048828125, 556.468994140625 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 474.8084411621094, "width": 99.0733642578125, "height": 81.66055297851562 }, "fragments": [ [ 363.11956787109375, 511.1535949707031, 441.06201171875, 474.8084411621094, 462.19293212890625, 520.1238403320312, 384.25048828125, 556.468994140625 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0-leave.0.png", "x": 0, "y": 891, "width": 346, "height": 297, "crop": { "x": 240, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 240, "actualJsTimeMs": 2574.2999999523163, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 240, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 240, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 240, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 449.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 450.796875, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 457.3241271972656, "width": 116.94549560546875, "height": 116.94552612304688 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 580.796875, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 600.796875, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 624.796875, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 667.984375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 667.984375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 536.609375, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 466.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 487.8747863769531, 416.65765380859375, 467.589111328125, 452.1575927734375, 543.718994140625, 408.65484619140625, 564.004638671875 ], "padding": [ 373.1549072265625, 487.8747863769531, 416.65765380859375, 467.589111328125, 452.1575927734375, 543.718994140625, 408.65484619140625, 564.004638671875 ], "border": [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ], "margin": [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 466.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "fragments": [ [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 474.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 511.79547119140625, 440.5783386230469, 476.2955322265625, 460.864013671875, 519.7982788085938, 384.7341613769531, 555.2982177734375 ], "padding": [ 364.448486328125, 511.79547119140625, 440.5783386230469, 476.2955322265625, 460.864013671875, 519.7982788085938, 384.7341613769531, 555.2982177734375 ], "border": [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ], "margin": [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 474.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "fragments": [ [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0-leave.0.png", "x": 0, "y": 1188, "width": 346, "height": 297, "crop": { "x": 240, "y": 429, "width": 346, "height": 297 } } } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": false, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "91dec23c7f8e672d91cb3b9c79ba44d2c7f62c35de7243a28b4f74c2720ac7e4", "instanceCheckFingerprint": "df1ab931c983c4ef245015fcb6319e67b24e5bd57ef8fc68ee50e5379986197d", "captureCoverage": "full_observation", "summary": "unhover on html[0]/body[1]/main[1]/section[4]/div[1]/article[0] changes boxShadow, transform; duration 240 ms; 5 sampled frame(s); observed." }, { "id": "auto-b25f72d8fc92bfcaf0e0-reverse", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "htmlId": "project-orbit", "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-orbit" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]" } } ], "prepareAt": "half", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" }, "definitions": [ { "id": "effect-3", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "box-shadow", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "boxShadow": "rgba(23, 60, 35, 0.063) 0px 9.62884px 19.2577px 0px", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "boxShadow": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 192.57681385436248, "currentIteration": 0, "endTime": 192.57681385436248, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-4", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "translateY(-3.20961px)", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 192.57681385436248, "currentIteration": 0, "endTime": 192.57681385436248, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-5", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "translateX(3.20961px)", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 192.57681385436248, "currentIteration": 0, "endTime": 192.57681385436248, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 } ], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 835.6000000238419, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 0, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 446.5872497558594, "width": 313.328125, "height": 260.1875305175781 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.063) 0px 9.62884px 19.2577px 0px", "transform": "matrix(1, 0, 0, 1, 0, -3.20961)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 447.5872497558594, "width": 311.328125, "height": 130.00003051757812 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 454.114501953125, "width": 116.94549560546875, "height": 116.94549560546875 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 577.5872802734375, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 597.5872802734375, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 621.5872802734375, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 664.7747802734375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 664.7747802734375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 539.8189697265625, "y": 664.7747802734375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 3.20961, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 463.0505676269531, "width": 81.6605224609375, "height": 99.07339477539062 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 484.6651611328125, 416.65765380859375, 464.3794860839844, 452.1575927734375, 540.5093383789062, 408.65484619140625, 560.7950439453125 ], "padding": [ 373.1549072265625, 484.6651611328125, 416.65765380859375, 464.3794860839844, 452.1575927734375, 540.5093383789062, 408.65484619140625, 560.7950439453125 ], "border": [ 371.82598876953125, 484.1814880371094, 417.141357421875, 463.0505676269531, 453.48651123046875, 540.9930419921875, 408.171142578125, 562.1239624023438 ], "margin": [ 371.82598876953125, 484.1814880371094, 417.141357421875, 463.0505676269531, 453.48651123046875, 540.9930419921875, 408.171142578125, 562.1239624023438 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 463.0505676269531, "width": 81.6605224609375, "height": 99.07339477539062 }, "fragments": [ [ 371.82598876953125, 484.1814880371094, 417.141357421875, 463.0505676269531, 453.48651123046875, 540.9930419921875, 408.171142578125, 562.1239624023438 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 471.7569885253906, "width": 99.0733642578125, "height": 81.66055297851562 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 508.5858459472656, 440.5783386230469, 473.0859069824219, 460.864013671875, 516.5886840820312, 384.7341613769531, 552.088623046875 ], "padding": [ 364.448486328125, 508.5858459472656, 440.5783386230469, 473.0859069824219, 460.864013671875, 516.5886840820312, 384.7341613769531, 552.088623046875 ], "border": [ 363.11956787109375, 508.1021423339844, 441.06201171875, 471.7569885253906, 462.19293212890625, 517.0723876953125, 384.25048828125, 553.4175415039062 ], "margin": [ 363.11956787109375, 508.1021423339844, 441.06201171875, 471.7569885253906, 462.19293212890625, 517.0723876953125, 384.25048828125, 553.4175415039062 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 471.7569885253906, "width": 99.0733642578125, "height": 81.66055297851562 }, "fragments": [ [ 363.11956787109375, 508.1021423339844, 441.06201171875, 471.7569885253906, 462.19293212890625, 517.0723876953125, 384.25048828125, 553.4175415039062 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0-reverse.0.png", "x": 0, "y": 0, "width": 346, "height": 296, "crop": { "x": 240, "y": 430, "width": 346, "height": 296 } } }, { "timeMs": 48.14420346359062, "actualJsTimeMs": 1075.3000000715256, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 48.14420346359062, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 48.14420346359062, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 48.14420346359062, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 447.8984375, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.035) 0px 5.69536px 11.3907px 0px", "transform": "matrix(1, 0, 0, 1, 0, -1.89845)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 448.8984375, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 455.4256896972656, "width": 116.94549560546875, "height": 116.94546508789062 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 578.8984375, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 598.8984375, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 622.8984375, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 666.0859375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 666.0859375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 538.5078125, "y": 666.0859375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 1.89845, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 464.3617248535156, "width": 81.6605224609375, "height": 99.07339477539062 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 485.976318359375, 416.65765380859375, 465.6906433105469, 452.1575927734375, 541.8204956054688, 408.65484619140625, 562.106201171875 ], "padding": [ 373.1549072265625, 485.976318359375, 416.65765380859375, 465.6906433105469, 452.1575927734375, 541.8204956054688, 408.65484619140625, 562.106201171875 ], "border": [ 371.82598876953125, 485.4926452636719, 417.141357421875, 464.3617248535156, 453.48651123046875, 542.30419921875, 408.171142578125, 563.4351196289062 ], "margin": [ 371.82598876953125, 485.4926452636719, 417.141357421875, 464.3617248535156, 453.48651123046875, 542.30419921875, 408.171142578125, 563.4351196289062 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 464.3617248535156, "width": 81.6605224609375, "height": 99.07339477539062 }, "fragments": [ [ 371.82598876953125, 485.4926452636719, 417.141357421875, 464.3617248535156, 453.48651123046875, 542.30419921875, 408.171142578125, 563.4351196289062 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 473.0681457519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 509.8970031738281, 440.5783386230469, 474.3970642089844, 460.864013671875, 517.8998413085938, 384.7341613769531, 553.3997802734375 ], "padding": [ 364.448486328125, 509.8970031738281, 440.5783386230469, 474.3970642089844, 460.864013671875, 517.8998413085938, 384.7341613769531, 553.3997802734375 ], "border": [ 363.11956787109375, 509.4132995605469, 441.06201171875, 473.0681457519531, 462.19293212890625, 518.383544921875, 384.25048828125, 554.7286987304688 ], "margin": [ 363.11956787109375, 509.4132995605469, 441.06201171875, 473.0681457519531, 462.19293212890625, 518.383544921875, 384.25048828125, 554.7286987304688 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 473.0681457519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "fragments": [ [ 363.11956787109375, 509.4132995605469, 441.06201171875, 473.0681457519531, 462.19293212890625, 518.383544921875, 384.25048828125, 554.7286987304688 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0-reverse.0.png", "x": 0, "y": 296, "width": 346, "height": 296, "crop": { "x": 240, "y": 430, "width": 346, "height": 296 } } }, { "timeMs": 96.28840692718124, "actualJsTimeMs": 1319.9000000953674, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 96.28840692718124, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 96.28840692718124, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 96.28840692718124, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 449.16265869140625, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.01) 0px 1.90263px 3.80525px 0px", "transform": "matrix(1, 0, 0, 1, 0, -0.634209)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 450.16265869140625, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 456.6899108886719, "width": 116.94549560546875, "height": 116.94552612304688 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 580.1626586914062, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 600.1626586914062, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 624.1626586914062, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 667.3501586914062, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 667.3501586914062, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 537.2435913085938, "y": 667.3501586914062, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0.634209, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 465.6259765625, "width": 81.6605224609375, "height": 99.0733642578125 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 487.2405700683594, 416.65765380859375, 466.95489501953125, 452.1575927734375, 543.0847778320312, 408.65484619140625, 563.3704223632812 ], "padding": [ 373.1549072265625, 487.2405700683594, 416.65765380859375, 466.95489501953125, 452.1575927734375, 543.0847778320312, 408.65484619140625, 563.3704223632812 ], "border": [ 371.82598876953125, 486.75689697265625, 417.141357421875, 465.6259765625, 453.48651123046875, 543.5684204101562, 408.171142578125, 564.6993408203125 ], "margin": [ 371.82598876953125, 486.75689697265625, 417.141357421875, 465.6259765625, 453.48651123046875, 543.5684204101562, 408.171142578125, 564.6993408203125 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 465.6259765625, "width": 81.6605224609375, "height": 99.0733642578125 }, "fragments": [ [ 371.82598876953125, 486.75689697265625, 417.141357421875, 465.6259765625, 453.48651123046875, 543.5684204101562, 408.171142578125, 564.6993408203125 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 474.3323974609375, "width": 99.0733642578125, "height": 81.6605224609375 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 511.1612548828125, 440.5783386230469, 475.66131591796875, 460.864013671875, 519.1640625, 384.7341613769531, 554.6640014648438 ], "padding": [ 364.448486328125, 511.1612548828125, 440.5783386230469, 475.66131591796875, 460.864013671875, 519.1640625, 384.7341613769531, 554.6640014648438 ], "border": [ 363.11956787109375, 510.67755126953125, 441.06201171875, 474.3323974609375, 462.19293212890625, 519.6477661132812, 384.25048828125, 555.992919921875 ], "margin": [ 363.11956787109375, 510.67755126953125, 441.06201171875, 474.3323974609375, 462.19293212890625, 519.6477661132812, 384.25048828125, 555.992919921875 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 474.3323974609375, "width": 99.0733642578125, "height": 81.6605224609375 }, "fragments": [ [ 363.11956787109375, 510.67755126953125, 441.06201171875, 474.3323974609375, 462.19293212890625, 519.6477661132812, 384.25048828125, 555.992919921875 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0-reverse.0.png", "x": 0, "y": 592, "width": 346, "height": 296, "crop": { "x": 240, "y": 430, "width": 346, "height": 296 } } }, { "timeMs": 144.43261039077186, "actualJsTimeMs": 1628.4000000953674, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 144.43261039077186, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 144.43261039077186, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 144.43261039077186, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 449.6699523925781, "width": 313.328125, "height": 260.1874694824219 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.004) 0px 0.380734px 0.761468px 0px", "transform": "matrix(1, 0, 0, 1, 0, -0.126911)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 450.6699523925781, "width": 311.328125, "height": 130.00003051757812 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 457.19720458984375, "width": 116.94549560546875, "height": 116.94549560546875 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 580.6699829101562, "width": 311.328125, "height": 128.18743896484375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 600.6699829101562, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 624.6699829101562, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 667.8574829101562, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 667.8574829101562, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 536.736328125, "y": 667.8574829101562, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0.126911, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 466.1332702636719, "width": 81.6605224609375, "height": 99.07339477539062 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 487.74786376953125, 416.65765380859375, 467.4621887207031, 452.1575927734375, 543.592041015625, 408.65484619140625, 563.8777465820312 ], "padding": [ 373.1549072265625, 487.74786376953125, 416.65765380859375, 467.4621887207031, 452.1575927734375, 543.592041015625, 408.65484619140625, 563.8777465820312 ], "border": [ 371.82598876953125, 487.2641906738281, 417.141357421875, 466.1332702636719, 453.48651123046875, 544.0757446289062, 408.171142578125, 565.2066650390625 ], "margin": [ 371.82598876953125, 487.2641906738281, 417.141357421875, 466.1332702636719, 453.48651123046875, 544.0757446289062, 408.171142578125, 565.2066650390625 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 466.1332702636719, "width": 81.6605224609375, "height": 99.07339477539062 }, "fragments": [ [ 371.82598876953125, 487.2641906738281, 417.141357421875, 466.1332702636719, 453.48651123046875, 544.0757446289062, 408.171142578125, 565.2066650390625 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 474.8396911621094, "width": 99.0733642578125, "height": 81.66055297851562 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 511.6685485839844, 440.5783386230469, 476.1686096191406, 460.864013671875, 519.67138671875, 384.7341613769531, 555.1713256835938 ], "padding": [ 364.448486328125, 511.6685485839844, 440.5783386230469, 476.1686096191406, 460.864013671875, 519.67138671875, 384.7341613769531, 555.1713256835938 ], "border": [ 363.11956787109375, 511.1848449707031, 441.06201171875, 474.8396911621094, 462.19293212890625, 520.1550903320312, 384.25048828125, 556.500244140625 ], "margin": [ 363.11956787109375, 511.1848449707031, 441.06201171875, 474.8396911621094, 462.19293212890625, 520.1550903320312, 384.25048828125, 556.500244140625 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 474.8396911621094, "width": 99.0733642578125, "height": 81.66055297851562 }, "fragments": [ [ 363.11956787109375, 511.1848449707031, 441.06201171875, 474.8396911621094, 462.19293212890625, 520.1550903320312, 384.25048828125, 556.500244140625 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0-reverse.0.png", "x": 0, "y": 888, "width": 346, "height": 296, "crop": { "x": 240, "y": 430, "width": 346, "height": 296 } } }, { "timeMs": 192.57681385436248, "actualJsTimeMs": 1956.9000000953674, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 192.57681385436248, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 192.57681385436248, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 192.57681385436248, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 449.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 450.796875, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 457.3241271972656, "width": 116.94549560546875, "height": 116.94552612304688 }, "styles": { "box-shadow": "none", "transform": "matrix(0.906308, -0.422618, 0.422618, 0.906308, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 580.796875, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 600.796875, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 624.796875, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 667.984375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 667.984375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 536.609375, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 466.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 487.8747863769531, 416.65765380859375, 467.589111328125, 452.1575927734375, 543.718994140625, 408.65484619140625, 564.004638671875 ], "padding": [ 373.1549072265625, 487.8747863769531, 416.65765380859375, 467.589111328125, 452.1575927734375, 543.718994140625, 408.65484619140625, 564.004638671875 ], "border": [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ], "margin": [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 466.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "fragments": [ [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 474.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 511.79547119140625, 440.5783386230469, 476.2955322265625, 460.864013671875, 519.7982788085938, 384.7341613769531, 555.2982177734375 ], "padding": [ 364.448486328125, 511.79547119140625, 440.5783386230469, 476.2955322265625, 460.864013671875, 519.7982788085938, 384.7341613769531, 555.2982177734375 ], "border": [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ], "margin": [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 474.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "fragments": [ [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0-reverse.0.png", "x": 0, "y": 1184, "width": 346, "height": 296, "crop": { "x": 240, "y": 430, "width": 346, "height": 296 } } } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": false, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "90dbd33dff388e6cf92ee43c68e27d736a4f84efdd818fb8d05e5bafda8c83ba", "instanceCheckFingerprint": "8c74a210ab813f36d61a18cac5e1b66fb5bbf70dc83b573e2faee8b4c2236bd8", "captureCoverage": "full_observation", "summary": "unhover on html[0]/body[1]/main[1]/section[4]/div[1]/article[0] changes boxShadow, transform; duration 192.577 ms; 5 sampled frame(s); observed." }, { "id": "auto-10b50040e1d3fedca6ff", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "htmlId": "project-form", "testId": null, "action": "hover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-form" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]" } } ], "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" }, "definitions": [ { "id": "effect-0", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "box-shadow", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "boxShadow": "none", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "boxShadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-1", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "translateY(-4px)", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-2", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "translateX(4px)", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 } ], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 763.9000000953674, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 0, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 449.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px", "transform": "matrix(1, 0, 0, 1, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 450.796875, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 465.9823913574219, "width": 99.62890625, "height": 99.62899780273438 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 478.45709228515625, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 472.2197265625, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 465.9823913574219, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 507.801513671875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 501.56414794921875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 495.3268127441406, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 537.1459350585938, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 530.9085693359375, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 524.6712646484375, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 580.796875, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 600.796875, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 624.796875, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 667.984375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 667.984375, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 867.9375, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0, 0)" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff.0.png", "x": 0, "y": 0, "width": 346, "height": 297, "crop": { "x": 571, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 60, "actualJsTimeMs": 1094.9000000953674, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 60, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 60, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 60, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 448.162841796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.03) 0px 4.90213px 9.80425px 0px", "transform": "matrix(1, 0, 0, 1, 0, -1.63404)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 449.162841796875, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 464.34832763671875, "width": 99.62890625, "height": 99.62896728515625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 476.82305908203125, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 470.585693359375, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 464.34832763671875, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 506.16748046875, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 499.93011474609375, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 493.6927795410156, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 535.5119018554688, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 529.2745361328125, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 523.0372314453125, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 579.162841796875, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 599.162841796875, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 623.162841796875, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 666.350341796875, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 666.350341796875, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 869.571533203125, "y": 666.350341796875, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 1.63404, 0)" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff.0.png", "x": 0, "y": 297, "width": 346, "height": 297, "crop": { "x": 571, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 120, "actualJsTimeMs": 1378.5, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 120, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 120, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 120, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 446.5872497558594, "width": 313.328125, "height": 260.1875305175781 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.063) 0px 9.62884px 19.2577px 0px", "transform": "matrix(1, 0, 0, 1, 0, -3.20961)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 447.5872497558594, "width": 311.328125, "height": 130.00003051757812 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 462.77276611328125, "width": 99.62890625, "height": 99.62896728515625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 475.2474670410156, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 469.0101318359375, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 462.77276611328125, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 504.5918884277344, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 498.35455322265625, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 492.1171875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 533.9363403320312, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 527.698974609375, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 521.4616088867188, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 577.5872802734375, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 597.5872802734375, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 621.5872802734375, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 664.7747802734375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 664.7747802734375, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 871.1470947265625, "y": 664.7747802734375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 3.20961, 0)" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff.0.png", "x": 0, "y": 594, "width": 346, "height": 297, "crop": { "x": 571, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 180, "actualJsTimeMs": 1617.4000000953674, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 180, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 180, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 180, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 445.9550476074219, "width": 313.328125, "height": 260.1875305175781 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.075) 0px 11.5255px 23.051px 0px", "transform": "matrix(1, 0, 0, 1, 0, -3.84184)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 446.9550476074219, "width": 311.328125, "height": 129.99996948242188 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 462.1405334472656, "width": 99.62890625, "height": 99.62899780273438 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 474.615234375, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 468.3778991699219, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 462.1405334472656, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 503.9596862792969, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 497.7223205566406, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 491.4849853515625, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 533.3040771484375, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 527.0667724609375, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 520.8294067382812, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 576.9550170898438, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 596.9550170898438, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 620.9550170898438, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 664.1425170898438, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 664.1425170898438, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 871.779296875, "y": 664.1425170898438, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 3.84184, 0)" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff.0.png", "x": 0, "y": 891, "width": 346, "height": 297, "crop": { "x": 571, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 240, "actualJsTimeMs": 1860.4000000953674, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 240, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 240, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 240, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 445.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "transform": "matrix(1, 0, 0, 1, 0, -4)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 446.796875, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 461.9823913574219, "width": 99.62890625, "height": 99.62899780273438 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 474.45709228515625, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 468.2197265625, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 461.9823913574219, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 503.801513671875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 497.56414794921875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 491.3268127441406, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 533.1459350585938, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 526.9085693359375, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 520.6712646484375, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 576.796875, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 596.796875, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 620.796875, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 663.984375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 663.984375, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 871.9375, "y": 663.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 4, 0)" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff.0.png", "x": 0, "y": 1188, "width": 346, "height": 297, "crop": { "x": 571, "y": 429, "width": 346, "height": 297 } } } ], "actionObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]" } ], "preparationObservations": [], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": false, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "af994ff8be5ff0b756003e692585b75e34a8fb877d8f37414394befb592ef796", "instanceCheckFingerprint": "df0540b823d5e626b37880dc5a6ee815e77b98dd75691a3a3e68d94aebd5e555", "captureCoverage": "full_observation", "summary": "hover on html[0]/body[1]/main[1]/section[4]/div[1]/article[1] changes boxShadow, transform; duration 240 ms; 5 sampled frame(s); observed." }, { "id": "auto-10b50040e1d3fedca6ff-leave", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "htmlId": "project-form", "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-form" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]" } } ], "prepareAt": "end", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" }, "definitions": [ { "id": "effect-3", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "box-shadow", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "boxShadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "boxShadow": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-4", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "translateY(-4px)", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-5", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "translateX(4px)", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 } ], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 908.1000000238419, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 0, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 445.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "transform": "matrix(1, 0, 0, 1, 0, -4)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 446.796875, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 461.9823913574219, "width": 99.62890625, "height": 99.62899780273438 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 474.45709228515625, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 468.2197265625, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 461.9823913574219, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 503.801513671875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 497.56414794921875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 491.3268127441406, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 533.1459350585938, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 526.9085693359375, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 520.6712646484375, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 576.796875, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 596.796875, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 620.796875, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 663.984375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 663.984375, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 871.9375, "y": 663.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 4, 0)" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff-leave.0.png", "x": 0, "y": 0, "width": 346, "height": 297, "crop": { "x": 571, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 60, "actualJsTimeMs": 1207.7999999523163, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 60, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 60, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 60, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 447.430908203125, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.047) 0px 7.09787px 14.1957px 0px", "transform": "matrix(1, 0, 0, 1, 0, -2.36596)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 448.430908203125, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 463.6164245605469, "width": 99.62890625, "height": 99.62899780273438 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 476.09112548828125, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 469.8537902832031, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 463.6164245605469, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 505.435546875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 499.1982116699219, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 492.9608459472656, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 534.7799682617188, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 528.5426025390625, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 522.3052978515625, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 578.430908203125, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 598.430908203125, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 622.430908203125, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 665.618408203125, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 665.618408203125, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 870.303466796875, "y": 665.618408203125, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 2.36596, 0)" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff-leave.0.png", "x": 0, "y": 297, "width": 346, "height": 297, "crop": { "x": 571, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 120, "actualJsTimeMs": 1463.2999999523163, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 120, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 120, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 120, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 449.0065002441406, "width": 313.328125, "height": 260.1874694824219 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.016) 0px 2.37116px 4.74232px 0px", "transform": "matrix(1, 0, 0, 1, 0, -0.790386)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 450.0065002441406, "width": 311.328125, "height": 129.99996948242188 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 465.1919860839844, "width": 99.62890625, "height": 99.62899780273438 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 477.66668701171875, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 471.4293518066406, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 465.1919860839844, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 507.0111389160156, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 500.7737731933594, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 494.53643798828125, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 536.3555297851562, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 530.1182250976562, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 523.880859375, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 580.0064697265625, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 600.0064697265625, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 624.0064697265625, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 667.1939697265625, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 667.1939697265625, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 868.7279052734375, "y": 667.1939697265625, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0.790386, 0)" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff-leave.0.png", "x": 0, "y": 594, "width": 346, "height": 297, "crop": { "x": 571, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 180, "actualJsTimeMs": 1710.3999999761581, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 180, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 180, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 180, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 449.6387023925781, "width": 313.328125, "height": 260.1874694824219 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.004) 0px 0.474492px 0.948985px 0px", "transform": "matrix(1, 0, 0, 1, 0, -0.158164)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 450.6387023925781, "width": 311.328125, "height": 130.00003051757812 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 465.82421875, "width": 99.62890625, "height": 99.62896728515625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 478.2989196777344, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 472.06158447265625, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 465.82421875, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 507.6433410644531, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 501.406005859375, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 495.16864013671875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 536.98779296875, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 530.7504272460938, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 524.5130615234375, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 580.6387329101562, "width": 311.328125, "height": 128.18743896484375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 600.6387329101562, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 624.6387329101562, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 667.8262329101562, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 667.8262329101562, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 868.095703125, "y": 667.8262329101562, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0.158164, 0)" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff-leave.0.png", "x": 0, "y": 891, "width": 346, "height": 297, "crop": { "x": 571, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 240, "actualJsTimeMs": 1955.8999999761581, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 240, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 240, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 240, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 449.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 450.796875, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.1698608398438, "y": 465.9823913574219, "width": 99.62896728515625, "height": 99.62899780273438 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.1698608398438, "y": 478.45709228515625, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 472.2197265625, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 465.9823913574219, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 507.801513671875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 501.56414794921875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 495.3268127441406, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 537.1459350585938, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 530.9085693359375, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 524.6712646484375, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 580.796875, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 600.796875, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 624.796875, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 667.984375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 667.984375, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 867.9375, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff-leave.0.png", "x": 0, "y": 1188, "width": 346, "height": 297, "crop": { "x": 571, "y": 429, "width": 346, "height": 297 } } } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": false, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "8f0f50aba94e238bd804af7208b5f11b97c0a833d631cffa345f65624257545a", "instanceCheckFingerprint": "73291b84ab4c339cc63472b192a4bebd9f589a45923bab8929f23175139ada0b", "captureCoverage": "full_observation", "summary": "unhover on html[0]/body[1]/main[1]/section[4]/div[1]/article[1] changes boxShadow, transform; duration 240 ms; 5 sampled frame(s); observed." }, { "id": "auto-10b50040e1d3fedca6ff-reverse", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "htmlId": "project-form", "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-form" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]" } } ], "prepareAt": "half", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" }, "definitions": [ { "id": "effect-3", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "box-shadow", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "boxShadow": "rgba(23, 60, 35, 0.063) 0px 9.62884px 19.2577px 0px", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "boxShadow": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 192.57681385436248, "currentIteration": 0, "endTime": 192.57681385436248, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-4", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "translateY(-3.20961px)", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 192.57681385436248, "currentIteration": 0, "endTime": 192.57681385436248, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-5", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "translateX(3.20961px)", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 192.57681385436248, "currentIteration": 0, "endTime": 192.57681385436248, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 } ], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1474.1000000238419, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 0, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 446.5872497558594, "width": 313.328125, "height": 260.1875305175781 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.063) 0px 9.62884px 19.2577px 0px", "transform": "matrix(1, 0, 0, 1, 0, -3.20961)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 447.5872497558594, "width": 311.328125, "height": 130.00003051757812 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 462.77276611328125, "width": 99.62890625, "height": 99.62896728515625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 475.2474670410156, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 469.0101318359375, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 462.77276611328125, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 504.5918884277344, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 498.35455322265625, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 492.1171875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 533.9363403320312, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 527.698974609375, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 521.4616088867188, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 577.5872802734375, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 597.5872802734375, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 621.5872802734375, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 664.7747802734375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 664.7747802734375, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 871.1470947265625, "y": 664.7747802734375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 3.20961, 0)" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff-reverse.0.png", "x": 0, "y": 0, "width": 346, "height": 296, "crop": { "x": 571, "y": 430, "width": 346, "height": 296 } } }, { "timeMs": 48.14420346359062, "actualJsTimeMs": 1919.8999999761581, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 48.14420346359062, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 48.14420346359062, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 48.14420346359062, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 447.8984375, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.035) 0px 5.69536px 11.3907px 0px", "transform": "matrix(1, 0, 0, 1, 0, -1.89845)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 448.8984375, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 464.08392333984375, "width": 99.62890625, "height": 99.62896728515625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 476.5586242675781, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 470.3212890625, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 464.08392333984375, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 505.903076171875, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 499.66571044921875, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 493.4283447265625, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 535.2474975585938, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 529.0101318359375, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 522.7727661132812, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 578.8984375, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 598.8984375, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 622.8984375, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 666.0859375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 666.0859375, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 869.8359375, "y": 666.0859375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 1.89845, 0)" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff-reverse.0.png", "x": 0, "y": 296, "width": 346, "height": 296, "crop": { "x": 571, "y": 430, "width": 346, "height": 296 } } }, { "timeMs": 96.28840692718124, "actualJsTimeMs": 2311.5, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 96.28840692718124, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 96.28840692718124, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 96.28840692718124, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 449.16265869140625, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.01) 0px 1.90263px 3.80525px 0px", "transform": "matrix(1, 0, 0, 1, 0, -0.634209)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 450.16265869140625, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 465.3481750488281, "width": 99.62890625, "height": 99.62899780273438 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 477.8228759765625, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 471.5855407714844, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 465.3481750488281, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 507.16729736328125, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 500.9299621582031, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 494.6925964355469, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 536.51171875, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 530.2744140625, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 524.0370483398438, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 580.1626586914062, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 600.1626586914062, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 624.1626586914062, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 667.3501586914062, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 667.3501586914062, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 868.5717163085938, "y": 667.3501586914062, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0.634209, 0)" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff-reverse.0.png", "x": 0, "y": 592, "width": 346, "height": 296, "crop": { "x": 571, "y": 430, "width": 346, "height": 296 } } }, { "timeMs": 144.43261039077186, "actualJsTimeMs": 2838.100000023842, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 144.43261039077186, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 144.43261039077186, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 144.43261039077186, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 449.6699523925781, "width": 313.328125, "height": 260.1874694824219 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.004) 0px 0.380734px 0.761468px 0px", "transform": "matrix(1, 0, 0, 1, 0, -0.126911)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 450.6699523925781, "width": 311.328125, "height": 130.00003051757812 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 465.85546875, "width": 99.62890625, "height": 99.62896728515625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 478.3301696777344, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 472.09283447265625, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 465.85546875, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 507.6745910644531, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 501.437255859375, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 495.19989013671875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 537.01904296875, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 530.7816772460938, "width": 28.4654541015625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 524.5443115234375, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 580.6699829101562, "width": 311.328125, "height": 128.18743896484375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 600.6699829101562, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 624.6699829101562, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 667.8574829101562, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 667.8574829101562, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 868.064453125, "y": 667.8574829101562, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0.126911, 0)" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff-reverse.0.png", "x": 0, "y": 888, "width": 346, "height": 296, "crop": { "x": 571, "y": 430, "width": 346, "height": 296 } } }, { "timeMs": 192.57681385436248, "actualJsTimeMs": 3324.3000000715256, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 192.57681385436248, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 192.57681385436248, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 192.57681385436248, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 449.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 450.796875, "width": 311.328125, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.1698608398438, "y": 465.9823913574219, "width": 99.62896728515625, "height": 99.62899780273438 }, "styles": { "box-shadow": "none", "transform": "matrix(0.978148, -0.207912, 0.207912, 0.978148, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.1698608398438, "y": 478.45709228515625, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 472.2197265625, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 465.9823913574219, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 507.801513671875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 501.56414794921875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 495.3268127441406, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 537.1459350585938, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 530.9085693359375, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 524.6712646484375, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 580.796875, "width": 311.328125, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 600.796875, "width": 271.328125, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 624.796875, "width": 271.328125, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 667.984375, "width": 271.328125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 667.984375, "width": 54.015625, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 867.9375, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } } ], "frame": { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff-reverse.0.png", "x": 0, "y": 1184, "width": 346, "height": 296, "crop": { "x": 571, "y": 430, "width": 346, "height": 296 } } } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": false, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "12949d1b01eff8a97978ac40268ecca9c62fe694baf2c80a61710c24932d1743", "instanceCheckFingerprint": "48077e8100c6a60d4fac3a2b3a83d84c1c7497cd4e366d42324fc7356917bdcd", "captureCoverage": "full_observation", "summary": "unhover on html[0]/body[1]/main[1]/section[4]/div[1]/article[1] changes boxShadow, transform; duration 192.577 ms; 5 sampled frame(s); observed." }, { "id": "auto-f563de56cefcfb7c8a3b", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "htmlId": "project-still", "testId": null, "action": "hover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-still" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]" } } ], "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" }, "definitions": [ { "id": "effect-0", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "box-shadow", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "boxShadow": "none", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "boxShadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-1", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "translateY(-4px)", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-2", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "translateX(4px)", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 } ], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1370.3999999761581, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 0, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 449.796875, "width": 313.34375, "height": 260.1875 }, "styles": { "box-shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px", "transform": "matrix(1, 0, 0, 1, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 450.796875, "width": 311.34375, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 453.57147216796875, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 580.796875, "width": 311.34375, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 600.796875, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 624.796875, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 667.984375, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 667.984375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1199.28125, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 487.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "padding": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "border": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "margin": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 487.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "fragments": [ [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b.0.png", "x": 0, "y": 0, "width": 346, "height": 297, "crop": { "x": 902, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 60, "actualJsTimeMs": 1776.5, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 60, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 60, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 60, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 448.162841796875, "width": 313.34375, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.03) 0px 4.90213px 9.80425px 0px", "transform": "matrix(1, 0, 0, 1, 0, -1.63404)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 449.162841796875, "width": 311.34375, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 451.93743896484375, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 579.162841796875, "width": 311.34375, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 599.162841796875, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 623.162841796875, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 666.350341796875, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 666.350341796875, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1200.915283203125, "y": 666.350341796875, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 1.63404, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 485.8785705566406, "width": 56.568603515625, "height": 56.568511962890625 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 485.8785705566406, 1103.6124267578125, 514.162841796875, 1075.328125, 542.4470825195312, 1047.0438232421875, 514.162841796875 ], "padding": [ 1075.328125, 485.8785705566406, 1103.6124267578125, 514.162841796875, 1075.328125, 542.4470825195312, 1047.0438232421875, 514.162841796875 ], "border": [ 1075.328125, 485.8785705566406, 1103.6124267578125, 514.162841796875, 1075.328125, 542.4470825195312, 1047.0438232421875, 514.162841796875 ], "margin": [ 1075.328125, 485.8785705566406, 1103.6124267578125, 514.162841796875, 1075.328125, 542.4470825195312, 1047.0438232421875, 514.162841796875 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 485.8785705566406, "width": 56.568603515625, "height": 56.568511962890625 }, "fragments": [ [ 1075.328125, 485.8785705566406, 1103.6124267578125, 514.162841796875, 1075.328125, 542.4470825195312, 1047.0438232421875, 514.162841796875 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b.0.png", "x": 0, "y": 297, "width": 346, "height": 297, "crop": { "x": 902, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 120, "actualJsTimeMs": 2125.2999999523163, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 120, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 120, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 120, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 446.5872497558594, "width": 313.34375, "height": 260.1875305175781 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.063) 0px 9.62884px 19.2577px 0px", "transform": "matrix(1, 0, 0, 1, 0, -3.20961)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 447.5872497558594, "width": 311.34375, "height": 130.00003051757812 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 450.36187744140625, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 577.5872802734375, "width": 311.34375, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 597.5872802734375, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 621.5872802734375, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 664.7747802734375, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 664.7747802734375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1202.4908447265625, "y": 664.7747802734375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 3.20961, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 484.302978515625, "width": 56.568603515625, "height": 56.56854248046875 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 484.302978515625, 1103.6124267578125, 512.5872802734375, 1075.328125, 540.8715209960938, 1047.0438232421875, 512.5872802734375 ], "padding": [ 1075.328125, 484.302978515625, 1103.6124267578125, 512.5872802734375, 1075.328125, 540.8715209960938, 1047.0438232421875, 512.5872802734375 ], "border": [ 1075.328125, 484.302978515625, 1103.6124267578125, 512.5872802734375, 1075.328125, 540.8715209960938, 1047.0438232421875, 512.5872802734375 ], "margin": [ 1075.328125, 484.302978515625, 1103.6124267578125, 512.5872802734375, 1075.328125, 540.8715209960938, 1047.0438232421875, 512.5872802734375 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 484.302978515625, "width": 56.568603515625, "height": 56.56854248046875 }, "fragments": [ [ 1075.328125, 484.302978515625, 1103.6124267578125, 512.5872802734375, 1075.328125, 540.8715209960938, 1047.0438232421875, 512.5872802734375 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b.0.png", "x": 0, "y": 594, "width": 346, "height": 297, "crop": { "x": 902, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 180, "actualJsTimeMs": 2498.2000000476837, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 180, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 180, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 180, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 445.9550476074219, "width": 313.34375, "height": 260.1875305175781 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.075) 0px 11.5255px 23.051px 0px", "transform": "matrix(1, 0, 0, 1, 0, -3.84184)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 446.9550476074219, "width": 311.34375, "height": 129.99996948242188 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 449.7296447753906, "width": 124.45074462890625, "height": 124.45077514648438 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 576.9550170898438, "width": 311.34375, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 596.9550170898438, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 620.9550170898438, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 664.1425170898438, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 664.1425170898438, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1203.123046875, "y": 664.1425170898438, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 3.84184, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 483.6707763671875, "width": 56.568603515625, "height": 56.56854248046875 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 483.6707763671875, 1103.6124267578125, 511.9550476074219, 1075.328125, 540.2393188476562, 1047.0438232421875, 511.9550476074219 ], "padding": [ 1075.328125, 483.6707763671875, 1103.6124267578125, 511.9550476074219, 1075.328125, 540.2393188476562, 1047.0438232421875, 511.9550476074219 ], "border": [ 1075.328125, 483.6707763671875, 1103.6124267578125, 511.9550476074219, 1075.328125, 540.2393188476562, 1047.0438232421875, 511.9550476074219 ], "margin": [ 1075.328125, 483.6707763671875, 1103.6124267578125, 511.9550476074219, 1075.328125, 540.2393188476562, 1047.0438232421875, 511.9550476074219 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 483.6707763671875, "width": 56.568603515625, "height": 56.56854248046875 }, "fragments": [ [ 1075.328125, 483.6707763671875, 1103.6124267578125, 511.9550476074219, 1075.328125, 540.2393188476562, 1047.0438232421875, 511.9550476074219 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b.0.png", "x": 0, "y": 891, "width": 346, "height": 297, "crop": { "x": 902, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 240, "actualJsTimeMs": 2942.100000023842, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-0", "currentTimeMs": 240, "playState": "paused" }, { "id": "effect-1", "currentTimeMs": 240, "playState": "paused" }, { "id": "effect-2", "currentTimeMs": 240, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 445.796875, "width": 313.34375, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "transform": "matrix(1, 0, 0, 1, 0, -4)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 446.796875, "width": 311.34375, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 449.57147216796875, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 576.796875, "width": 311.34375, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 596.796875, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 620.796875, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 663.984375, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 663.984375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1203.28125, "y": 663.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 4, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 483.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ], "padding": [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ], "border": [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ], "margin": [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 483.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "fragments": [ [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b.0.png", "x": 0, "y": 1188, "width": 346, "height": 297, "crop": { "x": 902, "y": 429, "width": 346, "height": 297 } } } ], "actionObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]" } ], "preparationObservations": [], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": false, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "6e0b93f3faea5b7901fc31649e5ae587213916a76079fd8772b3b67b0af5ea14", "instanceCheckFingerprint": "ec9e8abcec277ea5ffe6aa8544abdd5c7ee17b48be715e8f640303cb3385af9b", "captureCoverage": "full_observation", "summary": "hover on html[0]/body[1]/main[1]/section[4]/div[1]/article[2] changes boxShadow, transform; duration 240 ms; 5 sampled frame(s); observed." }, { "id": "auto-f563de56cefcfb7c8a3b-leave", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "htmlId": "project-still", "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-still" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]" } } ], "prepareAt": "end", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" }, "definitions": [ { "id": "effect-3", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "box-shadow", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "boxShadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "boxShadow": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-4", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "translateY(-4px)", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-5", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "translateX(4px)", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 240, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 240, "currentIteration": 0, "endTime": 240, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 } ], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1273, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 0, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 445.796875, "width": 313.34375, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "transform": "matrix(1, 0, 0, 1, 0, -4)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 446.796875, "width": 311.34375, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 449.57147216796875, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 576.796875, "width": 311.34375, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 596.796875, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 620.796875, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 663.984375, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 663.984375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1203.28125, "y": 663.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 4, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 483.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ], "padding": [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ], "border": [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ], "margin": [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 483.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "fragments": [ [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b-leave.0.png", "x": 0, "y": 0, "width": 346, "height": 297, "crop": { "x": 902, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 60, "actualJsTimeMs": 1654, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 60, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 60, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 60, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 447.430908203125, "width": 313.34375, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.047) 0px 7.09787px 14.1957px 0px", "transform": "matrix(1, 0, 0, 1, 0, -2.36596)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 448.430908203125, "width": 311.34375, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 451.20550537109375, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 578.430908203125, "width": 311.34375, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 598.430908203125, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 622.430908203125, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 665.618408203125, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 665.618408203125, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1201.647216796875, "y": 665.618408203125, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 2.36596, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 485.1466369628906, "width": 56.568603515625, "height": 56.568572998046875 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 485.1466369628906, 1103.6124267578125, 513.430908203125, 1075.328125, 541.7152099609375, 1047.0438232421875, 513.430908203125 ], "padding": [ 1075.328125, 485.1466369628906, 1103.6124267578125, 513.430908203125, 1075.328125, 541.7152099609375, 1047.0438232421875, 513.430908203125 ], "border": [ 1075.328125, 485.1466369628906, 1103.6124267578125, 513.430908203125, 1075.328125, 541.7152099609375, 1047.0438232421875, 513.430908203125 ], "margin": [ 1075.328125, 485.1466369628906, 1103.6124267578125, 513.430908203125, 1075.328125, 541.7152099609375, 1047.0438232421875, 513.430908203125 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 485.1466369628906, "width": 56.568603515625, "height": 56.568572998046875 }, "fragments": [ [ 1075.328125, 485.1466369628906, 1103.6124267578125, 513.430908203125, 1075.328125, 541.7152099609375, 1047.0438232421875, 513.430908203125 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b-leave.0.png", "x": 0, "y": 297, "width": 346, "height": 297, "crop": { "x": 902, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 120, "actualJsTimeMs": 1966.6000000238419, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 120, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 120, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 120, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 449.0065002441406, "width": 313.34375, "height": 260.1874694824219 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.016) 0px 2.37116px 4.74232px 0px", "transform": "matrix(1, 0, 0, 1, 0, -0.790386)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 450.0065002441406, "width": 311.34375, "height": 129.99996948242188 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 452.7810974121094, "width": 124.45074462890625, "height": 124.45077514648438 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 580.0064697265625, "width": 311.34375, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 600.0064697265625, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 624.0064697265625, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 667.1939697265625, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 667.1939697265625, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1200.0716552734375, "y": 667.1939697265625, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0.790386, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 486.72222900390625, "width": 56.568603515625, "height": 56.56854248046875 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 486.72222900390625, 1103.6124267578125, 515.0064697265625, 1075.328125, 543.290771484375, 1047.0438232421875, 515.0064697265625 ], "padding": [ 1075.328125, 486.72222900390625, 1103.6124267578125, 515.0064697265625, 1075.328125, 543.290771484375, 1047.0438232421875, 515.0064697265625 ], "border": [ 1075.328125, 486.72222900390625, 1103.6124267578125, 515.0064697265625, 1075.328125, 543.290771484375, 1047.0438232421875, 515.0064697265625 ], "margin": [ 1075.328125, 486.72222900390625, 1103.6124267578125, 515.0064697265625, 1075.328125, 543.290771484375, 1047.0438232421875, 515.0064697265625 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 486.72222900390625, "width": 56.568603515625, "height": 56.56854248046875 }, "fragments": [ [ 1075.328125, 486.72222900390625, 1103.6124267578125, 515.0064697265625, 1075.328125, 543.290771484375, 1047.0438232421875, 515.0064697265625 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b-leave.0.png", "x": 0, "y": 594, "width": 346, "height": 297, "crop": { "x": 902, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 180, "actualJsTimeMs": 2243, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 180, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 180, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 180, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 449.6387023925781, "width": 313.34375, "height": 260.1874694824219 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.004) 0px 0.474492px 0.948985px 0px", "transform": "matrix(1, 0, 0, 1, 0, -0.158164)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 450.6387023925781, "width": 311.34375, "height": 130.00003051757812 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 453.4132995605469, "width": 124.45074462890625, "height": 124.45083618164062 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 580.6387329101562, "width": 311.34375, "height": 128.18743896484375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 600.6387329101562, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 624.6387329101562, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 667.8262329101562, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 667.8262329101562, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1199.439453125, "y": 667.8262329101562, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0.158164, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 487.35443115234375, "width": 56.568603515625, "height": 56.56854248046875 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 487.35443115234375, 1103.6124267578125, 515.6387329101562, 1075.328125, 543.9229736328125, 1047.0438232421875, 515.6387329101562 ], "padding": [ 1075.328125, 487.35443115234375, 1103.6124267578125, 515.6387329101562, 1075.328125, 543.9229736328125, 1047.0438232421875, 515.6387329101562 ], "border": [ 1075.328125, 487.35443115234375, 1103.6124267578125, 515.6387329101562, 1075.328125, 543.9229736328125, 1047.0438232421875, 515.6387329101562 ], "margin": [ 1075.328125, 487.35443115234375, 1103.6124267578125, 515.6387329101562, 1075.328125, 543.9229736328125, 1047.0438232421875, 515.6387329101562 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 487.35443115234375, "width": 56.568603515625, "height": 56.56854248046875 }, "fragments": [ [ 1075.328125, 487.35443115234375, 1103.6124267578125, 515.6387329101562, 1075.328125, 543.9229736328125, 1047.0438232421875, 515.6387329101562 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b-leave.0.png", "x": 0, "y": 891, "width": 346, "height": 297, "crop": { "x": 902, "y": 429, "width": 346, "height": 297 } } }, { "timeMs": 240, "actualJsTimeMs": 2540.9000000953674, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 240, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 240, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 240, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 449.796875, "width": 313.34375, "height": 260.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 450.796875, "width": 311.34375, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 453.57147216796875, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 580.796875, "width": 311.34375, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 600.796875, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 624.796875, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 667.984375, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 667.984375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1199.28125, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 487.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "padding": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "border": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "margin": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 487.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "fragments": [ [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b-leave.0.png", "x": 0, "y": 1188, "width": 346, "height": 297, "crop": { "x": 902, "y": 429, "width": 346, "height": 297 } } } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": false, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "07a4714c3549e2ea1cfb048bc0accec99c8343c47153c63a12a8a206f6a5e900", "instanceCheckFingerprint": "4a0835f563a5c892e6ee2f5eac3c507bdda860db46bfe7e474de93799aa9c31b", "captureCoverage": "full_observation", "summary": "unhover on html[0]/body[1]/main[1]/section[4]/div[1]/article[2] changes boxShadow, transform; duration 240 ms; 5 sampled frame(s); observed." }, { "id": "auto-f563de56cefcfb7c8a3b-reverse", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "htmlId": "project-still", "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-still" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]" } } ], "prepareAt": "half", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" }, "definitions": [ { "id": "effect-3", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "box-shadow", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "boxShadow": "rgba(23, 60, 35, 0.063) 0px 9.62884px 19.2577px 0px", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "boxShadow": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 192.57681385436248, "currentIteration": 0, "endTime": 192.57681385436248, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-4", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "translateY(-3.20961px)", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 192.57681385436248, "currentIteration": 0, "endTime": 192.57681385436248, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 }, { "id": "effect-5", "targetPath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "pseudoElement": null, "type": "CSSTransition", "animationName": null, "transitionProperty": "transform", "keyframes": [ { "offset": 0, "easing": "linear", "composite": "auto", "transform": "translateX(3.20961px)", "computedOffset": 0 }, { "offset": 1, "easing": "linear", "composite": "auto", "transform": "none", "computedOffset": 1 } ], "timing": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1 }, "computedTiming": { "delay": 0, "direction": "normal", "duration": 192.57681385436248, "easing": "ease", "endDelay": 0, "fill": "backwards", "iterationStart": 0, "iterations": 1, "activeDuration": 192.57681385436248, "currentIteration": 0, "endTime": 192.57681385436248, "localTime": 0, "progress": 0 }, "playbackRate": 1, "startTime": 0, "currentTime": 0, "timelineType": "DocumentTimeline", "startOffsetMs": 0 } ], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1037.1999999284744, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 0, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 0, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 446.5872497558594, "width": 313.34375, "height": 260.1875305175781 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.063) 0px 9.62884px 19.2577px 0px", "transform": "matrix(1, 0, 0, 1, 0, -3.20961)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 447.5872497558594, "width": 311.34375, "height": 130.00003051757812 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 450.36187744140625, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 577.5872802734375, "width": 311.34375, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 597.5872802734375, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 621.5872802734375, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 664.7747802734375, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 664.7747802734375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1202.4908447265625, "y": 664.7747802734375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 3.20961, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 484.302978515625, "width": 56.568603515625, "height": 56.56854248046875 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 484.302978515625, 1103.6124267578125, 512.5872802734375, 1075.328125, 540.8715209960938, 1047.0438232421875, 512.5872802734375 ], "padding": [ 1075.328125, 484.302978515625, 1103.6124267578125, 512.5872802734375, 1075.328125, 540.8715209960938, 1047.0438232421875, 512.5872802734375 ], "border": [ 1075.328125, 484.302978515625, 1103.6124267578125, 512.5872802734375, 1075.328125, 540.8715209960938, 1047.0438232421875, 512.5872802734375 ], "margin": [ 1075.328125, 484.302978515625, 1103.6124267578125, 512.5872802734375, 1075.328125, 540.8715209960938, 1047.0438232421875, 512.5872802734375 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 484.302978515625, "width": 56.568603515625, "height": 56.56854248046875 }, "fragments": [ [ 1075.328125, 484.302978515625, 1103.6124267578125, 512.5872802734375, 1075.328125, 540.8715209960938, 1047.0438232421875, 512.5872802734375 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b-reverse.0.png", "x": 0, "y": 0, "width": 346, "height": 296, "crop": { "x": 902, "y": 430, "width": 346, "height": 296 } } }, { "timeMs": 48.14420346359062, "actualJsTimeMs": 1342.7999999523163, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 48.14420346359062, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 48.14420346359062, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 48.14420346359062, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 447.8984375, "width": 313.34375, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.035) 0px 5.69536px 11.3907px 0px", "transform": "matrix(1, 0, 0, 1, 0, -1.89845)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 448.8984375, "width": 311.34375, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 451.67303466796875, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 578.8984375, "width": 311.34375, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 598.8984375, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 622.8984375, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 666.0859375, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 666.0859375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1201.1796875, "y": 666.0859375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 1.89845, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 485.6141357421875, "width": 56.568603515625, "height": 56.56854248046875 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 485.6141357421875, 1103.6124267578125, 513.8984375, 1075.328125, 542.1826782226562, 1047.0438232421875, 513.8984375 ], "padding": [ 1075.328125, 485.6141357421875, 1103.6124267578125, 513.8984375, 1075.328125, 542.1826782226562, 1047.0438232421875, 513.8984375 ], "border": [ 1075.328125, 485.6141357421875, 1103.6124267578125, 513.8984375, 1075.328125, 542.1826782226562, 1047.0438232421875, 513.8984375 ], "margin": [ 1075.328125, 485.6141357421875, 1103.6124267578125, 513.8984375, 1075.328125, 542.1826782226562, 1047.0438232421875, 513.8984375 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 485.6141357421875, "width": 56.568603515625, "height": 56.56854248046875 }, "fragments": [ [ 1075.328125, 485.6141357421875, 1103.6124267578125, 513.8984375, 1075.328125, 542.1826782226562, 1047.0438232421875, 513.8984375 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b-reverse.0.png", "x": 0, "y": 296, "width": 346, "height": 296, "crop": { "x": 902, "y": 430, "width": 346, "height": 296 } } }, { "timeMs": 96.28840692718124, "actualJsTimeMs": 1630.5, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 96.28840692718124, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 96.28840692718124, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 96.28840692718124, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 449.16265869140625, "width": 313.34375, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.01) 0px 1.90263px 3.80525px 0px", "transform": "matrix(1, 0, 0, 1, 0, -0.634209)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 450.16265869140625, "width": 311.34375, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 452.937255859375, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 580.1626586914062, "width": 311.34375, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 600.1626586914062, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 624.1626586914062, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 667.3501586914062, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 667.3501586914062, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1199.91552734375, "y": 667.3501586914062, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0.634209, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 486.8783874511719, "width": 56.568603515625, "height": 56.568572998046875 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 486.8783874511719, 1103.6124267578125, 515.1626586914062, 1075.328125, 543.4469604492188, 1047.0438232421875, 515.1626586914062 ], "padding": [ 1075.328125, 486.8783874511719, 1103.6124267578125, 515.1626586914062, 1075.328125, 543.4469604492188, 1047.0438232421875, 515.1626586914062 ], "border": [ 1075.328125, 486.8783874511719, 1103.6124267578125, 515.1626586914062, 1075.328125, 543.4469604492188, 1047.0438232421875, 515.1626586914062 ], "margin": [ 1075.328125, 486.8783874511719, 1103.6124267578125, 515.1626586914062, 1075.328125, 543.4469604492188, 1047.0438232421875, 515.1626586914062 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 486.8783874511719, "width": 56.568603515625, "height": 56.568572998046875 }, "fragments": [ [ 1075.328125, 486.8783874511719, 1103.6124267578125, 515.1626586914062, 1075.328125, 543.4469604492188, 1047.0438232421875, 515.1626586914062 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b-reverse.0.png", "x": 0, "y": 592, "width": 346, "height": 296, "crop": { "x": 902, "y": 430, "width": 346, "height": 296 } } }, { "timeMs": 144.43261039077186, "actualJsTimeMs": 1886.1999999284744, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 144.43261039077186, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 144.43261039077186, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 144.43261039077186, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 449.6699523925781, "width": 313.34375, "height": 260.1874694824219 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.004) 0px 0.380734px 0.761468px 0px", "transform": "matrix(1, 0, 0, 1, 0, -0.126911)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 450.6699523925781, "width": 311.34375, "height": 130.00003051757812 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 453.444580078125, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 580.6699829101562, "width": 311.34375, "height": 128.18743896484375 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 600.6699829101562, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 624.6699829101562, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 667.8574829101562, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 667.8574829101562, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1199.408203125, "y": 667.8574829101562, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "matrix(1, 0, 0, 1, 0.126911, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 487.38568115234375, "width": 56.568603515625, "height": 56.56854248046875 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 487.38568115234375, 1103.6124267578125, 515.6699829101562, 1075.328125, 543.9542236328125, 1047.0438232421875, 515.6699829101562 ], "padding": [ 1075.328125, 487.38568115234375, 1103.6124267578125, 515.6699829101562, 1075.328125, 543.9542236328125, 1047.0438232421875, 515.6699829101562 ], "border": [ 1075.328125, 487.38568115234375, 1103.6124267578125, 515.6699829101562, 1075.328125, 543.9542236328125, 1047.0438232421875, 515.6699829101562 ], "margin": [ 1075.328125, 487.38568115234375, 1103.6124267578125, 515.6699829101562, 1075.328125, 543.9542236328125, 1047.0438232421875, 515.6699829101562 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 487.38568115234375, "width": 56.568603515625, "height": 56.56854248046875 }, "fragments": [ [ 1075.328125, 487.38568115234375, 1103.6124267578125, 515.6699829101562, 1075.328125, 543.9542236328125, 1047.0438232421875, 515.6699829101562 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b-reverse.0.png", "x": 0, "y": 888, "width": 346, "height": 296, "crop": { "x": 902, "y": 430, "width": 346, "height": 296 } } }, { "timeMs": 192.57681385436248, "actualJsTimeMs": 2175.6999999284744, "lastAnimationFrameTimeMs": null, "nativeTimes": [ { "id": "effect-3", "currentTimeMs": 192.57681385436248, "playState": "paused" }, { "id": "effect-4", "currentTimeMs": 192.57681385436248, "playState": "paused" }, { "id": "effect-5", "currentTimeMs": 192.57681385436248, "playState": "paused" } ], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 449.796875, "width": 313.34375, "height": 260.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 450.796875, "width": 311.34375, "height": 130 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 453.57147216796875, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": { "box-shadow": "none", "transform": "matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 580.796875, "width": 311.34375, "height": 128.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 600.796875, "width": 271.34375, "height": 17 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 624.796875, "width": 271.34375, "height": 19.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 667.984375, "width": 271.34375, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 667.984375, "width": 64.03125, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1199.28125, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 487.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "styles": { "box-shadow": "none", "transform": "none" }, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "padding": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "border": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "margin": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 487.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "fragments": [ [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b-reverse.0.png", "x": 0, "y": 1184, "width": 346, "height": 296, "crop": { "x": 902, "y": 430, "width": 346, "height": 296 } } } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": false, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "ecfc81e86c10b7afdff0b32a0af668ec9b8567a2112543d6508492908739125d", "instanceCheckFingerprint": "fec7252a7a50a64a6ce8d3887c05995b2320fa54996eca695717bd66cc850dd0", "captureCoverage": "full_observation", "summary": "unhover on html[0]/body[1]/main[1]/section[4]/div[1]/article[2] changes boxShadow, transform; duration 192.577 ms; 5 sampled frame(s); observed." }, { "id": "auto-cd72e4c8225f87bf498a", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]", "htmlId": null, "testId": null, "action": "hover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] } ], "target": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] } ], "actions": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } } ], "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[2]/button[1]" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1052.3000000715256, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[2]/button[1]", "observedNodeId": 32, "visible": true, "text": "+   New project", "rect": { "x": 1103.875, "y": 166.890625, "width": 128.125, "height": 41 }, "styles": { "background-color": "rgb(0, 79, 63)" } } ], "frame": { "file": "interactions/desktop/auto-0535807b74fad2ae1457.0.png", "x": 0, "y": 0, "width": 161, "height": 74, "crop": { "x": 1087, "y": 150, "width": 161, "height": 74 } } } ], "actionObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } ], "preparationObservations": [], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": true, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "5b69114059a61ff27f876d534909033d3a123387f26ab41c06827228762385fb", "instanceCheckFingerprint": "1672f5da69bb51e1248070ac414abdd2b5189be6c7ccde7720a5d0ea9ea6a430", "captureCoverage": "full_observation", "summary": "hover on html[0]/body[1]/main[1]/section[2]/button[1] has no recorded motion definition; 1 sampled frame(s); observed." }, { "id": "auto-cd72e4c8225f87bf498a-leave", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]", "htmlId": null, "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] } ], "target": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } } ], "prepareAt": "end", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[2]/button[1]" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1115, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[2]/button[1]", "observedNodeId": 32, "visible": true, "text": "+   New project", "rect": { "x": 1103.875, "y": 166.890625, "width": 128.125, "height": 41 }, "styles": { "background-color": "rgb(0, 107, 85)" } } ], "frame": { "file": "interactions/desktop/auto-0535807b74fad2ae1457-leave.0.png", "x": 0, "y": 0, "width": 161, "height": 74, "crop": { "x": 1087, "y": 150, "width": 161, "height": 74 } } } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": true, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "430c2cb1c0512035a68f3b23b3f8c5c8ee37ca389963dabd684ceec72e424992", "instanceCheckFingerprint": "57c2d205680de3b98d6b10cc8fc8fa578abc8708132c21b75a2b4d5820554489", "captureCoverage": "full_observation", "summary": "unhover on html[0]/body[1]/main[1]/section[2]/button[1] has no recorded motion definition; 1 sampled frame(s); observed." }, { "id": "auto-cd72e4c8225f87bf498a-reverse", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]", "htmlId": null, "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] } ], "target": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".primary:hover", "declarations": "background: rgb(0, 79, 63);", "properties": [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } } ], "prepareAt": "half", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[2]/button[1]" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 951.8000000715256, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[2]/button[1]", "observedNodeId": 32, "visible": true, "text": "+   New project", "rect": { "x": 1103.875, "y": 166.890625, "width": 128.125, "height": 41 }, "styles": { "background-color": "rgb(0, 107, 85)" } } ] } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": true, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "430c2cb1c0512035a68f3b23b3f8c5c8ee37ca389963dabd684ceec72e424992", "instanceCheckFingerprint": "57c2d205680de3b98d6b10cc8fc8fa578abc8708132c21b75a2b4d5820554489", "captureCoverage": "representative_plus_instance_checks", "representativeScenarioId": "auto-cd72e4c8225f87bf498a-leave", "summary": "unhover on html[0]/body[1]/main[1]/section[2]/button[1] has no recorded motion definition; 1 sampled frame(s); observed." }, { "id": "auto-04ab76f965e758abdf04", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "htmlId": "project-orbit", "testId": null, "action": "hover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-orbit" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]" } } ], "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1260.6000000238419, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 445.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "transform": "matrix(1, 0, 0, 1, 0, -4)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 446.796875, "width": 311.328125, "height": 130 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 453.3241271972656, "width": 116.94549560546875, "height": 116.94552612304688 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 576.796875, "width": 311.328125, "height": 128.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 596.796875, "width": 271.328125, "height": 17 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 620.796875, "width": 271.328125, "height": 19.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 663.984375, "width": 271.328125, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 663.984375, "width": 64.03125, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 540.609375, "y": 663.984375, "width": 11.71875, "height": 21 }, "styles": { "transform": "matrix(1, 0, 0, 1, 4, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 462.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "styles": {}, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 483.8747863769531, 416.65765380859375, 463.589111328125, 452.1575927734375, 539.718994140625, 408.65484619140625, 560.004638671875 ], "padding": [ 373.1549072265625, 483.8747863769531, 416.65765380859375, 463.589111328125, 452.1575927734375, 539.718994140625, 408.65484619140625, 560.004638671875 ], "border": [ 371.82598876953125, 483.39111328125, 417.141357421875, 462.26019287109375, 453.48651123046875, 540.20263671875, 408.171142578125, 561.3335571289062 ], "margin": [ 371.82598876953125, 483.39111328125, 417.141357421875, 462.26019287109375, 453.48651123046875, 540.20263671875, 408.171142578125, 561.3335571289062 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 462.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "fragments": [ [ 371.82598876953125, 483.39111328125, 417.141357421875, 462.26019287109375, 453.48651123046875, 540.20263671875, 408.171142578125, 561.3335571289062 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 470.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "styles": {}, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 507.79547119140625, 440.5783386230469, 472.2955322265625, 460.864013671875, 515.7982788085938, 384.7341613769531, 551.2982177734375 ], "padding": [ 364.448486328125, 507.79547119140625, 440.5783386230469, 472.2955322265625, 460.864013671875, 515.7982788085938, 384.7341613769531, 551.2982177734375 ], "border": [ 363.11956787109375, 507.311767578125, 441.06201171875, 470.9665832519531, 462.19293212890625, 516.281982421875, 384.25048828125, 552.6271362304688 ], "margin": [ 363.11956787109375, 507.311767578125, 441.06201171875, 470.9665832519531, 462.19293212890625, 516.281982421875, 384.25048828125, 552.6271362304688 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 470.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "fragments": [ [ 363.11956787109375, 507.311767578125, 441.06201171875, 470.9665832519531, 462.19293212890625, 516.281982421875, 384.25048828125, 552.6271362304688 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-04ab76f965e758abdf04.0.png", "x": 0, "y": 0, "width": 346, "height": 297, "crop": { "x": 240, "y": 429, "width": 346, "height": 297 } } } ], "actionObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]" } ], "preparationObservations": [], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": true, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "feae9f692be20a38001519ec45a2e079a421cd1b4b3693e7d058d04fde1a2df1", "instanceCheckFingerprint": "1edba87b4de44d7f942098a81d2c64388ee3118513fccf6c61ada9cf1bdcb8bd", "captureCoverage": "full_observation", "summary": "hover on html[0]/body[1]/main[1]/section[4]/div[1]/article[0] has no recorded motion definition; 1 sampled frame(s); observed." }, { "id": "auto-04ab76f965e758abdf04-leave", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "htmlId": "project-orbit", "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-orbit" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]" } } ], "prepareAt": "end", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1512.4000000953674, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 449.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 450.796875, "width": 311.328125, "height": 130 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 457.3241271972656, "width": 116.94549560546875, "height": 116.94552612304688 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 580.796875, "width": 311.328125, "height": 128.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 600.796875, "width": 271.328125, "height": 17 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 624.796875, "width": 271.328125, "height": 19.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 667.984375, "width": 271.328125, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 667.984375, "width": 64.03125, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 536.609375, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 466.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "styles": {}, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 487.8747863769531, 416.65765380859375, 467.589111328125, 452.1575927734375, 543.718994140625, 408.65484619140625, 564.004638671875 ], "padding": [ 373.1549072265625, 487.8747863769531, 416.65765380859375, 467.589111328125, 452.1575927734375, 543.718994140625, 408.65484619140625, 564.004638671875 ], "border": [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ], "margin": [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 466.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "fragments": [ [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 474.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "styles": {}, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 511.79547119140625, 440.5783386230469, 476.2955322265625, 460.864013671875, 519.7982788085938, 384.7341613769531, 555.2982177734375 ], "padding": [ 364.448486328125, 511.79547119140625, 440.5783386230469, 476.2955322265625, 460.864013671875, 519.7982788085938, 384.7341613769531, 555.2982177734375 ], "border": [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ], "margin": [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 474.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "fragments": [ [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-04ab76f965e758abdf04-leave.0.png", "x": 0, "y": 0, "width": 346, "height": 297, "crop": { "x": 240, "y": 429, "width": 346, "height": 297 } } } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": true, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "b67987479d4823dcac7e768fe738dbc9b7d15b2bbc90e96075b914aab0af036d", "instanceCheckFingerprint": "986eebe708318d96559190877e91e78125982c15599b2c96d7d1d46baa61fd82", "captureCoverage": "full_observation", "summary": "unhover on html[0]/body[1]/main[1]/section[4]/div[1]/article[0] has no recorded motion definition; 1 sampled frame(s); observed." }, { "id": "auto-04ab76f965e758abdf04-reverse", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "htmlId": "project-orbit", "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-orbit" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]" } } ], "prepareAt": "half", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1407.1000000238419, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "observedNodeId": 53, "visible": true, "text": "", "rect": { "x": 256, "y": 449.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]", "observedNodeId": 54, "visible": true, "text": "", "rect": { "x": 257, "y": 450.796875, "width": 311.328125, "height": 130 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]", "observedNodeId": 55, "visible": true, "text": "", "rect": { "x": 354.1835021972656, "y": 457.3241271972656, "width": 116.94549560546875, "height": 116.94552612304688 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]", "observedNodeId": 56, "visible": true, "text": "", "rect": { "x": 257, "y": 580.796875, "width": 311.328125, "height": 128.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/h3[0]", "observedNodeId": 57, "visible": true, "text": "Orbit identity", "rect": { "x": 277, "y": 600.796875, "width": 271.328125, "height": 17 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/p[1]", "observedNodeId": 58, "visible": true, "text": "A fresh perspective on a familiar world.", "rect": { "x": 277, "y": 624.796875, "width": 271.328125, "height": 19.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]", "observedNodeId": 59, "visible": true, "text": "", "rect": { "x": 277, "y": 667.984375, "width": 271.328125, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[0]", "observedNodeId": 60, "visible": true, "text": "In progress", "rect": { "x": 277, "y": 667.984375, "width": 64.03125, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[1]/div[2]/span[1]", "observedNodeId": 61, "visible": true, "text": "↗", "rect": { "x": 536.609375, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::before", "visible": true, "text": "\"\"", "rect": { "x": 371.82598876953125, "y": 466.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "styles": {}, "pseudoElement": "::before", "geometry": { "content": [ 373.1549072265625, 487.8747863769531, 416.65765380859375, 467.589111328125, 452.1575927734375, 543.718994140625, 408.65484619140625, 564.004638671875 ], "padding": [ 373.1549072265625, 487.8747863769531, 416.65765380859375, 467.589111328125, 452.1575927734375, 543.718994140625, 408.65484619140625, 564.004638671875 ], "border": [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ], "margin": [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ], "width": 50, "height": 86, "bounds": { "x": 371.82598876953125, "y": 466.26019287109375, "width": 81.6605224609375, "height": 99.0733642578125 }, "fragments": [ [ 371.82598876953125, 487.39111328125, 417.141357421875, 466.26019287109375, 453.48651123046875, 544.20263671875, 408.171142578125, 565.3335571289062 ] ] }, "geometryReason": null }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 363.11956787109375, "y": 474.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "styles": {}, "pseudoElement": "::after", "geometry": { "content": [ 364.448486328125, 511.79547119140625, 440.5783386230469, 476.2955322265625, 460.864013671875, 519.7982788085938, 384.7341613769531, 555.2982177734375 ], "padding": [ 364.448486328125, 511.79547119140625, 440.5783386230469, 476.2955322265625, 460.864013671875, 519.7982788085938, 384.7341613769531, 555.2982177734375 ], "border": [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ], "margin": [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ], "width": 86, "height": 50, "bounds": { "x": 363.11956787109375, "y": 474.9665832519531, "width": 99.0733642578125, "height": 81.66055297851562 }, "fragments": [ [ 363.11956787109375, 511.311767578125, 441.06201171875, 474.9665832519531, 462.19293212890625, 520.281982421875, 384.25048828125, 556.6271362304688 ] ] }, "geometryReason": null } ] } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": true, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "b67987479d4823dcac7e768fe738dbc9b7d15b2bbc90e96075b914aab0af036d", "instanceCheckFingerprint": "986eebe708318d96559190877e91e78125982c15599b2c96d7d1d46baa61fd82", "captureCoverage": "representative_plus_instance_checks", "representativeScenarioId": "auto-04ab76f965e758abdf04-leave", "summary": "unhover on html[0]/body[1]/main[1]/section[4]/div[1]/article[0] has no recorded motion definition; 1 sampled frame(s); observed." }, { "id": "auto-069a7ea8491a32a4e626", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "htmlId": "project-form", "testId": null, "action": "hover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-form" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]" } } ], "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1274.8999999761581, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 445.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "transform": "matrix(1, 0, 0, 1, 0, -4)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 446.796875, "width": 311.328125, "height": 130 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 461.9823913574219, "width": 99.62890625, "height": 99.62899780273438 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.169921875, "y": 474.45709228515625, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 468.2197265625, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 461.9823913574219, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 503.801513671875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 497.56414794921875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 491.3268127441406, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 533.1459350585938, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 526.9085693359375, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 520.6712646484375, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 576.796875, "width": 311.328125, "height": 128.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 596.796875, "width": 271.328125, "height": 17 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 620.796875, "width": 271.328125, "height": 19.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 663.984375, "width": 271.328125, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 663.984375, "width": 54.015625, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 871.9375, "y": 663.984375, "width": 11.71875, "height": 21 }, "styles": { "transform": "matrix(1, 0, 0, 1, 4, 0)" } } ], "frame": { "file": "interactions/desktop/auto-069a7ea8491a32a4e626.0.png", "x": 0, "y": 0, "width": 346, "height": 297, "crop": { "x": 571, "y": 429, "width": 346, "height": 297 } } } ], "actionObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]" } ], "preparationObservations": [], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": true, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "aaefe83f0844a8b3777fce53f3b24bf07b47bd579c5bb136f65cd5d66de709f1", "instanceCheckFingerprint": "19dbe47da8a59dfb2ad086351fa28ddf5dfeef03de7bc940ba319f718a053272", "captureCoverage": "full_observation", "summary": "hover on html[0]/body[1]/main[1]/section[4]/div[1]/article[1] has no recorded motion definition; 1 sampled frame(s); observed." }, { "id": "auto-069a7ea8491a32a4e626-leave", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "htmlId": "project-form", "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-form" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]" } } ], "prepareAt": "end", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1394, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 449.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 450.796875, "width": 311.328125, "height": 130 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.1698608398438, "y": 465.9823913574219, "width": 99.62896728515625, "height": 99.62899780273438 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.1698608398438, "y": 478.45709228515625, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 472.2197265625, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 465.9823913574219, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 507.801513671875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 501.56414794921875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 495.3268127441406, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 537.1459350585938, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 530.9085693359375, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 524.6712646484375, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 580.796875, "width": 311.328125, "height": 128.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 600.796875, "width": 271.328125, "height": 17 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 624.796875, "width": 271.328125, "height": 19.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 667.984375, "width": 271.328125, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 667.984375, "width": 54.015625, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 867.9375, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "transform": "none" } } ], "frame": { "file": "interactions/desktop/auto-069a7ea8491a32a4e626-leave.0.png", "x": 0, "y": 0, "width": 346, "height": 297, "crop": { "x": 571, "y": 429, "width": 346, "height": 297 } } } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": true, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "0337c0a3cfba50c769db5e9a8fa7d330a816ce7afddc328530ab4fad820474b8", "instanceCheckFingerprint": "d0bd33b3f73fdebe19155256429a4aa950b49725fc80e28972618e74b3d641d0", "captureCoverage": "full_observation", "summary": "unhover on html[0]/body[1]/main[1]/section[4]/div[1]/article[1] has no recorded motion definition; 1 sampled frame(s); observed." }, { "id": "auto-069a7ea8491a32a4e626-reverse", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "htmlId": "project-form", "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-form" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]" } } ], "prepareAt": "half", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 1092.7000000476837, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "observedNodeId": 62, "visible": true, "text": "", "rect": { "x": 587.328125, "y": 449.796875, "width": 313.328125, "height": 260.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]", "observedNodeId": 63, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 450.796875, "width": 311.328125, "height": 130 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]", "observedNodeId": 64, "visible": true, "text": "", "rect": { "x": 694.1698608398438, "y": 465.9823913574219, "width": 99.62896728515625, "height": 99.62899780273438 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[0]", "observedNodeId": 65, "visible": true, "text": "", "rect": { "x": 694.1698608398438, "y": 478.45709228515625, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[1]", "observedNodeId": 66, "visible": true, "text": "", "rect": { "x": 723.5142822265625, "y": 472.2197265625, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[2]", "observedNodeId": 67, "visible": true, "text": "", "rect": { "x": 752.8587646484375, "y": 465.9823913574219, "width": 28.46539306640625, "height": 28.465423583984375 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[3]", "observedNodeId": 68, "visible": true, "text": "", "rect": { "x": 700.4072265625, "y": 507.801513671875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[4]", "observedNodeId": 69, "visible": true, "text": "", "rect": { "x": 729.7516479492188, "y": 501.56414794921875, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[5]", "observedNodeId": 70, "visible": true, "text": "", "rect": { "x": 759.0960693359375, "y": 495.3268127441406, "width": 28.4654541015625, "height": 28.465423583984375 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[6]", "observedNodeId": 71, "visible": true, "text": "", "rect": { "x": 706.6445922851562, "y": 537.1459350585938, "width": 28.46539306640625, "height": 28.4654541015625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[7]", "observedNodeId": 72, "visible": true, "text": "", "rect": { "x": 735.989013671875, "y": 530.9085693359375, "width": 28.4654541015625, "height": 28.4654541015625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[0]/span[0]/i[8]", "observedNodeId": 73, "visible": true, "text": "", "rect": { "x": 765.3334350585938, "y": 524.6712646484375, "width": 28.46539306640625, "height": 28.46539306640625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]", "observedNodeId": 74, "visible": true, "text": "", "rect": { "x": 588.328125, "y": 580.796875, "width": 311.328125, "height": 128.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/h3[0]", "observedNodeId": 75, "visible": true, "text": "Form & function", "rect": { "x": 608.328125, "y": 600.796875, "width": 271.328125, "height": 17 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/p[1]", "observedNodeId": 76, "visible": true, "text": "Simple objects. Considered details.", "rect": { "x": 608.328125, "y": 624.796875, "width": 271.328125, "height": 19.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]", "observedNodeId": 77, "visible": true, "text": "", "rect": { "x": 608.328125, "y": 667.984375, "width": 271.328125, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[0]", "observedNodeId": 78, "visible": true, "text": "In review", "rect": { "x": 608.328125, "y": 667.984375, "width": 54.015625, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]/div[1]/div[2]/span[1]", "observedNodeId": 79, "visible": true, "text": "↗", "rect": { "x": 867.9375, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "transform": "none" } } ] } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": true, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "0337c0a3cfba50c769db5e9a8fa7d330a816ce7afddc328530ab4fad820474b8", "instanceCheckFingerprint": "d0bd33b3f73fdebe19155256429a4aa950b49725fc80e28972618e74b3d641d0", "captureCoverage": "representative_plus_instance_checks", "representativeScenarioId": "auto-069a7ea8491a32a4e626-leave", "summary": "unhover on html[0]/body[1]/main[1]/section[4]/div[1]/article[1] has no recorded motion definition; 1 sampled frame(s); observed." }, { "id": "auto-24337e9a3ae835270598", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "htmlId": "project-still", "testId": null, "action": "hover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-still" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]" } } ], "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 922.6000000238419, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 445.796875, "width": 313.34375, "height": 260.1875 }, "styles": { "box-shadow": "rgba(23, 60, 35, 0.08) 0px 12px 24px 0px", "transform": "matrix(1, 0, 0, 1, 0, -4)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 446.796875, "width": 311.34375, "height": 130 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 449.57147216796875, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 576.796875, "width": 311.34375, "height": 128.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 596.796875, "width": 271.34375, "height": 17 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 620.796875, "width": 271.34375, "height": 19.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 663.984375, "width": 271.34375, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 663.984375, "width": 64.03125, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1203.28125, "y": 663.984375, "width": 11.71875, "height": 21 }, "styles": { "transform": "matrix(1, 0, 0, 1, 4, 0)" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 483.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "styles": {}, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ], "padding": [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ], "border": [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ], "margin": [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 483.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "fragments": [ [ 1075.328125, 483.5126037597656, 1103.6124267578125, 511.796875, 1075.328125, 540.0811767578125, 1047.0438232421875, 511.796875 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-24337e9a3ae835270598.0.png", "x": 0, "y": 0, "width": 346, "height": 297, "crop": { "x": 902, "y": 429, "width": 346, "height": 297 } } } ], "actionObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]" } ], "preparationObservations": [], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": true, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "fcde04b26e7e7880ba8720e9e2f5d74143a28e8309ef847d37bb23313582ba24", "instanceCheckFingerprint": "333b1cb9bf5157c1a59889220588514eadafd1ae396e6bc8baf728ab377859ae", "captureCoverage": "full_observation", "summary": "hover on html[0]/body[1]/main[1]/section[4]/div[1]/article[2] has no recorded motion definition; 1 sampled frame(s); observed." }, { "id": "auto-24337e9a3ae835270598-leave", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "htmlId": "project-still", "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-still" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]" } } ], "prepareAt": "end", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 937.9000000953674, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 449.796875, "width": 313.34375, "height": 260.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 450.796875, "width": 311.34375, "height": 130 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 453.57147216796875, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 580.796875, "width": 311.34375, "height": 128.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 600.796875, "width": 271.34375, "height": 17 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 624.796875, "width": 271.34375, "height": 19.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 667.984375, "width": 271.34375, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 667.984375, "width": 64.03125, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1199.28125, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 487.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "styles": {}, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "padding": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "border": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "margin": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 487.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "fragments": [ [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ] ] }, "geometryReason": null } ], "frame": { "file": "interactions/desktop/auto-24337e9a3ae835270598-leave.0.png", "x": 0, "y": 0, "width": 346, "height": 297, "crop": { "x": 902, "y": 429, "width": 346, "height": 297 } } } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": true, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "bbe07f16a9af213008ae0e2f001e2a87189e275a7ff875cb6b871f63a2e8acbd", "instanceCheckFingerprint": "b1071f6b5f4980dd363b52f877b4812724576ab5853aa392df05cf1aafe7aab3", "captureCoverage": "full_observation", "summary": "unhover on html[0]/body[1]/main[1]/section[4]/div[1]/article[2] has no recorded motion definition; 1 sampled frame(s); observed." }, { "id": "auto-24337e9a3ae835270598-reverse", "trigger": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "htmlId": "project-still", "testId": null, "action": "unhover", "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "target": { "htmlId": "project-still" } }, "rules": [ { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "6cde4cd0961ac156ecd49cc864b2de685098560b5778f8ce084fbd6f98b49aa0", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover", "declarations": "transform: translateY(-4px); box-shadow: rgba(23, 60, 35, 0.08) 0px 12px 24px;", "properties": [ "transform", "box-shadow" ], "conditions": [] }, { "stylesheetSha256": "56b28320ea4191fd241ae80cf094d5c857cf2d5697c81e44c9e2175ea632f808", "selector": ".project:hover .arrow", "declarations": "transform: translateX(4px);", "properties": [ "transform" ], "conditions": [] } ], "actions": [ { "action": "unhover" } ], "preparation": [ { "action": "hover", "target": { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]" } } ], "prepareAt": "half", "captureMethod": "real_pointer", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" }, "definitions": [], "affectedNodePaths": [ "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after" ], "states": [], "samples": [ { "timeMs": 0, "actualJsTimeMs": 785.7999999523163, "lastAnimationFrameTimeMs": null, "nativeTimes": [], "measurements": [ { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "observedNodeId": 80, "visible": true, "text": "", "rect": { "x": 918.65625, "y": 449.796875, "width": 313.34375, "height": 260.1875 }, "styles": { "box-shadow": "none", "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]", "observedNodeId": 81, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 450.796875, "width": 311.34375, "height": 130 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]", "observedNodeId": 82, "visible": true, "text": "", "rect": { "x": 1013.1027221679688, "y": 453.57147216796875, "width": 124.45074462890625, "height": 124.4508056640625 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]", "observedNodeId": 83, "visible": true, "text": "", "rect": { "x": 919.65625, "y": 580.796875, "width": 311.34375, "height": 128.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/h3[0]", "observedNodeId": 84, "visible": true, "text": "A moment of still", "rect": { "x": 939.65625, "y": 600.796875, "width": 271.34375, "height": 17 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/p[1]", "observedNodeId": 85, "visible": true, "text": "A quieter kind of digital experience.", "rect": { "x": 939.65625, "y": 624.796875, "width": 271.34375, "height": 19.1875 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]", "observedNodeId": 86, "visible": true, "text": "", "rect": { "x": 939.65625, "y": 667.984375, "width": 271.34375, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[0]", "observedNodeId": 87, "visible": true, "text": "In progress", "rect": { "x": 939.65625, "y": 667.984375, "width": 64.03125, "height": 21 }, "styles": {} }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[1]/div[2]/span[1]", "observedNodeId": 88, "visible": true, "text": "↗", "rect": { "x": 1199.28125, "y": 667.984375, "width": 11.71875, "height": 21 }, "styles": { "transform": "none" } }, { "path": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]/div[0]/span[0]::after", "visible": true, "text": "\"\"", "rect": { "x": 1047.0438232421875, "y": 487.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "styles": {}, "pseudoElement": "::after", "geometry": { "content": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "padding": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "border": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "margin": [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ], "width": 40, "height": 40, "bounds": { "x": 1047.0438232421875, "y": 487.5126037597656, "width": 56.568603515625, "height": 56.568572998046875 }, "fragments": [ [ 1075.328125, 487.5126037597656, 1103.6124267578125, 515.796875, 1075.328125, 544.0811767578125, 1047.0438232421875, 515.796875 ] ] }, "geometryReason": null } ] } ], "actionObservations": [ { "index": 0, "action": "unhover", "nodePath": null } ], "preparationObservations": [ { "index": 0, "action": "hover", "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]" } ], "status": "observed", "limitations": [], "environment": { "deviceScaleFactor": 1, "cssViewport": { "width": 1280, "height": 800 }, "pointer": { "coarse": false, "fine": true, "hover": true, "anyHover": true }, "reducedMotion": true, "opaqueSurfaces": [] }, "controller": "native_animation_seek", "fingerprint": "bbe07f16a9af213008ae0e2f001e2a87189e275a7ff875cb6b871f63a2e8acbd", "instanceCheckFingerprint": "b1071f6b5f4980dd363b52f877b4812724576ab5853aa392df05cf1aafe7aab3", "captureCoverage": "representative_plus_instance_checks", "representativeScenarioId": "auto-24337e9a3ae835270598-leave", "summary": "unhover on html[0]/body[1]/main[1]/section[4]/div[1]/article[2] has no recorded motion definition; 1 sampled frame(s); observed." } ], "artifacts": [ { "file": "interactions/desktop/auto-0535807b74fad2ae1457.0.png", "sha256": "d36512d4c34c294adc39edd841de190c609664801179ecea5007d543f6d184a4", "bytes": 1961 }, { "file": "interactions/desktop/auto-0535807b74fad2ae1457-leave.0.png", "sha256": "b4ced8c3a713583cf49a8e2e14fce4029ee251ac9b97d7a84cc83e5188d6e897", "bytes": 1960 }, { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0.0.png", "sha256": "f4a93e41b5cc213364943d961647639cbf6cb874d022f351d4624e238a676007", "bytes": 80355 }, { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0-leave.0.png", "sha256": "b33e48d3b8d80de13d9c700665bad526d81dd3d5207e81283e73d716b1bf3eb6", "bytes": 75729 }, { "file": "interactions/desktop/auto-b25f72d8fc92bfcaf0e0-reverse.0.png", "sha256": "baff1cea848d9cbda2c8472569109b93296bfe2c06192b39210f2e1bd6abf5bf", "bytes": 74215 }, { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff.0.png", "sha256": "64f3b4e7d956af69f5c28f95712c40b5bc909b325bf84b079181a6822626d7b2", "bytes": 77579 }, { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff-leave.0.png", "sha256": "4dd03fd62f8891845fa2853e270ebcc7b75e6447baf92c2bff6b1680d03acd30", "bytes": 72824 }, { "file": "interactions/desktop/auto-10b50040e1d3fedca6ff-reverse.0.png", "sha256": "dc2ccc91ed693f947efc3e88dabdc0b6ebbf043af4bfc46baa7d074adf8cfe1d", "bytes": 71467 }, { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b.0.png", "sha256": "89f9fa8d0df0b0dc4be8e47125a2b937afa8e753c6e652a0a34fb9c0df467c94", "bytes": 69469 }, { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b-leave.0.png", "sha256": "dcaddeea911d21fc6ed7641ea23a4c0cbf15aa5e8f2ee4af07eebf1a49382597", "bytes": 64739 }, { "file": "interactions/desktop/auto-f563de56cefcfb7c8a3b-reverse.0.png", "sha256": "d236c73fad67d6e95d508f33c5d87a6f882b7743eb5dc5b0074c0578581a7603", "bytes": 63093 }, { "file": "interactions/desktop/auto-04ab76f965e758abdf04.0.png", "sha256": "30054d7af4b1115d022a28d433ffb84799ce504300cea37192a7ef55d04830f1", "bytes": 17506 }, { "file": "interactions/desktop/auto-04ab76f965e758abdf04-leave.0.png", "sha256": "a253856e4d2864239a8453f42023fb3071405ed395ba900607f22e45d76ef9e5", "bytes": 14161 }, { "file": "interactions/desktop/auto-069a7ea8491a32a4e626.0.png", "sha256": "18c21e5d0061e3fce44e383e7b457bad5c75d6fba1fe19afc78ef3d8a61d9934", "bytes": 16988 }, { "file": "interactions/desktop/auto-069a7ea8491a32a4e626-leave.0.png", "sha256": "c7e105143ae69c04e4f97c9dd71957a31a7881a8b46571cb981663987b0ac06e", "bytes": 13549 }, { "file": "interactions/desktop/auto-24337e9a3ae835270598.0.png", "sha256": "409a9eb0ca7bbf3dcf3f442b84a47cca8cc88cc7862c55f5f2ba09537152126a", "bytes": 15357 }, { "file": "interactions/desktop/auto-24337e9a3ae835270598-leave.0.png", "sha256": "6c151124c6d6b9b54e6c54a43bfa832c9d6e0602b47cc472ce80870ae51277a9", "bytes": 11894 } ], "limitations": [], "discovered": [ { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]", "action": "hover", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" } }, { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "action": "hover", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" } }, { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "action": "hover", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" } }, { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "action": "hover", "profile": { "inputProfile": "mouse", "motionPreference": "no-preference" } }, { "nodePath": "html[0]/body[1]/main[1]/section[2]/button[1]", "action": "hover", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" } }, { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[0]", "action": "hover", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" } }, { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[1]", "action": "hover", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" } }, { "nodePath": "html[0]/body[1]/main[1]/section[4]/div[1]/article[2]", "action": "hover", "profile": { "inputProfile": "mouse", "motionPreference": "reduce" } } ] }