:root{--red:#315ec1;--site-nav-height:54px}.tnt-product-nav{height:var(--site-nav-height);display:flex;align-items:center;gap:24px;padding:0 22px;border-bottom:1px solid #d4dce5;background:#fff;color:#15283d;font:14px Arial,sans-serif}.tnt-product-nav a{color:inherit;text-decoration:none;display:flex;align-items:center;min-height:44px}.tnt-product-nav img{width:105px;height:32px;object-fit:contain}.tnt-product-nav a:last-child{margin-left:auto;text-decoration:underline;text-underline-offset:4px}.tnt-product-nav a:focus-visible{outline:2px solid #315ec1;outline-offset:2px}#app,#panel{height:calc(100vh - var(--site-nav-height));height:calc(100dvh - var(--site-nav-height))}#preview-status{display:none}#project-code-status{overflow-wrap:anywhere}.integration-error{color:#a32620;font-size:13px;line-height:1.5;margin:8px 0}#panel-head p{color:#526175}.tnt-product-nav span{font-weight:600}
@media(max-width:768px){.tnt-product-nav{padding:0 12px;gap:10px}.tnt-product-nav span{display:none}#panel{height:calc((100dvh - var(--site-nav-height)) * .47);flex-basis:calc((100dvh - var(--site-nav-height)) * .47)}#viewport{height:calc((100dvh - var(--site-nav-height)) * .53)}}

.tnt-product-nav img{filter:brightness(0) saturate(100%)}