.l-introductory__text{display:flex;flex-direction:column;justify-content:center;align-items:center}.l-introductory__description{color:var(--l-color--text-secondary);font-weight:var(--l-font-weight--regular);font-size:var(--l-font-size--description-default);line-height:1.5;max-width:700px;text-align:center;margin-top:60px;width:100%}@media (max-width: 992px){.l-introductory__description{font-size:var(--l-font-size--description-sm);margin-top:30px}}@media (max-width: 768px){.l-introductory__description{text-align:left}}.l-html>:first-child{margin-top:0}.l-html h2{margin-top:40px;font-size:var(--l-font-size--title-xs);font-weight:var(--l-font-weight--semibold);line-height:1.3}@media (max-width: 768px){.l-html h2{font-size:var(--l-font-size--title-xxs)}}.l-html h3{margin-top:30px;font-size:var(--l-font-size--title-xxs);font-weight:var(--l-font-weight--semibold);line-height:1.3}.l-html h2+h3{margin-top:16px}.l-html p,.l-html li{margin-top:20px;font-size:var(--l-font-size--description-sm);font-weight:var(--l-font-weight--regular);line-height:1.5}.l-html ul,.l-html ol{padding:16px}.l-html ul li:not(:first-child),.l-html ol li:not(:first-child){margin-top:10px}.l-html ul{list-style:disc}.l-html ol{list-style:decimal}.l-html img{margin-top:20px;border-radius:10px}.l-html figure{margin:0}.l-html figcaption{margin-top:8px;color:var(--l-color--grey-20);font-size:var(--l-font-size--sm);line-height:1.5}.l-html a{color:var(--l-color--primary);transition:var(--l-transition--default)}.l-html a:hover{color:var(--l-color-primary-light)}.l-html blockquote{margin-top:20px;padding:8px 0 8px 20px;border-left:2px solid var(--l-color--primary);font-size:var(--l-font-size--description-sm);font-weight:var(--l-font-weight--regular);line-height:1.5}.l-html blockquote p:first-child{margin-top:0}.l-html code{padding:2px 6px;border-radius:var(--l-border-radius--xs);background-color:var(--l-color--grey-90);color:var(--l-color--white);font-family:var(--l-font-family--mono);font-size:.875em}.l-html pre{margin-top:20px;padding:20px;overflow-x:auto;border:1px solid oklch(from var(--l-color--grey-30) l c h/calc(alpha - .5));border-radius:var(--l-border-radius--sm);background-color:var(--l-color--grey-100)}.l-html pre code{padding:0;border-radius:0;background-color:transparent;font-size:var(--l-font-size--sm);line-height:1.6}.background{position:relative}.background__media{top:-100px;height:800px}.section-center{margin-top:150px;display:flex;flex-direction:column;align-items:center}@media (max-width: 992px){.section-center{margin-top:100px}}@media (max-width: 768px){.section-center{margin-top:50px}}@media (max-width: 768px){.section-center{align-items:flex-start}}.main{margin-top:20px}.guide-container{display:flex;justify-content:center}.guide{display:flex;flex-direction:column;align-items:center;width:max-content}.guide .l-title{margin-top:60px;font-size:var(--l-font-size--title-sm)}@media (max-width: 992px){.guide .l-title{text-align:left;margin-top:40px}}.guide .l-introductory__description{max-width:900px;font-size:var(--l-font-size--description-sm);text-align:left}.guide .download-btn{align-self:flex-start;margin-top:60px}@media (max-width: 992px){.guide .download-btn{margin-top:40px}}.guide .download-btn .l-button{width:max-content}@media (max-width: 768px){.guide .download-btn .l-button{--l-button--padding-x: 15px}}.guide .download-btn .l-button svg{color:transparent;margin-right:10px;stroke:var(--l-color--text-secondary);stroke-width:2px;transition:var(--l-transition--default)}.guide .download-btn .l-button:hover svg{stroke:var(--l-color--text-primary)}.guide-detail{--l-guide-detail--sidebar-width: 320px;padding:40px 0 120px}@media (max-width: 992px){.guide-detail{padding-bottom:80px}}@media (max-width: 768px){.guide-detail{padding-bottom:60px}}.guide-detail__head .l-breadcrumbs{justify-content:flex-start}.guide-detail__head .l-title{margin-top:20px;text-align:left;font-size:var(--l-font-size--title-sm)}.guide-detail__description{max-width:900px;margin-top:20px;color:var(--l-color--text-secondary);font-size:var(--l-font-size--description-sm);font-weight:var(--l-font-weight--regular);line-height:1.5}.guide-detail__body{margin-top:60px;display:grid;grid-template-columns:1fr var(--l-guide-detail--sidebar-width);align-items:stretch;gap:60px}@media (max-width: 1024px){.guide-detail__body{grid-template-columns:1fr;gap:40px}}@media (max-width: 768px){.guide-detail__body{margin-top:40px}}.guide-detail__content{max-width:900px;color:var(--l-color--text-secondary)}.guide-detail__block{scroll-margin-top:calc(var(--l-header--height) + 20px)}.guide-detail__block:not(:first-child){margin-top:40px}.guide-detail__sidebar{position:relative;height:100%}.guide-detail__sidebar [data-sticky-sidebar-content]{will-change:top}@media (max-width: 1024px){.guide-detail__sidebar{display:none}}.guide-detail__anchors-title{display:flex;align-items:center;color:var(--l-color--white);font-size:var(--l-font-size--sm);font-weight:var(--l-font-weight--medium);line-height:1.4}.guide-detail__anchors-title .l-icon{width:16px;height:16px;margin-right:8px;fill:currentColor}.guide-detail__anchors-list{margin-top:16px;display:flex;flex-direction:column}.guide-detail__anchor{display:flex;align-items:center;min-height:34px;padding:6px 0 6px 16px;border-left:1px solid oklch(from var(--l-color--grey-30) l c h/calc(alpha - .5));color:var(--l-color--grey-20);font-size:var(--l-font-size--sm);font-weight:var(--l-font-weight--regular);line-height:1.4;text-decoration:none;transition:var(--l-transition--default)}.guide-detail__anchor:hover{color:var(--l-color--white)}.guide-detail__anchor.isActive{border-left-color:var(--l-color--primary);color:var(--l-color--primary)}.guide-detail__top{margin-top:40px;display:flex;align-items:center;padding:0;color:var(--l-color--grey-20);font-size:var(--l-font-size--sm);font-weight:var(--l-font-weight--medium);line-height:1.4;cursor:pointer;transition:var(--l-transition--default)}.guide-detail__top:hover{color:var(--l-color--white)}.guide-detail__top .l-icon{width:16px;height:16px;margin-right:8px;fill:currentColor;transform:rotate(180deg)}.guide-detail .download-btn{margin-top:40px;display:inline-flex}.guide-detail .download-btn .l-button{width:max-content}.guide-detail .download-btn .l-button svg{color:transparent;margin-right:10px;stroke:var(--l-color--text-secondary);stroke-width:2px;transition:var(--l-transition--default)}.guide-detail .download-btn .l-button:hover svg{stroke:var(--l-color--text-primary)}
