.code-section{display:grid;gap:16px}@media (min-width: 900px){.code-section{align-items:center;grid-template-columns:minmax(400px,1fr) minmax(0,1fr);gap:32px 56px;justify-content:space-between}}.code-section__title{text-align:center;margin:0}@media (min-width: 900px){.code-section__title{grid-column:1/3}.code-section--compact .code-section__title{grid-column:2;grid-row:1;text-align:left;margin-top:auto}}.code-section__code{max-width:560px;min-width:0;margin:0 auto;width:100%;font-size:14px;line-height:19px;display:flex;flex-direction:column}@media (min-width: 900px){.code-section__code{margin-left:0;grid-row:2/3}.code-section--compact .code-section__code{grid-row:1/3}}.code-section__note{text-align:center;font-size:11px;line-height:16px;margin-top:1em;color:#566875}@media (min-width: 900px){.code-section__note{text-align:left}}.code-section__text{text-align:center;display:flex;flex-direction:column;align-items:center}@media (min-width: 900px){.code-section__text{text-align:left;align-items:flex-start}.code-section--compact .code-section__text{margin-bottom:auto}}.code-section__subtitle{margin:0 0 20px;text-align:center}@media (min-width: 900px){.code-section__subtitle{text-align:left}}.code-section__desc{text-align:center;margin-top:0}@media (min-width: 900px){.code-section__desc{text-align:left}}.code-section__btns{display:flex;flex-wrap:wrap;place-content:center center;margin-top:16px}@media (min-width: 900px){.code-section__btns{justify-content:flex-start;gap:16px}}.code-section .btn{width:100%}@media (min-width: 512px){.code-section .btn{width:auto}}