@layer components{.installation{border-top:var(--layout-border);border-bottom:var(--layout-border);flex-direction:column;gap:16px;margin:0 auto 40px;display:flex}.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){.installation__inner{--padding:50px}}.installation__inner:before{content:"";background:linear-gradient(to bottom right,transparent 0%,var(--blue)25%,var(--magenta)50%,var(--blue)75%,transparent 100%);opacity:.1;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.installation__title{font-size:var(--h2);font-weight:500;font-family:var(--serif-font);text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 16px;margin-top:36px;padding-inline:16px;display:flex}.installation__subtitle{font-size:var(--p);text-align:center;margin-bottom:26px;padding-inline:16px}.installation__subtitle>code{background-color:var(--grey-000);border-radius:var(--radius-100);padding:2px 4px}.installation__content{margin-inline:auto;flex-direction:column;width:min(100% - 20px,800px);margin-bottom:50px;display:flex}.installation__content-text{margin-block:10px}.installation__content-text:first-child{margin-top:0}.installation__content-text:last-child{margin-bottom:0}}