*,*:before,*:after{box-sizing:border-box}html{color:var(--c-text);font-family:var(--font-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body{margin:0;overflow-x:hidden;background:var(--c-bg-page)}img,svg{vertical-align:middle}.wrap{max-width:var(--w-content);margin-inline:auto;padding-block:var(--space-8);padding-inline:var(--gutter)}.page{width:100%}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.u-text-hover-in{background-image:linear-gradient(90deg,var(--c-text),var(--c-text));background-repeat:no-repeat;background-position:0 100%;background-size:0 1px}.u-sp-hide{@media (max-width: 767.98px){display:none}}.u-pc-hide{@media (min-width: 768px){display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.article-body{font-size:1.0625rem;line-height:2;letter-spacing:.02em;color:var(--c-text);font-feature-settings:"palt";overflow-wrap:anywhere}.article-body :is(h2,h3,h4,p,ul,ol,blockquote,pre,table,figure,iframe,video,div[data-filename]):first-child{margin-top:0}.article-body h2{margin-bottom:0;padding-bottom:10px;border-bottom:2px solid var(--c-border);line-height:1.6;font-weight:700;@media (max-width: 767.98px){font-size:1.4375em;margin-top:var(--space-10)}@media (min-width: 768px){font-size:1.875rem;margin-top:72px}}.article-body h3{margin-bottom:0;line-height:1.5;font-weight:700;@media (max-width: 767.98px){font-size:1.25rem;margin-top:var(--space-8)}@media (min-width: 768px){margin-top:44px;font-size:1.3125rem}}.article-body h4{margin-bottom:0;line-height:1.5;font-weight:700;@media (max-width: 767.98px){margin-top:var(--space-5);font-size:1.0625rem}@media (min-width: 768px){margin-top:38px;font-size:1.125rem}}.article-body p{margin-bottom:0;@media (max-width: 767.98px){margin-top:var(--space-4);font-size:.9375rem}@media (min-width: 768px){margin-top:28px}}.article-body b,.article-body strong{font-weight:400;background:linear-gradient(transparent 17%,var(--c-marker) 17%,var(--c-marker) 95%,transparent 95%)}.article-body .marker{font-weight:700;background:none}.article-body :is(.wp-block-baigie-block-heading,.wp-block-heading,h2,h3,h4,h5,h6) :is(b,strong){font-weight:700}.article-body span>b,.article-body span>strong{background:none;font-weight:700}.article-body blockquote :is(b,strong){background:none;font-weight:700}.article-body ul{margin-bottom:0;padding-left:0;list-style:none;@media (max-width: 767.98px){margin-top:var(--space-4);font-size:.875rem}@media (min-width: 768px){margin-top:28px}}.article-body ul ul{margin-top:0;padding-left:2px}.article-body ul>li{position:relative;padding-left:14px}.article-body ul ul>li{padding-left:16px}.article-body ul>li:before{content:"";position:absolute;left:0;top:1.05em;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--c-text)}.article-body ul ul>li:before{box-sizing:border-box;background:var(--c-surface);border:1px solid var(--c-text);width:7px;height:7px}.article-body li{margin-bottom:0}.article-body li:empty{display:none}.article-body ul:not(:has(li:not(:empty))),.article-body ol:not(:has(li:not(:empty))){display:none}.article-body ol{counter-reset:item;list-style:none;margin-bottom:0;padding-left:0;@media (max-width: 767.98px){font-size:.875rem;margin-top:var(--space-4)}@media (min-width: 768px){margin-top:28px}}.article-body ol>li{counter-increment:item;position:relative;padding-left:28px}.article-body ol ol>li{@media (max-width: 767.98px){padding-left:38px}@media (min-width: 768px){padding-left:46px}}.article-body ol ol ol>li{@media (max-width: 767.98px){padding-left:56px}@media (min-width: 768px){padding-left:68px}}.article-body ol>li:before{content:counters(item,"-") ".";position:absolute;left:0;color:var(--c-text);font-family:var(--font-num);font-weight:700;letter-spacing:-.05em;font-variant-numeric:tabular-nums;@media (max-width: 767.98px){top:-.05em;font-size:1rem}@media (min-width: 768px){top:.05em;font-size:1.125rem}}.article-body ol ol{margin-top:0}.article-body ul.checklist{list-style:none;margin-bottom:0;padding-left:0;@media (max-width: 767.98px){font-size:.875rem;margin-top:var(--space-4)}@media (min-width: 768px){margin-top:28px}}.article-body ul.checklist>li{position:relative;padding-left:24px;margin-bottom:0}.article-body ul.checklist>li:before{content:"";position:absolute;left:0;top:1em;transform:translateY(-50%);width:16px;height:14px;border:0;border-radius:0;background:url(/shared/baigie-media/img/icon-check.svg) no-repeat center / contain}.article-body ul.checklist>li:after{display:none}.article-body blockquote{padding:32px 32px 40px;border-radius:var(--radius-sm);background:var(--c-gray-5);color:var(--c-text);@media (max-width: 767.98px){font-size:.9375rem;margin:var(--space-4) 0 0}@media (min-width: 768px){margin:48px 0 0}}.article-body blockquote ul,.article-body blockquote ol{margin:0}.article-body blockquote cite{display:block;margin-top:var(--space-3);font-size:var(--fs-sm);font-style:normal;color:var(--c-text-muted)}.article-body a{color:var(--c-accent);text-decoration:underline;text-underline-offset:2px}.article-body a:hover{text-decoration:none}.article-body a[target=_blank]:not(:has(img)):after{content:"";display:inline-block;width:.6875rem;height:.6875rem;margin-left:.3125rem;margin-right:.375rem;vertical-align:-.05em;background-color:currentcolor;mask:url(/shared/baigie-media/img/icon-external.svg) no-repeat center / contain}.article-body img{max-width:100%;height:auto;border:solid 1px #eeeeee;border-radius:var(--radius);display:block;margin:var(--space-6) auto}.article-body table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:.95rem}@media (max-width: 767px){.article-body table:not(:has(tr:first-child>td)){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-body table:not(:has(tr:first-child>td))>tbody{display:table;width:max-content;min-width:100%}}@media (max-width: 767px){.article-body table:has(tr:first-child>td){border:1px solid var(--c-border)}.article-body table:has(tr:first-child>td) tr,.article-body table:has(tr:first-child>td) th,.article-body table:has(tr:first-child>td) td{display:block;width:100%}.article-body table:has(tr:first-child>td) th,.article-body table:has(tr:first-child>td) td{border:0;border-top:1px solid var(--c-border)}.article-body table:has(tr:first-child>td) tr:first-child th{border-top:0}}.article-body th,.article-body td{border:1px solid var(--c-border);text-align:left}.article-body th{background:var(--c-gray-10);font-weight:600;@media (max-width: 767.98px){padding:11px var(--space-3)}@media (min-width: 768px){padding:14.8px var(--space-6)}}.article-body td{@media (max-width: 767.98px){padding:10px var(--space-3)}@media (min-width: 768px){padding:18.8px var(--space-5)}}.article-body table.-horizontal th,.article-body table.-horizontal td{vertical-align:top}.article-body table.-horizontal th:first-child{width:12.5rem}.article-body table.-horizontal thead+tbody th{background:var(--c-surface)}.article-body table.-horizontal.-spblock tr{@media (max-width: 767px){display:block;padding:var(--space-4) 0;border-bottom:1px solid var(--c-border)}}.article-body table.-horizontal.-spblock tr:first-child{@media (max-width: 767px){border-top:1px solid var(--c-border)}}.article-body table.-horizontal.-spblock th,.article-body table.-horizontal.-spblock td{@media (max-width: 767px){display:block;padding:0;border:0}}.article-body table.-horizontal.-spblock th{@media (max-width: 767px){background:transparent}}.article-body table.-horizontal.-spblock th:first-child{@media (max-width: 767px){width:100%}}.article-body table.-horizontal.-spblock td{@media (max-width: 767px){margin-top:var(--space-1)}}.article-body code{font-family:var(--font-mono);font-size:.9em;background:var(--c-bg-soft);padding:.15em .4em;border-radius:4px}.article-body pre{font-family:var(--font-mono);background:#272823;color:#fff;padding:32px 32px 40px;border-radius:var(--radius-sm);overflow-x:auto;line-height:1.6;font-size:1rem;letter-spacing:.02em;@media (max-width: 767.98px){margin:var(--space-6) 0 0}@media (min-width: 768px){margin:48px 0 0}}.article-body pre code{background:transparent;padding:0;color:inherit;font-size:1em}.article-body div[data-filename]{border-radius:var(--radius-sm) var(--radius-sm) 0 0;overflow:hidden;@media (max-width: 767.98px){margin-top:var(--space-6)}@media (min-width: 768px){margin-top:48px}}.article-body div[data-filename]:before{content:attr(data-filename);display:block;padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--c-text-muted);background:var(--c-gray-5);border-bottom:1px solid var(--c-border)}.article-body div[data-filename] pre{margin-top:0;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.article-body pre .token.comment,.article-body pre .token.prolog,.article-body pre .token.doctype,.article-body pre .token.cdata{color:#8a8a8a}.article-body pre .token.punctuation{color:#ccc}.article-body pre .token.property,.article-body pre .token.tag,.article-body pre .token.boolean,.article-body pre .token.number,.article-body pre .token.constant,.article-body pre .token.symbol,.article-body pre .token.deleted{color:#f78c6c}.article-body pre .token.selector,.article-body pre .token.attr-name,.article-body pre .token.string,.article-body pre .token.char,.article-body pre .token.builtin,.article-body pre .token.inserted{color:#c3e88d}.article-body pre .token.operator,.article-body pre .token.entity,.article-body pre .token.url{color:#89ddff}.article-body pre .token.atrule,.article-body pre .token.attr-value,.article-body pre .token.keyword{color:#c792ea}.article-body pre .token.function,.article-body pre .token.class-name{color:#82aaff}.article-body pre .token.regex,.article-body pre .token.important,.article-body pre .token.variable{color:#f78c6c}.article-body pre .token.important,.article-body pre .token.bold{font-weight:700}.article-body pre .token.italic{font-style:italic}.article-body .p-link-module{border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;@media (max-width: 767.98px){margin:var(--space-4) 0}@media (min-width: 768px){margin:var(--space-6) 0}}.article-body .p-link-module__inner{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title img" "desc img" "url img";align-items:start;column-gap:var(--space-2);padding:0 0 0 var(--space-4);text-decoration:none;color:var(--c-text)}.article-body .p-link-module__inner:hover{background:var(--c-gray-5)}.article-body .p-link-module__title{grid-area:title;margin-top:var(--space-4);font-weight:700;font-size:var(--fs-card-title);color:var(--c-text);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-body .p-link-module__desc{grid-area:desc;margin-top:6px;color:var(--c-text-muted);font-size:var(--fs-xs);line-height:var(--lh-snug);min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.article-body .p-link-module__url{grid-area:url;margin-bottom:var(--space-4);color:var(--c-text-muted);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-body .p-link-module__img{grid-area:img;align-self:stretch;width:256px;height:auto;min-height:135px;background-size:cover;background-position:50% 50%;border-radius:0}.article-body .p-link-module:has(>.p-link-module__img){display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:var(--space-2);padding:0 0 0 var(--space-4)}.article-body .p-link-module:has(>.p-link-module__img)>.p-link-module__inner{grid-column:1;display:grid;grid-template-columns:1fr;grid-template-areas:"title" "desc" "url";column-gap:0;padding:0}.article-body .p-link-module:has(>.p-link-module__img)>.p-link-module__img{grid-column:2;grid-row:1}.article-body .p-link-module:has(>.p-link-module__img)>p{display:none}.article-body .p-cases-area{margin-top:var(--space-4);padding:1.125rem;background:var(--c-gray-5);border-radius:.625rem;@media (min-width: 768px){display:flex;column-gap:2rem;justify-content:space-between;padding:1.5rem 2rem;margin-top:var(--space-12)}}.article-body .p-cases-area__head{@media (min-width: 768px){flex:0 0 20.75rem;align-self:center;min-width:calc(50% - 1rem)}}.article-body .p-cases-area__heading{margin:0;font-weight:700}.article-body .p-cases-area__overview{margin-top:.75rem;display:grid;row-gap:.375rem}.article-body .p-cases-area__body{margin-top:1rem;display:grid;row-gap:.375rem;@media (min-width: 768px){flex:1 1 auto;min-width:calc(50% - 1rem);margin-top:.5rem}}.article-body .p-cases-area__overview-row,.article-body .p-cases-area__info-row{display:grid;grid-template-columns:5rem 1fr;column-gap:.5rem;font-size:.8125rem}.article-body .p-cases-area__overview-row{@media (min-width: 768px){grid-template-columns:7.5rem 1fr;column-gap:.75rem;font-size:.875rem}}.article-body .p-cases-area__info-row{grid-template-columns:5rem 1fr;column-gap:.25rem;padding-bottom:.25rem;border-bottom:1px dashed var(--c-border);font-size:.75rem;@media (min-width: 768px){grid-template-columns:6.25rem 1fr;column-gap:.75rem;font-size:.8125rem}}.article-body .p-cases-area__overview-row>:first-child,.article-body .p-cases-area__info-row>:first-child{color:var(--c-text-muted);font-weight:700}.article-body .p-cases-area__overview-row.-project>:first-child:before,.article-body .p-cases-area__overview-row.-term>:first-child:before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:.25rem;vertical-align:-.18rem;background-repeat:no-repeat;background-position:center;background-size:contain}.article-body .p-cases-area__overview-row.-project>:first-child:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuOTk4NyAxNEMxLjYzMDUxIDE0IDEuMzMyMDMgMTMuNzAxNSAxLjMzMjAzIDEzLjMzMzNWMi42NjY2N0MxLjMzMjAzIDIuMjk4NDggMS42MzA1MSAyIDEuOTk4NyAySDYuOTQxNUw4LjI3NDgzIDMuMzMzMzNIMTMuMzMyQzEzLjcwMDIgMy4zMzMzMyAxMy45OTg3IDMuNjMxODEgMTMuOTk4NyA0VjZIMTIuNjY1NFY0LjY2NjY3SDcuNzIyNTZMNi4zODkyMiAzLjMzMzMzSDIuNjY1MzZWMTEuMzMyTDMuNjY1MzYgNy4zMzMzM0gxNC45OTg3TDEzLjQ1ODMgMTMuNDk1QzEzLjM4NDEgMTMuNzkxOCAxMy4xMTc0IDE0IDEyLjgxMTUgMTRIMS45OTg3Wk0xMy4yOTEgOC42NjY2N0g0LjcwNjRMMy43MDY0IDEyLjY2NjdIMTIuMjkxTDEzLjI5MSA4LjY2NjY3WiIgZmlsbD0iIzRFNEU0RSIvPgo8L3N2Zz4K)}.article-body .p-cases-area__overview-row.-term>:first-child:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk4NyAxNC42NjY2QzQuMzE2OCAxNC42NjY2IDEuMzMyMDMgMTEuNjgxOCAxLjMzMjAzIDcuOTk5OThDMS4zMzIwMyA0LjMxODA4IDQuMzE2OCAxLjMzMzMxIDcuOTk4NyAxLjMzMzMxQzExLjY4MDYgMS4zMzMzMSAxNC42NjU0IDQuMzE4MDggMTQuNjY1NCA3Ljk5OTk4QzE0LjY2NTQgMTEuNjgxOCAxMS42ODA2IDE0LjY2NjYgNy45OTg3IDE0LjY2NjZaTTcuOTk4NyAxMy4zMzMzQzEwLjk0NDIgMTMuMzMzMyAxMy4zMzIgMTAuOTQ1NSAxMy4zMzIgNy45OTk5OEMxMy4zMzIgNS4wNTQ0NiAxMC45NDQyIDIuNjY2NjUgNy45OTg3IDIuNjY2NjVDNS4wNTMxOCAyLjY2NjY1IDIuNjY1MzYgNS4wNTQ0NiAyLjY2NTM2IDcuOTk5OThDMi42NjUzNiAxMC45NDU1IDUuMDUzMTggMTMuMzMzMyA3Ljk5ODcgMTMuMzMzM1pNOC42NjUzNiA3Ljk5OTk4SDExLjMzMlY5LjMzMzMxSDcuMzMyMDNWNC42NjY2NUg4LjY2NTM2VjcuOTk5OThaIiBmaWxsPSIjNEU0RTRFIi8+Cjwvc3ZnPgo=)}.article-body .p-problem-flow{margin:var(--space-6) 0 0;border:1px solid #d1d1d1;border-radius:.625rem}.article-body .p-problem-flow__item{position:relative;padding:1.125rem 1.125rem 1.125rem 2.6875rem;@media (min-width: 768px){display:flex;column-gap:2.25rem;padding:1.125rem 2rem}}.article-body .p-problem-flow__item:nth-of-type(n+2){border-top:1px solid #d1d1d1}.article-body .p-problem-flow__item:before{content:"";position:absolute;top:1.825rem;left:1.125rem;width:.8125rem;height:.8125rem;background-color:#d9d5cd;border-radius:50%;z-index:1;@media (min-width: 768px){left:2rem}}.article-body .p-problem-flow__item:after{content:"";position:absolute;top:2.2rem;left:1.5rem;width:1px;height:calc(100% - .375rem);border-left:1px dashed #cfcfcf;@media (min-width: 768px){left:2.375rem}}.article-body .p-problem-flow__item.-effect:before{top:1.9125rem;left:.8125rem;border:.3125rem solid #d9d5cd;background-color:#a1a1a1;@media (min-width: 768px){left:2rem}}.article-body .p-problem-flow__item.-effect:after{content:none}.article-body .p-problem-flow__item:first-of-type{@media (min-width: 768px){padding-top:1.5rem}}.article-body .p-problem-flow__item:first-of-type:before{@media (min-width: 768px){top:2.2rem}}.article-body .p-problem-flow__item:first-of-type:after{@media (min-width: 768px){height:calc(100% + .25rem)}}.article-body .p-problem-flow__item:last-of-type{@media (min-width: 768px){padding-bottom:1.5rem}}.article-body .p-problem-flow__item-heading{margin:0;font-size:1rem;font-weight:700;color:var(--c-text);@media (min-width: 768px){padding-left:1.5625rem;flex:0 0 5.75rem}}.article-body .p-problem-flow__item-list strong{background:#fffc6b;font-weight:700}.article-body .p-problem-flow__item-list{margin:0;padding-left:0}.article-body .p-problem-flow__item-list li{padding-left:.75rem}.article-body .p-problem-flow__item-list li:before{width:.25rem;height:.25rem}.article-body .p-check-list{margin-top:28px;margin-bottom:0;padding-left:0;list-style:none}.article-body .p-check-list__item{position:relative;padding-left:24px;margin-bottom:0}.article-body .p-check-list__item:before{display:none}.article-body .p-check-list__item-icon{position:absolute;left:0;top:1em;transform:translateY(-50%);width:16px;height:14px;background:url(/shared/baigie-media/img/icon-check.svg) no-repeat center / contain}.article-body .p-check-list__item-icon img{display:none}.article-body .wp-block-columns{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-6) 0}.article-body .wp-block-column{flex:1 1 0;min-width:0;@media (max-width: 600px){flex-basis:100%}}.article-body figure{margin-inline:0;margin-bottom:0;margin-top:var(--space-6);@media (min-width: 768px){margin-top:var(--space-8)}}.article-body figure img{margin:0 auto}.article-body figure table{margin:0}.article-body figure.wp-block-table{overflow-x:auto}.article-body figcaption{margin-top:var(--space-2);font-size:var(--fs-sm);color:var(--c-text-muted);text-align:center}.article-body .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td{background:var(--c-gray-5)}.article-body div:has(>iframe){margin-top:var(--space-4);@media (min-width: 768px){margin-top:var(--space-12)}}.article-body>*:has(+.twitter-tweet){margin-bottom:var(--space-4);@media (min-width: 768px){margin-bottom:var(--space-12)}}.article-body [class*=code-box]{margin:var(--space-6) 0 0}.article-body [class*=code-box] [class*=__title]{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.08em;color:var(--c-text-muted);background:var(--c-gray-5);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.article-body iframe{max-width:100%;margin:var(--space-6) 0;border:0}.article-body iframe[src*="youtube.com"],.article-body iframe[src*="youtu.be"]{width:100%;height:auto;aspect-ratio:16 / 9}.article-body .wp-block-embed,.article-body .codepen{margin:var(--space-6) 0}.article-body .wp-block-embed.is-speakerdeck iframe,.article-body .wp-block-embed.is-codepen iframe{width:100%}.article-body .hs-form-embed{margin:var(--space-6) 0}.article-body video{display:block;max-width:100%;height:auto;margin:var(--space-6) 0}.article-body .aligncenter{margin-inline:auto}.article-body figure.aligncenter{display:table;margin-inline:auto}.article-body .alignleft{float:left;margin:0 var(--space-5) var(--space-4) 0}.article-body .alignright{float:right;margin:0 0 var(--space-4) var(--space-5)}.article-body h2,.article-body h3{clear:both}.article-body .has-text-align-center{text-align:center}.article-body .has-text-align-right{text-align:right}.article-body .has-text-align-left{text-align:left}.article-body .has-bold-color{color:#3449eb;font-weight:600}.article-body .has-vivid-cyan-blue-color{color:#0693e3}.article-body .has-luminous-vivid-amber-color{color:#fcb900}.article-body .has-black-color{color:var(--c-text)}.article-body .wp-block-buttons{display:flex;flex-wrap:wrap;margin-top:28px;margin-bottom:0}.article-body .wp-block-button{margin:0 .5em .5em 0}.article-body .wp-block-button__link,.article-body .wp-element-button{display:inline-block;padding:calc(.667em + 2px) calc(1.333em + 2px);border:0;border-radius:9999px;background:#32373c;color:#fff;font-size:1.125em;line-height:inherit;text-decoration:none;cursor:pointer}.article-body .wp-block-button__link:hover{text-decoration:none;opacity:.85}.article-body .profile{display:flex;margin-top:45px;@media (min-width: 768px){margin-top:90px}}.article-body .profile__item:first-child{width:80px}.article-body .profile__item:last-child{flex:1;min-width:0;margin-left:25px;font-size:.8125rem;line-height:1.75;@media (min-width: 768px){margin-left:30px;font-size:1rem}}.article-body .profile__item img{margin:0}.article-body .profile__item h3{margin-top:0;font-size:1.125rem}.article-body .profile__item p{margin-top:.5em;font-size:inherit}.article-body .profile__item ul{margin-top:1em}.article-body .code-box,.article-body .code-box-2,.article-body .code-box-3{box-sizing:border-box;position:relative;width:100%;max-width:720px;margin-top:28px;background:#fff;border:solid 1px #e6e4de;border-radius:10px;@media (min-width: 768px){margin-top:32px}}.article-body .code-box-3{display:flex;justify-content:center;align-items:center;overflow:hidden;padding:50px 0}.article-body .code-box:before,.article-body .code-box-2:before{display:block;padding-top:40%;content:""}.article-body .code-box-3__inner{box-sizing:border-box;display:flex;justify-content:center;align-items:center;transform:scale(.5);@media (min-width: 768px){transform:scale(.8)}}.article-body .code-box-3 .code-box-3__title{display:block;position:relative;overflow:visible;transform:translate(-100%);transition:transform cubic-bezier(.215,.61,.355,1) .5s;color:#aa8f7b;background:none;padding:0;border-radius:0;letter-spacing:normal;font-family:Josefin Sans,sans-serif;font-size:2em;font-weight:700;animation:codeBoxParentMoving 3s linear infinite}.article-body .code-box-3 .code-box-3__title span{display:block;transform:translate(100%);transition:transform cubic-bezier(.215,.61,.355,1) .5s;background:#0003;animation:codeBoxChildMoving 3s linear infinite}.article-body .code-box-3 .code-box-3__title:before{box-sizing:border-box;display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:dotted 2px black}@keyframes codeBoxParentMoving{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes codeBoxChildMoving{0%{transform:translate(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.article-body .code-box-2__inner,.article-body .code-box__inner{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%}.article-body .code-box-2__line,.article-body .code-box__line{display:flex;justify-content:center;align-items:center;padding:0 20px}.article-body .code-box-2__arrow{margin:0 40px;width:0;height:0;border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #cccccc;@media (min-width: 768px){border-width:15px 0 15px 15px;margin:0 80px}}.article-body .code-box-2__text{display:block;margin-top:20px;text-align:center;white-space:nowrap;font-weight:700;font-size:12px;@media (min-width: 768px){margin-top:40px;font-size:16px}}.article-body .code-box-2__elm{display:flex;justify-content:center;align-items:center;position:relative;width:30px;margin:0 auto;@media (min-width: 768px){width:60px}}.article-body .code-box-2__elm:before{display:block;padding-top:100%;content:""}.article-body .code-box-2__bird{width:7px;height:7px;transform:rotate(45deg) scale(3);@media (min-width: 768px){transform:rotate(45deg) scale(5)}}.article-body .code-box-2__bird:before,.article-body .code-box-2__bird:after{content:"";position:absolute;bottom:0;right:0;background-color:#000;transform-origin:right bottom}.article-body .code-box-2__bird:before{width:100%;height:1px}.article-body .code-box-2__bird:after{width:1px;height:100%}.article-body .code-box-2__bird.-type_2:before{transform:rotate(-30deg)}.article-body .code-box-2__bird.-type_2:after{transform:rotate(30deg)}.article-body .code-box-2__bird.-type_3:before{animation:codeBoxLeftWing 1s linear infinite}.article-body .code-box-2__bird.-type_3:after{animation:codeBoxRightWing 1s linear infinite}@keyframes codeBoxLeftWing{0%{transform:rotate(-30deg)}50%{transform:rotate(-110deg)}to{transform:rotate(-30deg)}}@keyframes codeBoxRightWing{0%{transform:rotate(30deg)}50%{transform:rotate(110deg)}to{transform:rotate(30deg)}}.article-body .code-box__column{margin:0 20px;@media (min-width: 768px){margin:0 40px}}.article-body .code-box__text{display:block;margin-top:20px;white-space:nowrap;font-weight:700;font-size:12px;@media (min-width: 768px){margin-top:40px;font-size:16px}}.article-body .code-box__elm{position:relative;width:30px;margin:0 auto;@media (min-width: 768px){width:60px}}.article-body .code-box__elm:before{display:block;padding-top:100%;content:""}.article-body .code-box__elm .confetti-1{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:40px;@media (min-width: 768px){width:60px;height:70px}}.article-body .code-box__elm .confetti-2{display:block;width:100%;height:100%}.article-body .code-box__elm .confetti-3{display:block;width:100%;height:100%;background-color:#3181a8;animation:codeBoxRotateY 1s linear infinite}.article-body .code-box__elm .confetti-3.-confetti360{animation:codeBoxRotate360 1s linear infinite}@keyframes codeBoxRotateY{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes codeBoxRotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.article-body>:first-child{margin-top:0}.footer[data-astro-cid-sz7xmlte]{position:relative;padding-top:var(--space-6)}.footer__panel[data-astro-cid-sz7xmlte]{padding:var(--space-8) var(--space-4) var(--space-6);background:var(--c-bg-dark);@media (min-width: 768px){padding:var(--space-16) var(--space-4) var(--space-6)}}.footer__inner[data-astro-cid-sz7xmlte]{max-width:var(--w-wide);margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-6);@media (min-width: 768px){gap:0}}.footer__heading[data-astro-cid-sz7xmlte]{margin:0;font-weight:700;font-size:1.125rem;line-height:var(--lh-normal);color:var(--c-text-inverse-muted)}.footer__media[data-astro-cid-sz7xmlte]{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-6);@media (max-width: 767.98px){gap:0;border-bottom:1px solid var(--c-border-inverse)}@media (min-width: 768px){flex-direction:row;flex-wrap:wrap;gap:var(--space-10)}}@media (min-width: 768px){.footer__heading[data-astro-cid-sz7xmlte]+.footer__media[data-astro-cid-sz7xmlte]{margin-top:var(--space-6)}}.footer__media-item[data-astro-cid-sz7xmlte]{@media (max-width: 767.98px){border-top:1px solid var(--c-border-inverse)}@media (min-width: 768px){width:220px;flex-shrink:0}}.footer__media-link[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:var(--space-3);color:inherit;text-decoration:none;@media (max-width: 767.98px){gap:0}}.footer__media-thumb[data-astro-cid-sz7xmlte]{position:relative;display:block;border-radius:var(--radius-sm);overflow:hidden;&[data-astro-cid-sz7xmlte]:after{content:"";position:absolute;inset:0;border:solid 1px var(--c-border-thumb-inverse);border-radius:inherit;pointer-events:none}@media (max-width: 767.98px){display:none}}.footer__media-thumb-img[data-astro-cid-sz7xmlte]{display:block;width:100%;height:auto;object-fit:cover}.footer__media-title[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--c-text-inverse-muted);@media (max-width: 767.98px){display:block;position:relative;padding-block:var(--space-3)}}a[data-astro-cid-sz7xmlte].footer__media-link .footer__media-title[data-astro-cid-sz7xmlte]{text-decoration:none}a[data-astro-cid-sz7xmlte].footer__media-link .footer__media-title-text[data-astro-cid-sz7xmlte]{@media (min-width: 768px){background-image:linear-gradient(90deg,currentcolor,currentcolor);background-repeat:no-repeat;background-position:100% calc(100% - 2px);background-size:100% 1px}}a[data-astro-cid-sz7xmlte].footer__media-link:hover .footer__media-title-text[data-astro-cid-sz7xmlte]{@media (min-width: 768px){background-size:0 1px}}.footer__media-title[data-astro-cid-sz7xmlte] .ext-icon{@media (max-width: 767.98px){position:absolute;right:0;top:50%;translate:0 -50%}}.footer__media-desc[data-astro-cid-sz7xmlte]{margin:0;font-size:var(--fs-meta);line-height:var(--lh-body);color:var(--c-text-inverse-muted);letter-spacing:.03em;font-feature-settings:"palt";@media (max-width: 767.98px){display:none}}.footer__bottom[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:var(--space-6);@media (max-width: 767.98px){flex-direction:row;gap:0;justify-content:space-between}@media (min-width: 768px){flex-direction:row;align-items:center;margin-top:calc(var(--space-8) + 12px)}}.footer__brand[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:var(--space-4)}.footer__brand-logo[data-astro-cid-sz7xmlte]{height:20px;width:auto}.footer__copyright[data-astro-cid-sz7xmlte]{font-size:.625rem;line-height:var(--lh-body);color:var(--c-text-inverse-muted);letter-spacing:.04em}.footer__links[data-astro-cid-sz7xmlte]{display:flex;justify-content:flex-end;flex:1;gap:var(--space-6);@media (max-width: 767.98px){display:none}}.footer__link[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-meta);color:var(--c-text-inverse-muted);text-decoration:none;@media (min-width: 768px){font-size:var(--fs-sm)}}.footer__link[data-astro-cid-sz7xmlte] .u-text-hover-in[data-astro-cid-sz7xmlte]{background-image:linear-gradient(90deg,currentcolor,currentcolor);background-position:0 calc(100% - 4px)}.footer__link[data-astro-cid-sz7xmlte]:hover .u-text-hover-in[data-astro-cid-sz7xmlte]{background-size:100% 1px}.footer__social[data-astro-cid-sz7xmlte]{display:flex;gap:var(--space-3)}.footer__social-icon[data-astro-cid-sz7xmlte]{position:relative;display:inline-flex;--social-bg: var(--c-text-inverse);--social-fg: var(--c-black)}.footer__social-icon-tip[data-astro-cid-sz7xmlte]{position:absolute;bottom:calc(100% + 6px);right:0;padding:6px var(--space-2);border-radius:var(--radius-sm);background:var(--c-text);color:var(--c-text-inverse-muted);font-size:var(--fs-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.footer__social-icon-tip[data-astro-cid-sz7xmlte]:before{content:"";position:absolute;right:var(--space-2);top:99%;width:13px;height:8px;background:var(--c-text);clip-path:polygon(50% 100%,100% 0,0 0)}.footer__social-icon[data-astro-cid-sz7xmlte]:hover .footer__social-icon-tip[data-astro-cid-sz7xmlte]{opacity:1;visibility:visible}.footer__totop[data-astro-cid-sz7xmlte]{position:absolute;top:0;right:var(--space-4);display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:none;border-radius:100px;background:var(--c-surface);box-shadow:0 4px 20px #00365614;cursor:pointer;@media (min-width: 768px){right:calc(50% - var(--w-wide) / 2 + var(--space-8))}}.footer__totop[data-astro-cid-sz7xmlte]:hover{background:var(--c-text)}.footer__totop-icon[data-astro-cid-sz7xmlte]{display:block;width:20px;height:20px;background-color:var(--c-text);-webkit-mask:url(/shared/baigie-media/img/icon-back-to-top.svg) center / contain no-repeat;mask:url(/shared/baigie-media/img/icon-back-to-top.svg) center / contain no-repeat}.footer__totop[data-astro-cid-sz7xmlte]:hover .footer__totop-icon[data-astro-cid-sz7xmlte]{background-color:var(--c-text-inverse-muted)}.masthead-bar[data-astro-cid-5hce7sga]{margin:22px 0 0;padding-inline:16px;@media (min-width: 768px){margin-top:24px}}.cc-window .cc-message a{color:var(--c-x-brand)}