*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%;pointer-events:none;-webkit-touch-callout:none}img:after{content:"The image didn’t load"}p,h1,h2,h3,h4,h5,h6{overflow-wrap:normal;text-wrap:balance}p{text-wrap:pretty}button{cursor:pointer}:where(a),:where(a):hover,:where(a):visited,:where(a):link,:where(a):active{text-decoration:none;color:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-theme=light]{--clr-primary: hsl(21, 98%, 77%);--clr-bg-base: hsl(21, 30%, 95%);--clr-bg-raised: hsl(21, 25%, 97%);--clr-bg-overlay: hsl(21, 20%, 98%);--clr-text-strong: hsl(26, 47%, 3%);--clr-text-weak: hsl(21, 5%, 23%);--clr-stroke-strong: hsl(21, 65%, 73%);--clr-stroke-weak: hsl(21, 40%, 75%);--clr-shadow-direct: hsla(21, 30%, 15%, 55%);--clr-shadow-ambient: hsla(21, 40%, 30%, 50%);--clr-disabled: hsl(21, 10%, 85%);--clr-hover: hsl(21, 96%, 70%);--clr-browser-full-support: hsl(160, 94%, 25%);--clr-high-support: hsl(160, 84%, 30%);--clr-medium-support: hsl(38, 92%, 38%);--clr-low-support: hsl(0, 54%, 55%);--shadow-elevation-2: 0 1px 0px 0px var(--clr-shadow-ambient);--shadow-elevation-3: 0 2px 0px 0px var(--clr-shadow-ambient);--shadow-elevation-4: 0 3.5px 0px 0px var(--clr-shadow-ambient);--shadow-elevation-5: 0 6px 0px 0px var(--clr-shadow-ambient)}:root[data-theme=dark]{--clr-primary: hsl(21, 80%, 60%);--clr-text-strong: hsl(21, 21%, 98%);--clr-text-weak: hsl(21, 11%, 72%);--clr-bg-base: hsl(21, 16%, 10%);--clr-bg-raised: hsl(21, 12%, 14%);--clr-bg-overlay: hsl(21, 10%, 16%);--clr-stroke-strong: hsl(21, 55%, 53%);--clr-stroke-weak: hsl(21, 35%, 33%);--clr-disabled: hsl(21, 10%, 55%);--clr-hover: hsl(21, 90%, 60%);--clr-high-support: hsl(160, 94%, 30%);--clr-browser-full-support: hsl(160, 94%, 50%);--clr-medium-support: hsl(38, 92%, 38%);--clr-low-support: hsl(0, 54%, 55%)}:root{--space-4px: 4px;--space-8px: 8px;--space-12px: 12px;--space-16px: 16px;--space-24px: 24px;--space-32px: 32px;--space-48px: 48px;--space-64px: 64px;--space-96px: 96px;--space-4-8px: clamp(4px, 3.0769px + .2564vw, 8px);--space-8-12px: clamp(8px, 7.0769px + .2564vw, 12px);--space-12-16px: clamp(12px, 11.0769px + .2564vw, 16px);--space-16-24px: clamp(16px, 14.1538px + .5128vw, 24px);--space-24-32px: clamp(24px, 22.1538px + .5128vw, 32px);--space-32-48px: clamp(32px, 28.3077px + 1.0256vw, 48px);--space-48-64px: clamp(48px, 44.1165px + 1.0356vw, 64px);--space-64-96px: clamp(64px, 56.6154px + 2.0513vw, 96px);--radius-2px: 2px;--radius-4px: 4px;--radius-8px: 8px;--radius-16px: 16px}:root{--transition-hover-quick: all .1s ease-in-out;--transition-hover: all .2s ease-in-out;--transition-modal: all .4s ease-in-out}@font-face{font-family:REM Variable;font-style:normal;font-display:swap;src:url(/fonts/REM-Latin-subset.woff2) format("woff2-variations")}@font-face{font-family:Adjusted Arial Fallback;src:local(Arial);size-adjust:106%;ascent-override:93%;descent-override:normal;line-gap-override:normal}:root{--fontsize-s: clamp(.83rem, .07vi + .82rem, .9rem);--fontsize-body: clamp(1rem, .13vi + .97rem, 1.13rem);--fontsize-h6: clamp(1.2rem, .21vi + 1.15rem, 1.41rem);--fontsize-h5: clamp(1.44rem, .33vi + 1.37rem, 1.76rem);--fontsize-h4: clamp(1.73rem, .48vi + 1.62rem, 2.2rem);--fontsize-h3: clamp(2.07rem, .69vi + 1.92rem, 2.75rem);--fontsize-h2: clamp(2.49rem, .97vi + 2.27rem, 3.43rem);--fontsize-h1: clamp(2.99rem, 1.34vi + 2.68rem, 4.29rem)}:where(span){font-size:var(--fontsize-s)}:where(p){font-size:var(--fontsize-p)}:where(h6){font-size:var(--fontsize-h6)}:where(h5){font-size:var(--fontsize-h5)}:where(h4){font-size:var(--fontsize-h4)}:where(h3){font-size:var(--fontsize-h3)}:where(h2){font-size:var(--fontsize-h2)}:where(h1){font-size:var(--fontsize-h1)}:where(h6,h5,h4,h3,h2,h1){font-family:REM Variable,Adjusted Arial Fallback,sans-serif;font-weight:500;color:var(--clr-text-strong)}:where(p,ul,ol,li,a,span,button,label,input,textarea,select,summary,dd,dt){font-size:var(--fontsize-p);font-family:REM Variable,Adjusted Arial Fallback,sans-serif;font-weight:400;color:var(--clr-text-strong)}:where(h6,h5,h4,h3,h2,h1,button,input,label){line-height:1.2}:where(p,li){line-height:1.5}button{padding:var(--space-8px) var(--space-16px);border-radius:var(--radius-2px);background-color:var(--clr-primary);border:1px solid var(--clr-stroke-strong);display:flex;align-items:center;justify-content:center;gap:var(--space-8px);transition:var(--transition-hover-quick);box-shadow:var(--shadow-elevation-1)}@media(hover:hover){button:hover{box-shadow:var(--shadow-elevation-5);transform:translateY(-2px)}}button:active{transform:translateY(0);box-shadow:none}a{text-decoration:underline;transform:var(--transition-hover)}@media(hover:hover){a:hover{text-decoration:none}}input[type=email],input[type=text]{background-color:var(--clr-bg-raised);color:var(--clr-text-strong);caret-color:var(--clr-stroke-weak);position:relative;box-shadow:0 3px 0 0 var(--clr-stroke-strong)}*:focus-visible{outline:2px solid var(--clr-text-strong);outline-offset:3px}.search-bar[data-v-46fceee1]{position:relative;width:min(100%,600px);margin-inline:var(--space-12px)}.search-input[data-v-46fceee1]{width:100%;min-height:40px;padding:var(--space-8px);border:1px solid var(--clr-stroke-strong);border-radius:var(--radius-2px);box-shadow:var(--shadow-elevation-3)}.clear-button[data-v-46fceee1]{position:absolute;right:var(--space-16px);top:50%;transform:translateY(-50%);cursor:pointer;transition:var(--transition-hover-quick)}@media(hover:hover){.clear-button[data-v-46fceee1]:hover{scale:1.25;transform:translateY(-42%)}}.clear-button[data-v-46fceee1]:active{transform:translateY(-37%);box-shadow:none;font-weight:700}.theme-toggle[data-v-b3a0dcf7]{display:flex;align-items:center;gap:var(--space-8px);background:transparent;border:transparent;border-radius:var(--radius-2px);padding-block:var(--space-4px);padding-inline:var(--space-8px);cursor:pointer;transition:var(--transition-hover-quick);box-shadow:none}.theme-toggle[data-v-b3a0dcf7]:hover{transform:translateY(-2px);border:1px solid var(--clr-stroke-weak);box-shadow:var(--shadow-elevation-5)}.theme-toggle[data-v-b3a0dcf7]:active{transform:translateY(0);box-shadow:none;border:transparent}.theme-icon[data-v-b3a0dcf7]{min-width:var(--space-24px)}svg[data-v-b3a0dcf7]{min-width:12px}.theme-label[data-v-b3a0dcf7]{text-align:left}header[data-v-e9131a9a]{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-12px);padding-inline:var(--space-12-16px)}h1[data-v-e9131a9a]{font-size:var(--fontsize-h5);font-weight:700}.theme_and_sign_in[data-v-e9131a9a]{display:flex;gap:var(--space-16-24px)}@media(max-width:1050px){.sign-in-icon[data-v-e9131a9a]{display:none}}.modal-overlay[data-v-26ccf8b7]{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:11}.modal-content[data-v-26ccf8b7]{background-color:var(--clr-bg-overlay);width:min(98%,480px);min-height:240px;border-radius:var(--radius-4px);padding:var(--space-8-12px)}.modal-header[data-v-26ccf8b7]{display:flex;justify-content:space-between;align-items:center;margin-block-end:var(--space-24-32px)}.tabs[data-v-26ccf8b7]{display:flex;gap:var(--space-12-16px);margin-block-end:var(--space-16-24px)}.tabs button[data-v-26ccf8b7]{flex:1}.tab-content[data-v-26ccf8b7]{display:flex;flex-direction:column;gap:var(--space-8-12px)}.tab-content input[data-v-26ccf8b7]{padding:var(--space-4-8px);border-radius:var(--radius-2px);border:1px solid var(--clr-stroke-weak)}.error-message[data-v-26ccf8b7]{padding-block:var(--space-12-16px);background:#fee2e2;color:var(--clr-text-strong);border:1px solid var(--clr-support-low)}.formatted-text[data-v-273f18fd] code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.9em;background-color:var(--clr-bg-overlay);padding:var(--space-4px);border-radius:var(--radius-2px);color:var(--clr-text-strong);overflow-wrap:anywhere}.feature-card[data-v-4d87f58e]{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--space-12-16px);padding:var(--space-16px);background:var(--clr-bg-raised);border-radius:var(--radius-8px);box-shadow:var(--shadow-elevation-3);cursor:pointer;transition:var(--transition-hover)}@media(hover:hover){.feature-card[data-v-4d87f58e]:hover{box-shadow:var(--shadow-elevation-5);transform:translateY(-2px)}}.feature-card[data-v-4d87f58e]:active{transform:translateY(1px);box-shadow:var(--shadow-elevation-2)}.card-header[data-v-4d87f58e]{max-width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-12-16px)}.feature-title[data-v-4d87f58e]{flex:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.feature-usage-badge[data-v-4d87f58e]{min-width:6ch;text-align:center;padding:var(--space-4px) var(--space-8px);border-radius:var(--radius-16px)}.feature-usage-badge p[data-v-4d87f58e]{color:#fff}.feature-description[data-v-4d87f58e]{color:var(--clr-text-weak);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta-row[data-v-4d87f58e]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.baseline-badge[data-v-4d87f58e]{max-height:var(--space-16px)}.feature-grid[data-v-40e6be06]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-auto-rows:auto;gap:var(--space-16-24px)}.trigger-builder[data-v-d8777cba]{display:flex;flex-direction:column;gap:var(--space-16px)}.form-groups[data-v-d8777cba]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16px)}.form-group[data-v-d8777cba]{display:flex;flex-direction:column}.form-group label[data-v-d8777cba]{margin-block-end:var(--space-4px)}.form-group input[type=range][data-v-d8777cba]{width:100%;accent-color:var(--clr-primary)}.triggers-list[data-v-d8777cba]{display:flex;flex-direction:column;gap:var(--space-12px)}.trigger-item[data-v-d8777cba]{display:flex;justify-content:space-between;align-items:center}select[data-v-d8777cba],input[data-v-d8777cba]{border:1px solid var(--clr-stroke-weak);background-color:var(--clr-bg-overlay);border-radius:var(--radius-2px);padding:var(--space-4px) var(--space-8px)}option[data-v-d8777cba]{background-color:var(--clr-bg-overlay)}button[data-v-d8777cba]{max-width:fit-content}.modal-overlay[data-v-31dc7cb7]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;transition:var(--transition-hover-quick)}@starting-style{.modal-overlay[data-v-31dc7cb7]{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}.modal-content[data-v-31dc7cb7]{overscroll-behavior:contain;background-color:var(--clr-bg-overlay);border-radius:var(--radius-16px);box-shadow:var(--shadow-elevation-4);width:min(960px,98%);max-height:95vh;display:flex;flex-direction:column}.modal-header[data-v-31dc7cb7]{padding:var(--space-16-24px);max-width:100%;box-shadow:var(--shadow-elevation-3);display:flex;flex-direction:column;gap:var(--space-8px)}.modal-h-and-close-btn[data-v-31dc7cb7]{display:flex;justify-content:space-between;align-items:center}.modal-close-btn[data-v-31dc7cb7]{padding:var(--space-4px) var(--space-8px)}.badges-and-links[data-v-31dc7cb7]{display:flex;align-items:baseline;gap:var(--space-16-24px);margin-block:var(--space-8-12px)}.badges[data-v-31dc7cb7]{display:flex;align-items:center;gap:var(--space-16px)}.category-badge[data-v-31dc7cb7]{padding:var(--space-4px) var(--space-8px);border-radius:var(--radius-2px);background-color:#3b82f6;color:var(--clr-text-strong);text-transform:uppercase}.baseline-badge[data-v-31dc7cb7]{max-height:var(--space-16px)}.links a[data-v-31dc7cb7]{display:flex;flex-wrap:wrap;text-decoration:underline;color:var(--clr-text-strong)}@media(hover:hover){.links a[data-v-31dc7cb7][data-v-31dc7cb7]:hover{text-decoration:none}}.modal-body[data-v-31dc7cb7]{padding:var(--space-16-24px);overflow-y:auto}.modal-body h5[data-v-31dc7cb7]{margin-block-end:var(--space-8px)}section[data-v-31dc7cb7]{margin-block-end:var(--space-16-24px)}.usage-stats[data-v-31dc7cb7]{display:flex;gap:var(--space-16px)}.stat[data-v-31dc7cb7]{padding:var(--space-8px) var(--space-8px);border-radius:var(--radius-4px);border:1px solid var(--clr-stroke-weak);display:flex;justify-content:center;align-items:center;gap:var(--space-8px);background-color:var(--clr-bg-raised)}.stat .value[data-v-31dc7cb7]{font-weight:700}.browser-list[data-v-31dc7cb7]{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-8px)}.browser-row[data-v-31dc7cb7]{display:grid;grid-row:span 2;grid-template-rows:subgrid;justify-items:center;gap:var(--space-4px);background-color:var(--clr-bg-raised);border:1px solid var(--clr-stroke-weak);border-radius:var(--radius-4px);padding-block:var(--space-4px);padding-inline:var(--space-8px)}.browser-name[data-v-31dc7cb7]{text-align:center}.status-badge.status-y[data-v-31dc7cb7]{color:var(--clr-browser-full-support)}.status-badge.status-a[data-v-31dc7cb7]{color:var(--clr-medium-support)}.status-badge.status-n[data-v-31dc7cb7]{color:var(--clr-low-support)}.status-badge.status-p[data-v-31dc7cb7],.status-badge.status-x[data-v-31dc7cb7]{color:#3730a3}.status-badge.status-d[data-v-31dc7cb7],.status-badge.status-u[data-v-31dc7cb7]{color:#374151}.modal-footer[data-v-31dc7cb7]{padding:var(--space-16-24px);display:flex;justify-content:flex-end;gap:var(--space-16px)}.modal-footer button[data-v-31dc7cb7]:disabled{background-color:var(--clr-disabled);border:none}.popover-button[data-v-31dc7cb7]{display:inline-flex;vertical-align:top;background:none;border:none;padding:0;margin-inline-start:-8px;cursor:pointer;transition:var(--transition-hover)}#feature-details-popover[data-v-31dc7cb7]{width:min(360px,95%);padding:var(--space-16px);color:var(--clr-text-strong);font-size:var(--fontsize-h6);background:var(--clr-bg-overlay);margin-inline:auto;align-self:center;border:2px solid var(--clr-stroke-weak);border-radius:var(--radius-4px);opacity:1;transform:translateY(0);transition:var(--transition-hover)}@starting-style{#feature-details-popover[data-v-31dc7cb7]{opacity:0;transform:translateY(50px)}}#feature-details-popover a[data-v-31dc7cb7]{text-decoration:underline;transform:var(--transition-hover)}@media(hover:hover){#feature-details-popover a[data-v-31dc7cb7][data-v-31dc7cb7]:hover{text-decoration:none}}.tracking-card[data-v-ef819db7]{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;padding:var(--space-16px) var(--space-24px);background:var(--clr-bg-raised);border-radius:var(--radius-8px);box-shadow:var(--shadow-elevation-3);cursor:pointer;transition:var(--transition-hover)}.tracking-card[data-v-ef819db7]:hover{box-shadow:var(--shadow-elevation-5);transform:translateY(-2px)}.card-header[data-v-ef819db7]{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--space-12-16px)}.status-badge[data-v-ef819db7]{padding:var(--space-4px) var(--space-12px);border-radius:9999px;text-transform:uppercase}.card-actions[data-v-ef819db7]{display:flex;gap:var(--space-8px);padding-top:var(--space-12-16px)}ul[data-v-ef819db7]{list-style-position:inside}.tabs[data-v-2532894c]{display:flex;gap:var(--space-8-12px);padding-block-end:var(--space-24-32px)}.tracking-list[data-v-2532894c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-auto-rows:auto;gap:var(--space-16-24px)}#app[data-v-bb09868a]{min-height:100vh;display:flex;flex-direction:column;background:var(--clr-bg-base)}main[data-v-bb09868a]{width:min(1920px,98%);margin-inline:auto;margin-top:var(--space-24-32px)}.feature-section[data-v-bb09868a]{display:flex;justify-content:center}section h2[data-v-bb09868a]{margin-block:var(--space-16-24px);padding-block-end:var(--space-16px)}
