/* /css/pages/toolbox.css (1.7 KB) */
:root { --top-page-width: 1400px; } .toolbox .landingsPrice_headerContentTitle{ font-size: 22px; } .toolbox { font-size: 14px; display: flex; } .toolbox:after { content: ""; pointer-events: none; background: #0000; transition: background var(--transition-fast); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1001; } .toolbox:has(.toolboxMenu-opened):after { background: #0006; pointer-events: auto; } .toolboxMenu { --toolbox-menu-width: 240px; border-right: 1px solid var(--color-line-1); width: var(--toolbox-menu-width); height: calc(var(--100vh) - var(--header-height)); display: flex; flex-direction: column; justify-content: space-between; position: sticky; top: var(--header-height); transition: left var(--transition-fast); } .toolbox_main { width: 100%; padding: var(--top-padding-6) 0; display: flex; justify-content: center; } .toolbox_mainInner { max-width: 800px; width: 100%; display: flex; flex-direction: column; gap: var(--top-gap-8); } .toolbox_tool { padding: 0 var(--top-padding-6); display: flex; flex-direction: column; gap: var(--top-gap-7); } .toolbox_toolHeader { display: flex; flex-direction: column; gap: var(--top-gap-4); } .toolbox_toolH1Wrapper { display: flex; align-items: center; justify-content: space-between; } h1.toolbox_toolH1 { margin: 0; font-weight: bold; } .toolbox_toolH1WrapperButton { } .toolbox_toolIntro { } .toolbox_toolFooter { text-align: center; } @media screen and (max-width: 900px) { .toolbox { min-height: 100vh; } } @media screen and (max-width: 600px) { .toolbox_tool { padding: 0 var(--top-padding-4); } }