:root{--spacing-xxs: 4px;--spacing-xs: 12px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-xxl: 64px;--spacing-xxxl: 80px;--color-text: #000;--color-text-on-dark: #fff;--color-background: #fff;--color-primary: #007aff;--color-border: #d9d7dd;--color-sidebar-background: #f3f1f6;--color-success: #81f499;--color-error: #e4572e;--size-safe-bottom: 0px;--size-safe-bottom: max(env(safe-area-inset-bottom), 0px);--size-safe-top: 0px;--size-safe-top: max(env(safe-area-inset-top), 0px);--size-text: 16px;--size-sidebar: 280px;--size-menu: 44px;--size-status-bar: 0px;--size-navigation: calc(var(--size-menu) + var(--size-status-bar));--size-tool: 74px;--font-text: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';--z-slider: 20;--z-popup: 80;--z-menu: 90;--z-context: 95;--z-overlay: 95;--z-modal: 100;--z-sidebar: 105;--z-notifications: 110}@font-face{font-family:'Inter';font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:'Regular';src:url(/Inter-roman.var.woff2?v=3.19) format("woff2")}@font-face{font-family:'Inter';font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:'Italic';src:url(/Inter-italic.var.woff2?v=3.19) format("woff2")}*{padding:0;margin:0;box-sizing:border-box;font-size:1em;font-family:inherit;line-height:inherit;font-weight:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0}html,body{min-height:100%;padding:0;margin:0;font-family:var(--font-text);font-size:var(--size-text);-webkit-font-smoothing:antialiased;line-height:1.5;color:var(--color-text);text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--color-background);font-feature-settings:'kern' 1, 'onum' 0, 'liga' 1;caret-color:var(--color-tint)}img{max-width:100%;height:auto;display:block}a{text-decoration:none;display:inline-block}strong{font-weight:bold}.avatar{border-radius:100%;width:40px}.comparator{display:grid;gap:8px;grid-template-columns:1fr 1fr}.comparator>*{min-width:0}.comparator__original>img,.comparator__current>img{width:100%;border:1px solid var(--color-border)}.comparator__title{font-weight:600;overflow:hidden}.heading-2{font-size:32px;font-weight:bold}.icon{height:24px;width:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;background-size:contain;background-position:center;background-repeat:no-repeat;color:transparent;flex-shrink:0}.icon--sm{height:16px;width:16px}.icon--lg{height:32px;width:32px}.icon--check{background-image:url(/assets/icons/check-0a2be2fd1d1bcebbbf31cbd5f75b9473454bd9ba8627b48fc944fccb37f4de77.svg)}.icon--close{background-image:url(/assets/icons/close-8ddbdaf7486e0ec2592a7d23fe49beae6843c9b9ad59b7a376f7232007c30fcb.svg)}.icon--ipad{background-image:url(/assets/icons/ipad-6cc7c178450477c0d90c24b2dbf5188aea03e0276853f6790c1dde8c41cf586c.svg)}.icon--iphone{background-image:url(/assets/icons/iphone-85eacb86c3e959fe28fad299254923f4d1005a760508b870028cc275a86bad1d.svg)}.icon--macbook{background-image:url(/assets/icons/laptop-0c4135501cef0133221790a3cb01664d3ad87f3edd5b127c5e9442b581f865d1.svg)}.layout{display:block}.layout__sidebar{position:fixed;height:100vh;width:var(--size-sidebar)}.layout__sidebar~*{margin-left:var(--size-sidebar)}.layout__menu{position:sticky;top:0}.layout__content{padding:8px}.layout__tool{position:fixed;right:0;top:var(--size-navigation);bottom:0;width:var(--size-tool);overflow:auto}.layout__tool~.layout__content{padding-right:calc(var(--size-tool) + 8px)}.layout__tool--secondary{left:0}.layout__tool--secondary~.layout__content{padding-left:calc(var(--size-tool) + 8px)}.layout__tool--secondary .timeline-entry{border-right:none;border-left:3px solid transparent}.layout__tool--secondary .timeline-entry--active{border-color:var(--color-primary)}.menu{height:calc(var(--size-menu) + var(--size-status-bar));padding:var(--size-status-bar) 8px 0;display:flex;justify-content:space-between;align-items:center}.modal-blind{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:var(--z-modal);background-color:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.5s}.modal-open .modal-blind{opacity:1;pointer-events:all}.modal{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:var(--z-modal)}.modal__content{position:relative;background-color:white;border-radius:5px 5px 0 0;transition:opacity 0.5s, transform 0.5s;opacity:0;transform:translate(0, 80px);padding:1rem 1rem 0;height:calc(100vh - 40px);margin:40px auto 0;display:flex;flex-direction:column;max-width:600px}@media (min-width: 740px){.modal__content{border-radius:5px;height:auto;max-height:60vh;margin-top:20vh}}.modal__title{font-weight:600;font-size:20px;margin-bottom:16px}.modal__title:empty{display:none}.modal__close{position:absolute;width:24px;height:24px;top:16px;right:10px;background-image:url(/icon/close.svg);background-size:contain;background-position:center;cursor:pointer}.modal__frame{flex:1;overflow:auto;scroll-behavior:smooth;padding-bottom:calc(var(--size-safe-bottom) + 2rem)}@media (min-width: 740px){.modal__frame{padding-bottom:1rem}}.modal--small .modal__content{max-width:420px}.modal--open .modal__content{opacity:1;transform:none;pointer-events:all}.test .modal-blind,.test .modal__content{transition:none !important}body.modal-open{overflow:hidden}.popover{position:relative;background-color:var(--color-background);border:1px solid var(--color-border);display:block;border-radius:5px;padding:16px}.popover__arrow{visibility:hidden}.popover__arrow,.popover__arrow::before{position:absolute;width:8px;height:8px;background:inherit}.popover__arrow::before{visibility:visible;content:'';transform:rotate(45deg)}[data-popper-placement^='top']>.popover__arrow{bottom:-4px}[data-popper-placement^='bottom']>.popover__arrow{top:-4px}[data-popper-placement^='left']>.popover__arrow{right:-4px}[data-popper-placement^='left']>.popover__arrow::before{border-top:1px solid var(--color-border);border-right:1px solid var(--color-border)}[data-popper-placement^='right']>.popover__arrow{left:-4px}.screen-grid__header{margin-bottom:var(--spacing-sm)}.screen-grid__value{display:flex;gap:var(--spacing-md)}.screen-thumb{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:5px}.screen{display:flex;flex-direction:column;box-shadow:0px 4px 4px rgba(0,0,0,0.1);position:relative}.screen__image{width:200px}.screen__image img{width:100%;-o-object-fit:contain;object-fit:contain}.screen__name{padding:var(--spacing-xs);display:flex;justify-content:center}.screen--approved::after,.screen--visual-changes::after{content:'';position:absolute;top:0;right:0;height:32px;width:32px;border-radius:50%;transform:translate(25%, -25%);background-size:contain;background-position:center;background-repeat:no-repeat;background-size:18px}.screen--approved{border:2px solid var(--color-success)}.screen--approved::after{background-color:var(--color-success);background-image:url(/assets/icons/check-0a2be2fd1d1bcebbbf31cbd5f75b9473454bd9ba8627b48fc944fccb37f4de77.svg)}.screen--visual-changes{border:2px solid var(--color-error)}.screen--visual-changes::after{background-color:var(--color-error);background-image:url(/assets/icons/close-8ddbdaf7486e0ec2592a7d23fe49beae6843c9b9ad59b7a376f7232007c30fcb.svg)}.sidebar{background-color:var(--color-sidebar-background);border-right:1px solid var(--color-border);padding:80px 8px 8px;height:100%;overflow:auto}.sidebar__section-header{font-size:20px;font-weight:600;display:flex;justify-content:space-between;align-items:center;height:44px}.sidebar__section{overflow:auto}.sidebar__entry{height:44px;font-size:17px;display:flex;align-items:center;padding:0 4px;border-radius:8px;gap:4px;white-space:nowrap}.sidebar__entry.active{background-color:var(--color-primary);color:var(--color-text-on-dark)}.sidebar__tool{width:60px;text-align:center;padding:8px;background-color:white}.sidebar__header{font-size:34px;font-weight:bold;line-height:1}.sidebar__subheader{font-size:16px;margin:4px 0 5px}.stack{display:flex;flex-direction:column;gap:var(--spacing-md)}.stack--xxs{gap:4px}.stack--xs{gap:12px}.stack--sm{gap:16px}.stack--md{gap:24px}.stack--lg{gap:32px}.stack--xl{gap:48px}.stack--xxl{gap:64px}.stack--xxxl{gap:80px}.timeline-entry{position:relative;padding:4px;border-right:3px solid transparent;background-color:white}.timeline-entry__date{font-size:12px}.timeline-entry__commit{font-size:10px}.timeline-entry:hover{background-color:#f0f0f0}.timeline-entry--active{border-color:var(--color-primary)}.timeline-entry:not(:first-child){border-top:1px solid #ccc}