@layer components{.introduction{--margin:40px;--padding:20px;--theme-introduction-gradient:linear-gradient(135deg, transparent 0%, var(--orange) 25%, var(--blue) 65%, transparent 100%);--theme-introduction-gradient-opacity:10%;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){.introduction{--padding:50px}}.introduction__inner{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;padding:20px;display:flex;position:relative}.introduction__inner:before{content:"";background:var(--theme-introduction-gradient);width:100%;height:100%;opacity:var(--theme-introduction-gradient-opacity);z-index:-1;position:absolute;top:0;left:0}.introduction__logo{width:280px;height:auto}.introduction__description{text-align:center;font-weight:400}.introduction__links{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.introduction__links-title{font-size:var(--label);color:var(--text-muted)}.introduction__nav{justify-content:center;align-items:center;gap:16px;display:flex}}