.lp{margin:0 auto;display:grid;gap:var(--spacing-m);>div{background-color:var(--color-white);white-space:pre-wrap;width:fit-content;padding:0 var(--spacing-xs)}}.cp{border:1px solid var(--blue-500);box-shadow:16px 16px 0 0 var(--blue-500);border-radius:8px;margin-right:16px;img{border-radius:8px;width:800px}}.rp{padding:var(--spacing-xl, 48px) 0 var(--spacing-xxl, 64px);display:grid;gap:calc(var(--spacing-xl) + var(--spacing-m));max-width:800px;margin:0 auto;section{display:grid;gap:var(--spacing-m)}p{font-size:var(--fs-500);font-weight:400;line-height:1.5;font-family:var(--ff-body);color:var(--blue-800)}}.ip{font-size:.9rem;border:1px solid var(--blue-500);border-radius:4px}.ip code{white-space:pre-wrap!important}.pp{display:grid;gap:var(--spacing-l);padding:var(--spacing-xl) var(--spacing-xxl);max-width:1200px;margin:0 auto}.ap{position:absolute;top:48px;left:48px;img{background-color:var(--color-white)}}.ap+h1{padding-top:var(--spacing-xl)}.op span{background-color:var(--color-white);white-space:pre-wrap;padding-right:var(--spacing-xs)}.op span span{position:relative;left:var(--spacing-xs)}@media only screen and (max-width: 768px){.rp{padding:var(--spacing-xl, 48px) var(--spacing-s, 16px);display:grid;gap:var(--spacing-m);max-width:800px;margin:0 auto}.pp{padding:var(--spacing-xl) var(--spacing-s);max-width:100%}.xp{flex-flow:row wrap}.ap{left:16px}.ap+h1{padding-top:var(--spacing-m)}}.dp{padding:var(--spacing-xl, 48px) var(--spacing-xxl, 64px) var(--spacing-xxl, 64px);background-image:radial-gradient(rgba(7,27,42,.2) 20%,var(--color-white) 20%);background-position:0 0;background-size:12px 14px;width:100%;display:grid;text-align:center;gap:var(--spacing-l, 32px)}.np span{background-color:var(--color-white);white-space:pre-wrap;padding-right:var(--spacing-xs)}.np span span{position:relative;left:var(--spacing-xs)}@media only screen and (max-width: 768px){.dp{padding:var(--spacing-xl) var(--spacing-s)}}.ep{display:grid;padding:var(--spacing-m, 24px) var(--spacing-l, 32px);margin-right:var(--spacing-s);text-align:left;border-radius:8px;background:var(--color-white);gap:var(--spacing-m)}.tp{grid-template-columns:auto}.vp{grid-template-columns:repeat(6,1fr);align-items:center}.bp{grid-template-columns:repeat(12,1fr)}.up{border:1px solid var(--blue-400);box-shadow:16px 16px 0 0 var(--blue-400)}.mp{border:1px solid var(--blue-500);box-shadow:16px 16px 0 0 var(--blue-500)}.hp{border:1px solid var(--blue-800);box-shadow:16px 16px 0 0 var(--blue-800)}@media only screen and (max-width: 768px){.ep{padding:var(--spacing-s) var(--spacing-m)}}.wp{border-radius:var(--spacing-xxs);border:0;cursor:pointer;&:disabled{background-color:var(--neutral-300);color:var(--neutral-500);cursor:not-allowed}}.fp{background-color:var(--blue-500);color:var(--blue-100)}.yp{background-color:var(--blue-200);color:var(--blue-700);border:1px solid var(--blue-700)}.kp{background-color:var(--color-white);color:var(--blue-500);border:2px solid var(--blue-500)}.zp{padding:var(--spacing-s)}.jp{padding:var(--spacing-xs)}.gp{grid-column:4/7;display:grid;gap:var(--spacing-m)}.sp{grid-column:1/4}@media only screen and (max-width: 768px){.gp,.sp{grid-column:1/7}}