.components-tools-navbar{--tools-nav-ease:cubic-bezier(.23, 1, .32, 1);background:var(--primary-1000);border-bottom:1px solid #ffffff0f;padding-top:20px;padding-bottom:10px;position:relative}.components-tools-navbar .strip-wrapper{max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px}@media screen and (min-width:600px){.components-tools-navbar .strip-wrapper{padding-left:50px;padding-right:50px}}@media screen and (min-width:1300px){.components-tools-navbar .strip-wrapper{padding-left:0;padding-right:0}}.components-tools-navbar .strip-wrapper .tools-nav-strip{scrollbar-color:#ffffff1f transparent;scrollbar-width:thin;gap:20px;width:100%;padding-bottom:10px;display:flex;overflow-x:auto}.components-tools-navbar .strip-wrapper .tools-nav-strip::-webkit-scrollbar{height:4px}.components-tools-navbar .strip-wrapper .tools-nav-strip::-webkit-scrollbar-track{background:0 0}.components-tools-navbar .strip-wrapper .tools-nav-strip::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.components-tools-navbar .strip-wrapper .tools-nav-strip::-webkit-scrollbar-thumb:hover{background:#ffffff38}.components-tools-navbar .strip-wrapper .tools-nav-strip .tools-nav-item{color:var(--white-50);cursor:pointer;transition:color .18s var(--tools-nav-ease), background .18s var(--tools-nav-ease);white-space:nowrap;flex-shrink:0;align-items:center;gap:9px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative}.components-tools-navbar .strip-wrapper .tools-nav-strip .tools-nav-item .tools-nav-icon{background-color:currentColor;flex-shrink:0;width:18px;height:18px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.components-tools-navbar .strip-wrapper .tools-nav-strip .tools-nav-item .tools-nav-external{color:var(--white-30);transition:color .18s var(--tools-nav-ease);flex-shrink:0}@media (hover:hover) and (pointer:fine){.components-tools-navbar .strip-wrapper .tools-nav-strip .tools-nav-item:hover{color:var(--white-100)}.components-tools-navbar .strip-wrapper .tools-nav-strip .tools-nav-item:hover .tools-nav-external{color:var(--white-77)}}.components-tools-navbar .strip-wrapper .tools-nav-strip .tools-nav-item:focus-visible{color:var(--white-100);background:#ffffff0a;border-radius:6px;outline:none}.components-tools-navbar .strip-wrapper .tools-nav-strip .tools-nav-item.is-active{color:var(--secondary-500);font-weight:600}
.components-tools-page-layout{flex-direction:column;gap:32px;width:100%;max-width:1200px;margin:32px auto 48px;padding-left:20px;padding-right:20px;display:flex}@media screen and (min-width:600px){.components-tools-page-layout{padding-left:50px;padding-right:50px}}@media screen and (min-width:1300px){.components-tools-page-layout{padding-left:0;padding-right:0}}.components-tools-page-layout .tools-page-header h1{color:var(--white-100);font-size:var(--font-size-display-xs);font-weight:var(--font-bold);letter-spacing:var(--letter-spacing-display-xs);line-height:var(--line-height-display-xs);margin:0}@media (min-width:769px){.components-tools-page-layout .tools-page-header h1{font-size:var(--font-size-display-sm);letter-spacing:var(--letter-spacing-display-sm);line-height:var(--line-height-display-sm)}}.components-tools-page-layout .tools-page-header p{color:var(--white-50);font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);max-width:720px;margin:12px 0 0}.components-tools-page-layout .tools-page-body{flex-direction:column;gap:20px;display:flex}