@layer components{.configuration{--margin:40px;--padding:20px;width:min(calc(100% - var(--padding)), var(--layout-width));min-height:calc(100vh - (var(--navigation-height) + var(--margin) * 2));border-top:var(--layout-border-dashed);border-bottom:var(--layout-border-dashed);margin:40px auto;display:flex;position:relative}@media (width>=520px) and (width<=920px){.configuration{--padding:50px}}.configuration__inner{flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;padding:20px;display:flex;position:relative}.configuration__title{width:fit-content;font-size:var(--h2);text-align:center;justify-content:center;align-items:baseline;gap:16px;padding-inline:16px;font-weight:500;display:flex}.configuration__content{flex-direction:column;gap:26px;max-width:100%;display:flex}@media (width>=900px){.configuration__content{padding:46px}}.configuration__description{flex-direction:column;justify-content:center;gap:16px;padding:12px;display:flex}@media (width>=870px){.configuration__description{flex:100%;padding:26px}}.configuration__description:only-child{flex:0 0 50%;margin-inline:auto}.configuration__subtitle{font-family:var(--serif-font);font-weight:500;font-size:var(--h4);align-self:flex-start}.configuration__subtitle:not(:first-child){margin-top:16px}.configuration__subtitle>code,.configuration__text>code{background-color:var(--grey-000);border-radius:var(--radius-100);padding:2px 4px}.configuration__install-command{width:fit-content;min-height:auto}.configuration__code-block{flex-direction:column;flex:100%;justify-content:center;display:flex}.configuration__code-block>.code-block{margin:0}}
