@font-face{font-family:TPPoppins;src:url('/assets/poppins-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:TPPoppins;src:url('/assets/poppins-600.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:TPPoppins;src:url('/assets/poppins-800.ttf') format('truetype');font-weight:800;font-display:swap}@font-face{font-family:TPMono;src:url('/assets/ibm-plex-mono-400.ttf') format('truetype');font-weight:400;font-display:swap}
.tide-playground{--tp-ink:#141136;--tp-cream:#fbf8f4;--tp-coral:#ff8a63;--tp-line:#d9d3cc;--tp-muted:#686471;color:var(--tp-ink);font:13px/1.65 TPPoppins,Arial,sans-serif;border:1px solid var(--tp-line);border-radius:6px;background:var(--tp-cream);overflow:hidden;text-align:left}.tide-playground *{box-sizing:border-box}.tide-playground h3,.tide-playground p,.tide-playground pre{margin:0}.tide-playground button,.tide-playground select{font:inherit;color:inherit}.tide-playground button,.tide-playground select,.tide-playground summary{cursor:pointer}.tide-playground [hidden]{display:none!important}.tide-playground button:focus-visible,.tide-playground a:focus-visible,.tide-playground select:focus-visible,.tide-playground summary:focus-visible{outline:3px solid #3269bf;outline-offset:3px}.tp-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eee9e2}.tp-tabs button{display:flex;gap:13px;align-items:center;padding:21px 24px;border:0;border-bottom:3px solid transparent;background:transparent;font-size:14px;font-weight:600;text-align:left}.tp-tabs button+button{border-left:1px solid var(--tp-line)}.tp-tabs button span{font:10px TPMono,monospace;color:#8c6654}.tp-tabs button[aria-selected=true]{background:var(--tp-cream);border-bottom-color:var(--tp-coral)}.tp-panel{padding:26px}.tp-context{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:center;margin-bottom:24px}.tp-kicker{font:9px/1.6 TPMono,monospace!important;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:8px!important;color:#6b5b61}.tp-context h3{font-size:23px;line-height:1.3;letter-spacing:-.04em;font-weight:800;margin-bottom:8px}.tp-context p:not(.tp-kicker){color:var(--tp-muted);max-width:650px;font-size:12px;line-height:1.8}.tp-input label{display:block;font:9px TPMono,monospace;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}.tp-input select{width:100%;height:36px;border:1px solid var(--tp-line);border-radius:3px;background:#fffdfa;padding:5px 9px;font-size:12px}.tp-run{display:flex;justify-content:space-between;gap:14px;width:100%;padding:9px 12px;margin-top:8px;border:0;border-radius:3px;background:var(--tp-ink);color:var(--tp-cream)!important;font-size:11px!important;font-weight:600!important}.tp-rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tp-code{background:var(--tp-ink);color:#f9f4ed;border-radius:4px;overflow:hidden;min-width:0}.tp-code-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border-bottom:1px solid #393351;font:9px TPMono,monospace;color:#d4c8db}.tp-code-bar button{font:9px TPMono,monospace!important;padding:0;border:0;background:transparent;color:#f9f4ed!important;text-decoration:underline;text-underline-offset:4px}.tp-code pre{padding:15px;font:10px/1.75 TPMono,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.tp-rules-grid .tp-code pre{max-height:294px;overflow:auto}.tp-code code{font:inherit;color:inherit}.tp-customers{display:grid;grid-template-columns:1fr;gap:12px}.tp-customer{border:1px solid var(--tp-line);border-radius:4px;padding:16px 18px;background:#f5f0e9}.tp-customer-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;font-weight:600;font-size:12px}.tp-customer-top code{font:9px TPMono,monospace;border:1px solid #d6cbbf;padding:4px 6px;border-radius:2px}.tp-customer strong{display:block;font-size:24px;font-weight:800;letter-spacing:-.035em;line-height:1.25}.tp-approved{color:#2f634b}.tp-declined{color:#954329}.tp-customer p{font-size:11px;color:var(--tp-muted);line-height:1.6;margin:5px 0!important}.tp-customer>code{font:9px TPMono,monospace}.tp-takeaway{display:flex;justify-content:space-between;gap:20px;padding-top:19px;margin-top:21px;border-top:1px solid var(--tp-line);font-size:11px}.tp-takeaway strong{font-weight:600}.tp-takeaway span{color:var(--tp-muted)}.tp-feedback-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:22px}.tp-code-column{min-width:0}.tp-tests-heading{display:flex;justify-content:space-between;gap:14px;margin:15px 0 5px;font-size:10px}.tp-tests-heading span{font:10px TPMono,monospace}.tp-tests{list-style:none;padding:0;margin:0}.tp-tests li{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--tp-line);font-size:10px}.tp-test-badge{font:8px TPMono,monospace;background:#e2ece5;color:#35644c;padding:3px 4px;border-radius:2px;flex-shrink:0}.tp-test-badge.tp-fail{background:#f5d9ce;color:#954329}.tp-text-button{background:transparent;border:0;border-bottom:1px solid #a49a93;padding:0 0 3px!important;margin-top:12px;font-size:10px!important}.tp-comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--tp-line);border-radius:4px;overflow:hidden;background:#eee9e2}.tp-comparison article{padding:16px 13px;min-width:0}.tp-comparison article+article{border-left:1px solid var(--tp-line);background:#f7f3ed}.tp-comparison strong{display:block;font-size:19px;line-height:1.3;letter-spacing:-.04em;font-weight:800;margin-bottom:9px}.tp-comparison p{font-size:10px;line-height:1.7;color:var(--tp-muted)}.tp-comparison article.tp-corrected{background:#f7ddce}.tp-comparison article.tp-safe{background:#e2ece5}.tp-correction{margin-top:15px;padding:15px 16px;border:1px solid var(--tp-line);border-radius:4px}.tp-correction>p:not(.tp-kicker){font-size:12px;font-weight:600;line-height:1.7}.tp-feedback-button{width:100%;margin-top:13px;background:var(--tp-ink);border:0;border-radius:3px;color:var(--tp-cream)!important;padding:11px;font-size:10px!important;font-weight:600!important}.tp-feedback-button:disabled{background:#e2ece5;color:#35644c!important;cursor:default}.tp-correction .tp-feedback-status{font-size:10px!important;font-weight:400!important;color:var(--tp-muted);margin-top:8px!important;min-height:0}.tp-correction .tp-feedback-status:empty{display:none}.tp-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 26px;background:#eee9e2;border-top:1px solid var(--tp-line)}.tp-how{max-width:65%;font-size:10px}.tp-how summary{text-decoration:underline;text-underline-offset:4px;color:var(--tp-muted)}.tp-how p{font-size:10px;line-height:1.8;margin-top:12px!important;max-width:670px}.tp-access{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:#ff8a63;color:#141136;text-decoration:none;border-radius:4px;padding:12px 16px;font:600 11px/1.5 TPPoppins,Arial,sans-serif;white-space:nowrap}.tp-access:hover{background:#f99b7b}.tp-copy-status{font-size:10px;color:var(--tp-muted);margin-left:auto}.tp-standalone{margin:0;background:#fbf8f4;color:#141136;font-family:TPPoppins,Arial,sans-serif}.tp-site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #d9d3cc;padding:14px 32px;position:sticky;top:0;background:#fbf8f4;z-index:20}.tp-site-header img{display:block;width:155px;height:auto}.tp-site-header nav{display:flex;gap:25px;align-items:center}.tp-site-header nav>a{font-size:12px;text-decoration:none;color:inherit}.tp-standalone-main{max-width:1280px;margin:auto;padding:35px 32px 50px}.tp-standalone-title{margin-bottom:28px}.tp-standalone-title h1{font-size:48px;line-height:1.1;letter-spacing:-.05em;margin:0 0 12px;font-weight:800}.tp-standalone-title>p:last-child{font-size:14px;line-height:1.7;margin:0;color:#686471}
@media(max-width:800px){.tp-context{grid-template-columns:1fr 200px;gap:18px}.tp-context h3{font-size:20px}.tp-rules-grid{gap:14px}.tp-feedback-grid{grid-template-columns:1fr;gap:18px}.tp-code-column .tp-code pre{padding:14px}.tp-tabs button{padding:17px 18px;font-size:12px}.tp-panel{padding:20px}.tp-comparison article{padding:18px}.tp-site-header nav>a:not(.tp-access){display:none}}
@media(max-width:580px){.tp-tabs button{align-items:flex-start;gap:8px;padding:15px 11px;font-size:11px;line-height:1.6}.tp-tabs button span{font-size:8px;margin-top:3px}.tp-context{grid-template-columns:1fr;gap:15px;margin-bottom:17px}.tp-context h3{font-size:21px}.tp-context p:not(.tp-kicker){font-size:11px}.tp-input{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;align-items:end}.tp-input label{grid-column:1/-1;margin-bottom:0;font-size:8px}.tp-input select{font-size:10px;height:36px}.tp-run{font-size:9px!important;height:36px;margin:0;align-items:center;padding:7px 9px;gap:7px}.tp-panel{padding:17px}.tp-rules-grid{display:flex;flex-direction:column-reverse;gap:15px}.tp-customers{grid-template-columns:1fr 1fr;gap:9px}.tp-customer{padding:13px 10px}.tp-customer-top{display:block;font-size:10px;margin-bottom:9px}.tp-customer-top code{display:block;width:max-content;max-width:100%;font-size:8px;margin-top:6px;padding:3px}.tp-customer strong{font-size:19px}.tp-customer p{font-size:9px}.tp-customer>code{font-size:7px;overflow-wrap:anywhere}.tp-code pre{font-size:9px;padding:12px}.tp-rules-grid .tp-code pre{max-height:205px}.tp-code-bar{padding:9px 12px;font-size:8px}.tp-code-bar button{font-size:8px!important}.tp-takeaway{display:block;padding-top:15px;margin-top:17px;font-size:10px}.tp-takeaway span{display:block;margin-top:5px}.tp-comparison article{padding:14px 12px}.tp-comparison strong{font-size:18px}.tp-comparison p{font-size:9px}.tp-kicker{font-size:8px!important}.tp-feedback-grid{gap:18px}.tp-bottom{padding:16px;gap:12px;flex-wrap:wrap;align-items:center}.tp-how{order:2;max-width:100%;width:100%;font-size:9px}.tp-access{font-size:11px;padding:12px 15px}.tp-copy-status{font-size:9px}.tp-site-header{padding:13px 18px;gap:12px}.tp-site-header img{width:125px}.tp-site-header nav{gap:0}.tp-site-header nav>a.tp-access{font-size:9px;padding:10px}.tp-standalone-main{padding:26px 17px 40px}.tp-standalone-title h1{font-size:40px}.tp-standalone-title>p:last-child{font-size:12px}}