@layer components{.a-bar-installation{border-top:var(--layout-border);border-bottom:var(--layout-border);flex-direction:column;gap:16px;margin:0 auto 40px;display:flex}.a-bar-installation__inner{--padding:20px;width:min(calc(100% - var(--padding)), var(--layout-width));flex-direction:column;gap:16px;margin-inline:auto;display:flex;position:relative}@media (width>=520px) and (width<=920px){.a-bar-installation__inner{--padding:50px}}.a-bar-installation__inner:before{content:"";background:linear-gradient(to bottom right, transparent 0%, var(--magenta) 25%, var(--cyan) 50%, var(--magenta) 75%, transparent 100%);opacity:.08;z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.a-bar-installation__title{font-size:var(--h2);text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 16px;margin-top:36px;padding-inline:16px;font-weight:500;display:flex}.a-bar-installation__subtitle{text-align:center;margin-bottom:16px;padding-inline:16px}.a-bar-installation__methods{margin-inline:auto;grid-template-columns:repeat(2,1fr);gap:24px;width:min(100% - 32px,900px);margin-bottom:32px;display:grid}@media (width<=680px){.a-bar-installation__methods{grid-template-columns:1fr}}.a-bar-installation__method{border:var(--layout-border);background-color:var(--grey-000);flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex}.a-bar-installation__method-label{font-size:var(--h4);color:var(--grey-800);align-items:center;gap:10px;font-weight:700;display:flex}.a-bar-installation__method-badge{font-size:11px;font-weight:700;font-family:var(--monospace-font);color:var(--cyan);background-color:var(--cyan-o-10);border:1px solid var(--cyan-o-30);padding:2px 8px}.a-bar-installation__method-text{color:var(--grey-700)}.a-bar-installation__method-text code{background-color:var(--grey-100);border:var(--layout-border);padding:2px 4px}.a-bar-installation__footer{margin-inline:auto;width:min(100% - 32px,900px);font-size:var(--label);color:var(--grey-600);border-top:var(--layout-border-dashed);text-align:center;margin-bottom:50px;padding:16px 20px}.a-bar-installation__footer a{color:var(--grey-800);text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:2px;font-weight:700;text-decoration-thickness:2px}}