html:has(.odiin-guide){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.odiin-guide){scroll-behavior:auto}}.odiin-guide{--g-text-5:#242628;--g-text-10:#414b56;--g-text-15:#5c6978;--g-text-20:#708193;--g-text-30:#a6b3c0;--g-line-10:#f2f3f5;--g-bg-default:#fafafa;--g-primary:#2e90fa;--g-primary-5:#409cff0d;--g-primary-32:#409cff52;--g-btn2-n:#0000000d;--g-warn-5:#f790090d;--g-radius:8px;--g-hdr:72px;--g-ease:cubic-bezier(.22, .61, .36, 1);--g-primary-strong:#1570ef;--g-shadow-hover:0 1px 2px #0d13210a, 0 10px 34px #0d13211a;--g-sb:clamp(241px, 18.9vw, 280px);--g-toc:clamp(234px, 18.3vw, 258px);--g-gap:clamp(40px, 3.4vw, 44px);--g-doc:752px;--g-pad:8px;--g-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;color:var(--g-text-10);letter-spacing:-0.5%;background:#fff}.odiin-guide .wrap,.odiin-guide .docs{max-width:1440px;margin:0 auto;padding:0 24px}.odiin-guide header.nav{-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--g-line-10);background:#ffffffdb}.odiin-guide header.nav.nav--hidden{transform:none}.odiin-guide .nav-guide.act{color:var(--g-primary)}.odiin-guide .guide-menu a.cur{background:var(--g-primary-5)}.odiin-guide .docs{grid-template-columns:var(--g-sb) minmax(0, var(--g-doc)) var(--g-toc);column-gap:var(--g-gap);align-items:start;display:grid}
.odiin-guide .dsb{top:var(--g-hdr);height:calc(100vh - var(--g-hdr));scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:30px;padding:0 0 60px;display:flex;position:sticky;overflow-y:auto}.odiin-guide .dsb::-webkit-scrollbar{width:0;height:0}.odiin-guide .prod{border-bottom:1px solid var(--g-line-10);flex:none;display:flex}.odiin-guide .prod a{color:var(--g-text-20);text-align:center;white-space:nowrap;transition:color .18s var(--g-ease);flex:1;padding:12px 8px;font-size:15px;font-weight:600;line-height:22px}.odiin-guide .prod a:hover{color:var(--g-text-10)}.odiin-guide .prod [aria-current=page]{color:var(--g-text-5);box-shadow:inset 0 -2px #363a47}.odiin-guide .search{height:40px;padding:0 var(--g-pad);border:1px solid var(--g-line-10);color:#8e9cab;transition:border-color .18s var(--g-ease), box-shadow .18s var(--g-ease);background:#fff;border-radius:6px;flex:none;align-items:center;gap:8px;display:flex}.odiin-guide .search:focus-within{border-color:var(--g-primary);box-shadow:0 0 0 3px var(--g-primary-5)}.odiin-guide .search input{min-width:0;color:var(--g-text-10);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px;line-height:22px}.odiin-guide .search input::placeholder{color:var(--g-text-30)}.odiin-guide .no-hit{padding:6px var(--g-pad);color:var(--g-text-30);font-size:13px;line-height:20px}.odiin-guide .dsb nav{flex-direction:column;gap:14px;display:flex}.odiin-guide .grp-t{width:100%;padding:0 var(--g-pad);color:var(--g-text-5);text-align:left;cursor:pointer;transition:background .16s var(--g-ease), color .16s var(--g-ease);background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;font-family:inherit;font-size:13px;font-weight:600;line-height:20px;display:flex}.odiin-guide .grp-t:hover{background:0 0}.odiin-guide .grp-t__label{align-items:baseline;display:flex}.odiin-guide .grp-t__no{flex:none;width:19px}.odiin-guide .grp.active>.grp-t{color:#1570ef}.odiin-guide .grp-t__car{color:var(--g-text-20);transition:transform .2s var(--g-ease);flex:none}.odiin-guide .grp.closed .grp-list{display:none}.odiin-guide .grp-list{flex-direction:column;gap:4px;margin-top:12px;padding:0 0 0 13px;display:flex}.odiin-guide .grp-list a{min-height:38px;color:var(--g-text-10);transition:background .16s var(--g-ease), color .16s var(--g-ease);border-radius:6px;align-items:center;padding:8px 8px 8px 14px;font-size:13px;font-weight:400;line-height:20px;display:flex}.odiin-guide .grp-list a[href]:hover{background:var(--g-bg-default);color:var(--g-text-5)}.odiin-guide .grp-list a.on{color:var(--g-primary);background:#f2f3f5;font-weight:600}.odiin-guide .grp-list a[aria-disabled=true]{cursor:default}.odiin-guide .dsb.searching .grp-t{display:none}.odiin-guide .dsb.searching .grp-list{margin-top:0;padding-left:0}.odiin-guide .dsb.searching nav{gap:0}.odiin-guide .dsb.searching .grp-list{border-left:0;margin:0;padding-left:0}.odiin-guide .dsb.searching .grp.closed .grp-list{display:flex}
.odiin-guide .doc{min-width:0;max-width:var(--g-doc);padding:70px 0 96px}.odiin-guide .gd-crumb{padding:0 var(--g-pad);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;line-height:20px;display:flex}.odiin-guide .gd-crumb__seg{color:var(--g-text-30);align-items:center;gap:8px;display:inline-flex}.odiin-guide .doc .gd-crumb a,.odiin-guide .gd-crumb a{color:var(--g-text-30);font-weight:400}.odiin-guide .doc .gd-crumb a:hover,.odiin-guide .gd-crumb a:hover{color:var(--g-text-10)}.odiin-guide .gd-crumb b{color:var(--g-text-10);font-weight:600}.odiin-guide .gd-crumb__sep{color:#c1c7d1}.odiin-guide .gd-head{flex-direction:column;gap:20px;display:flex}.odiin-guide .gd-head h1{padding:0 var(--g-pad);letter-spacing:-0.5%;color:var(--g-text-5);margin:0;font-size:42px;font-weight:700;line-height:50px}.odiin-guide .gd-head__lead{padding:0 var(--g-pad);margin-top:-8px}.odiin-guide .gd-head__lead p{color:var(--g-text-10);font-size:15px;line-height:22px}.odiin-guide .gd-badges{flex-wrap:wrap;gap:8px;display:flex}.odiin-guide .gd-badge{background:var(--g-btn2-n);color:var(--g-text-10);border-radius:38px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.odiin-guide .gd-badge svg{color:var(--g-text-10)}.odiin-guide .gd-sec{flex-direction:column;gap:20px;margin-top:40px;display:flex}.odiin-guide .gd-sec:first-of-type{border-top:1px solid var(--g-line-10);padding-top:40px}.odiin-guide .gd-sec h2{padding:0 var(--g-pad);color:var(--g-text-5);scroll-margin-top:calc(var(--g-hdr) + 24px);margin:0;font-size:24px;font-weight:600;line-height:36px}.odiin-guide .gd-sec__desc{padding:0 var(--g-pad);margin-top:-12px}.odiin-guide .gd-sec__desc p,.odiin-guide .doc p{color:var(--g-text-10);font-size:15px;line-height:22px}.odiin-guide .doc strong{color:var(--g-text-10);font-weight:600}.odiin-guide .doc a{color:var(--g-primary);font-weight:400}.odiin-guide .doc p a,.odiin-guide .doc li a{transition:color .18s var(--g-ease)}.odiin-guide .doc p a:hover,.odiin-guide .doc li a:hover{color:var(--g-primary-strong)}.odiin-guide .doc .gd-link-soon{color:var(--g-primary);font-weight:400}.odiin-guide .doc p a,.odiin-guide .doc li a,.odiin-guide .doc .gd-link-soon{text-underline-offset:2px;text-decoration:underline}.odiin-guide .doc code:not(pre code){background:var(--g-bg-default);border:1px solid var(--g-line-10);font-family:var(--g-mono);color:var(--g-text-10);border-radius:4px;padding:1px 6px;font-size:13px}
.odiin-guide .gd-ul{padding:0 var(--g-pad);flex-direction:column;gap:14px;list-style:none;display:flex}.odiin-guide .gd-ul li{color:var(--g-text-10);padding-left:16px;font-size:15px;line-height:22px;position:relative}.odiin-guide .gd-ul li:before{content:"";background:#292b33;border-radius:999px;width:3px;height:3px;position:absolute;top:9.5px;left:4.5px}.odiin-guide .gd-ul li.has-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.odiin-guide .gd-ul li.has-title b{font-size:16px;font-weight:600;line-height:22px}.odiin-guide .gd-alert{border-radius:var(--g-radius);background:var(--g-primary-5);flex-direction:column;gap:8px;padding:16px;display:flex}.odiin-guide .gd-alert--warn{background:var(--g-warn-5)}.odiin-guide .gd-alert__label{letter-spacing:-.5px;color:var(--g-text-10);align-items:flex-start;gap:8px;font-size:14px;font-weight:600;line-height:20px;display:flex}.odiin-guide .gd-alert__label b{font-weight:600}.odiin-guide .gd-alert__label svg{flex:none}.odiin-guide .gd-alert__body{flex-direction:column;gap:4px;padding-left:28px;display:flex}.odiin-guide .gd-alert__body a{text-underline-offset:2px;text-decoration:underline}.odiin-guide .gd-alert__body,.odiin-guide .gd-alert__body p{color:var(--g-text-10);font-size:14px;line-height:20px}.odiin-guide .gd-steps{padding:0 var(--g-pad);flex-direction:column;gap:20px;list-style:none;display:flex}.odiin-guide .gd-steps__head{align-items:center;gap:8px;display:flex}.odiin-guide .gd-steps__no{background:var(--g-primary);width:20px;height:20px;color:var(--g-bg-default);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;line-height:18px;display:grid}.odiin-guide .gd-steps__head b{color:var(--g-text-10);font-size:15px;font-weight:600;line-height:22px}.odiin-guide .gd-steps__desc{color:var(--g-text-10);margin-top:4px;padding-left:28px;font-size:15px;line-height:22px}
.odiin-guide .gd-layers{padding:0 var(--g-pad);flex-wrap:wrap;align-items:center;gap:4px;display:flex;overflow:visible}.odiin-guide .gd-layers__group{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.odiin-guide .gd-layers:not(.gd-layers--chain):not(.gd-layers--split) .gd-layer{flex:150px;width:auto;min-width:0}.odiin-guide .gd-layers__arrow{color:var(--g-text-20);flex:none}.odiin-guide .gd-layer{border:1px solid var(--g-line-10);border-radius:var(--g-radius);background:#fff;flex-direction:column;flex:none;gap:4px;width:170px;padding:18px 35px 18px 18px;display:flex}.odiin-guide .gd-layer--primary{border-color:var(--g-primary-32);background:var(--g-primary-5);width:190px}.odiin-guide .gd-layer__kind{color:var(--g-text-10);font-size:13px;line-height:20px}.odiin-guide .gd-layer b{color:var(--g-text-10);font-size:15px;font-weight:600;line-height:22px}.odiin-guide .gd-layers--chain{flex-wrap:wrap;align-items:stretch;gap:12px;overflow:visible}.odiin-guide .gd-layers--chain .gd-layers__arrow{align-self:center}.odiin-guide .gd-layers--chain .gd-layer{flex:1;gap:8px;width:auto;min-width:min(200px,100%);padding:18px}.odiin-guide .gd-layers--chain .gd-layer__kind,.odiin-guide .gd-layers--chain .gd-layer b{padding:0 4px}.odiin-guide .gd-layers--split{gap:20px;overflow:visible}.odiin-guide .gd-layers--split .gd-layer{width:auto;min-width:0;transition:transform .25s var(--g-ease), box-shadow .25s var(--g-ease), border-color .25s var(--g-ease);flex:1;gap:10px}.odiin-guide .gd-layers--split .gd-layer:hover{box-shadow:var(--g-shadow-hover);border-color:var(--g-primary-32);transform:translateY(-3px)}.odiin-guide .gd-layers--split .gd-layer--primary{background:linear-gradient(160deg,#409cff0a 0%,#fff3 96%),#fff;flex:none;width:353px}.odiin-guide .gd-layers--split .gd-layer__kind{background:var(--g-btn2-n);border-radius:48px;align-self:flex-start;padding:3px 8px;font-weight:600}.odiin-guide .gd-layers--split .gd-layer--primary .gd-layer__kind{background:#409cff1a}.odiin-guide .gd-layer__name{color:var(--g-text-5);padding:0 4px;font-size:16px;line-height:22px}.odiin-guide .gd-layer__desc{color:var(--g-text-10);margin:-2px 0 0;padding:0 4px;font-size:14px;line-height:20px}.odiin-guide .gd-layer__desc strong{font-weight:600}
.odiin-guide .gd-tblwrap{overflow-x:auto}.odiin-guide .gd-tbl{border-collapse:separate;border-spacing:0;border:1px solid var(--g-line-10);border-radius:var(--g-radius);width:100%;overflow:hidden}.odiin-guide .gd-tbl th{background:var(--g-bg-default);border-bottom:1px solid var(--g-line-10);color:var(--g-text-10);text-align:left;white-space:nowrap;padding:12px;font-size:14px;font-weight:400;line-height:20px}.odiin-guide .gd-tbl td{border-bottom:1px solid var(--g-line-10);height:44px;color:var(--g-text-10);vertical-align:middle;padding:8px 12px;font-size:14px;line-height:20px}.odiin-guide .gd-tbl tr:last-child td{border-bottom:none}.odiin-guide .gd-pill{white-space:nowrap;border-radius:4px;padding:0 4px;font-size:13px;font-weight:400;line-height:20px;display:inline-block}.odiin-guide .gd-pill--ok{color:#039855;background:#12b76a1a}.odiin-guide .gd-pill--mid{color:#2e90fa;background:#409cff1a}.odiin-guide .gd-pill--no{color:#ff5f55;background:#ff5f551a}
.odiin-guide .gd-fig{padding:0 var(--g-pad);margin:0}.odiin-guide .gd-fig__shot{aspect-ratio:16/9;border:1px solid var(--g-line-10);border-radius:var(--g-radius);background:var(--g-bg-default);color:var(--g-text-30);text-align:center;place-items:center;padding:16px;font-size:13px;font-weight:600;display:grid;overflow:hidden}.odiin-guide .gd-fig__shot img{object-fit:cover;width:100%;height:100%}.odiin-guide .gd-fig__shot--img{aspect-ratio:auto;background:0 0;border:0;padding:0}.odiin-guide .gd-fig__shot--img img{object-fit:contain;height:auto}.odiin-guide .gd-fig figcaption{color:var(--g-text-30);margin-top:8px;font-size:13px;line-height:20px}
.odiin-guide .gd-faq{border:1px solid var(--g-line-10);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.odiin-guide .gd-faq details:not(:last-child){border-bottom:1px solid var(--g-line-10)}.odiin-guide .gd-faq summary{cursor:pointer;color:var(--g-text-10);transition:background .16s var(--g-ease);align-items:center;gap:12px;padding:16px 12px;font-size:14px;font-weight:600;line-height:20px;list-style:none;display:flex}.odiin-guide .gd-faq summary::-webkit-details-marker{display:none}.odiin-guide .gd-faq summary:hover{background:var(--g-bg-default)}.odiin-guide .gd-faq details[open] summary{background:var(--g-bg-default);color:var(--g-text-5);padding-bottom:8px}.odiin-guide .gd-faq summary:focus-visible{outline:2px solid var(--g-primary-32);outline-offset:-2px}.odiin-guide .gd-faq__car{color:var(--g-text-30);transition:transform .24s var(--g-ease), color .16s var(--g-ease);flex:none;margin-left:auto;transform:rotate(90deg)}.odiin-guide .gd-faq summary:hover .gd-faq__car,.odiin-guide .gd-faq details[open] .gd-faq__car{color:var(--g-text-20)}.odiin-guide .gd-faq details[open] .gd-faq__car{transform:rotate(-90deg)}.odiin-guide .gd-faq__body{color:var(--g-text-15);padding:12px 16px;font-size:14px;line-height:22px}.odiin-guide .gd-faq__body p{font-size:14px;line-height:22px}@supports (interpolate-size:allow-keywords){.odiin-guide .gd-faq{interpolate-size:allow-keywords}.odiin-guide .gd-faq details::details-content{block-size:0;transition:block-size .26s var(--g-ease), content-visibility .26s allow-discrete;overflow:hidden}.odiin-guide .gd-faq details[open]::details-content{block-size:auto}}
.odiin-guide .gd-next{padding:0 var(--g-pad);flex-direction:column;gap:16px;list-style:none;display:flex}.odiin-guide .gd-next__head{align-items:center;gap:8px;display:flex}.odiin-guide .gd-next__no{background:var(--g-primary);width:20px;height:20px;color:var(--g-bg-default);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.odiin-guide .gd-next__head b{color:var(--g-text-10);font-size:15px;font-weight:600;line-height:22px}.odiin-guide .gd-next p{margin-top:4px;padding-left:28px;font-size:15px;line-height:22px}
.odiin-guide .gd-fb{border-radius:var(--g-radius);background:var(--g-bg-default);flex-wrap:wrap;align-items:center;gap:8px;margin-top:40px;padding:16px;display:flex}.odiin-guide .gd-fb>b{min-width:200px;color:var(--g-text-10);flex:1;font-size:14px;font-weight:600;line-height:20px}.odiin-guide .gd-fb__btns{gap:8px;display:flex}.odiin-guide .gd-fb__btns button{border:1px solid var(--g-line-10);height:40px;color:var(--g-text-15);cursor:pointer;transition:border-color .18s var(--g-ease), color .18s var(--g-ease), background .18s var(--g-ease), transform .12s var(--g-ease);background:#fff;border-radius:6px;padding:9px 12px;font-family:inherit;font-size:15px;line-height:22px}.odiin-guide .gd-fb__btns button:hover{border-color:var(--g-primary);color:var(--g-primary);background:var(--g-primary-5)}.odiin-guide .gd-fb__btns button:active{transform:translateY(1px)}.odiin-guide .gd-fb__btns button:focus-visible{outline:2px solid var(--g-primary-32);outline-offset:2px}.odiin-guide .gd-fb__done{color:var(--g-primary);font-size:14px;font-weight:600}.odiin-guide .gd-fb.is-reason{flex-direction:column;align-items:stretch;gap:10px}.odiin-guide .gd-fb.is-reason>b{flex:none;min-width:0}.odiin-guide .gd-fb__form{animation:gdFbIn .22s var(--g-ease) both;flex-direction:column;gap:8px;display:flex}@keyframes gdFbIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.odiin-guide .gd-fb__form{animation:none}}.odiin-guide .gd-fb__field{border:1px solid var(--g-line-10);transition:border-color .18s var(--g-ease), box-shadow .18s var(--g-ease);background:#fff;border-radius:10px;padding:12px 14px 10px;box-shadow:0 1px 2px #1018280a}.odiin-guide .gd-fb__field:focus-within{border-color:var(--g-primary);box-shadow:0 0 0 3px var(--g-primary-5,#2f6bff14)}.odiin-guide .gd-fb__ta{width:100%;height:66px;color:var(--g-text-10);resize:none;background:0 0;border:0;padding:0;font-family:inherit;font-size:14.5px;line-height:22px;display:block;overflow-y:auto}.odiin-guide .gd-fb__ta:focus{outline:none}.odiin-guide .gd-fb__ta::placeholder{color:#98a2b3}.odiin-guide .gd-fb__contact{margin-top:4px}.odiin-guide .gd-fb__contact-note{color:#a9b4c2;letter-spacing:-.01em;margin-bottom:2px;font-size:11.5px;line-height:18px;display:block}.odiin-guide .gd-fb__contact-row{grid-template-columns:1fr 1fr;column-gap:16px;display:grid}.odiin-guide .gd-fb__in{border:0;border-bottom:1px solid var(--g-line-5,#10182814);width:100%;height:32px;color:var(--g-text-10);transition:border-color .18s var(--g-ease);background:0 0;border-radius:0;padding:0;font-family:inherit;font-size:13.5px}.odiin-guide .gd-fb__in:focus{border-bottom-color:var(--g-primary);outline:none}.odiin-guide .gd-fb__in::placeholder{color:#b6c0cc}@media (max-width:560px){.odiin-guide .gd-fb__contact-row{grid-template-columns:1fr;row-gap:2px}}.odiin-guide .gd-fb__actions{align-items:center;gap:8px;margin-top:14px;display:flex}.odiin-guide .gd-fb__count{font-variant-numeric:tabular-nums;color:#98a2b3;flex:1;font-size:12px}.odiin-guide .gd-fb__cancel,.odiin-guide .gd-fb__send{white-space:nowrap;cursor:pointer;height:34px;transition:background .18s var(--g-ease), color .18s var(--g-ease), opacity .18s var(--g-ease), transform .12s var(--g-ease);border-radius:8px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:600;line-height:1}.odiin-guide .gd-fb__cancel{color:var(--g-text-40,#667085);background:0 0;border:0}.odiin-guide .gd-fb__cancel:hover{color:var(--g-text-15);background:#1018280a}.odiin-guide .gd-fb__send{border:1px solid var(--g-primary);background:var(--g-primary);color:#fff}.odiin-guide .gd-fb__send:hover:not(:disabled){filter:brightness(1.06)}.odiin-guide .gd-fb__cancel:active,.odiin-guide .gd-fb__send:active{transform:translateY(1px)}.odiin-guide .gd-fb__send:disabled{border-color:var(--g-line-10);color:#98a2b3;cursor:default;background:#f2f4f7}.odiin-guide .gd-fb__cancel:focus-visible,.odiin-guide .gd-fb__send:focus-visible{outline:2px solid var(--g-primary-32);outline-offset:2px}.odiin-guide .gd-fb__fail{color:#d92d20;font-size:13px;font-style:normal}
.odiin-guide .gd-pager{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.odiin-guide .gd-pager__card{border:1px solid var(--g-line-10);border-radius:var(--g-radius);flex-direction:column;gap:4px;padding:16px;display:flex}.odiin-guide a.gd-pager__card:focus-visible{outline:2px solid var(--g-primary-32);outline-offset:2px}.odiin-guide .gd-pager__card--next{text-align:right;align-items:flex-end}.odiin-guide .gd-pager__card.is-empty{border:none}.odiin-guide .gd-pager__card.is-disabled{cursor:default;pointer-events:none}.odiin-guide .gd-pager__label{color:var(--g-text-20);align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.odiin-guide .gd-pager__card b{letter-spacing:-.5px;color:var(--g-text-10);font-size:14px;font-weight:600;line-height:20px}
.odiin-guide .gd-code{padding:0 var(--g-pad);position:relative}.odiin-guide .gd-code pre{border-radius:var(--g-radius);background:#101828;margin:0;padding:16px 18px;overflow-x:auto}.odiin-guide .gd-code code{font-family:var(--g-mono);color:#d0d5dd;white-space:pre;font-size:13px;line-height:20px}.odiin-guide .gd-code__copy{top:12px;right:calc(var(--g-pad) + 12px);color:#d0d5dd;cursor:pointer;transition:background .18s var(--g-ease), color .18s var(--g-ease);background:#ffffff12;border:1px solid #ffffff24;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;position:absolute}.odiin-guide .gd-code__copy:hover{color:#fff;background:#ffffff29}.odiin-guide .gd-code__copy:active{background:#ffffff38}
.odiin-guide .toc{top:var(--g-hdr);height:calc(100vh - var(--g-hdr));flex-direction:column;gap:15px;padding:70px 0 60px 20px;display:flex;position:sticky;overflow-y:auto}.odiin-guide .toc-t{color:var(--g-text-20);font-size:13px;font-weight:600;line-height:20px}.odiin-guide .toc-list{flex-direction:column;display:flex;position:relative}.odiin-guide .toc-list:before{content:"";background:var(--g-line-10);width:1px;position:absolute;top:0;bottom:0;left:-20px}.odiin-guide .toc-list a{min-height:38px;color:var(--g-text-20);transition:color .18s var(--g-ease);align-items:center;padding:8px 8px 8px 0;font-size:13px;line-height:20px;display:flex;position:relative}.odiin-guide .toc-list a:before{content:"";background:var(--g-primary);opacity:0;width:1px;transition:opacity .22s var(--g-ease);position:absolute;top:-1px;bottom:-1px;left:-20px}.odiin-guide .toc-list a.on:before{opacity:1}.odiin-guide .toc-list a:hover{color:var(--g-text-10)}.odiin-guide .toc-list a.on{color:var(--g-primary);font-weight:600}.odiin-guide .toc-help{border-top:1px solid var(--g-line-10);padding-top:15px}.odiin-guide .toc-help a{color:var(--g-primary);transition:color .18s var(--g-ease);align-items:center;gap:1px;font-size:13px;font-weight:600;line-height:20px;display:inline-flex}.odiin-guide .toc-help a:hover{color:var(--g-primary-strong)}.odiin-guide .toc-help a svg{transition:transform .18s var(--g-ease)}.odiin-guide .toc-help a:hover svg{transform:translate(2px)}
.odiin-guide .sb-toggle{z-index:70;background:var(--g-text-5);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-family:inherit;font-size:13px;font-weight:600;display:none;position:fixed;bottom:16px;left:16px;box-shadow:0 14px 34px #24262847}.odiin-guide .toc-toggle{border:1px solid var(--g-line-10);background:var(--g-bg-default);width:28px;height:28px;color:var(--g-text-15);cursor:pointer;transition:border-color .18s var(--g-ease), color .18s var(--g-ease), background .18s var(--g-ease);border-radius:8px;justify-content:center;align-items:center;padding:0;display:none;position:absolute;top:0;right:0}.odiin-guide .toc-toggle:hover{border-color:var(--g-primary-32);background:var(--g-primary-5);color:var(--g-primary)}.odiin-guide .toc-close{z-index:67;border:1px solid var(--g-line-10);width:38px;height:38px;color:var(--g-text-5);cursor:pointer;background:#fff;border-radius:999px;place-items:center;padding:0;display:none;position:fixed;top:18px;left:274px;right:auto;box-shadow:0 6px 18px #2426281f}.odiin-guide .scrim{z-index:65;background:#24262866;display:none;position:fixed;inset:0}
@media (max-width:1366px){.odiin.odiin-guide .nav-lang-wrap{display:block}.odiin.odiin-guide .nav-burger{display:none}}@media (max-width:1024px) and (orientation:portrait),(max-width:900px){.odiin.odiin-guide .nav-lang-wrap{display:none}.odiin.odiin-guide .nav-burger{display:inline-flex}}
@media (max-width:1240px){.odiin-guide .docs{grid-template-columns:var(--g-sb) minmax(0, 1fr)}.odiin-guide .toc{z-index:66;border-right:1px solid var(--g-line-10);width:256px;height:100vh;transition:transform .3s var(--g-ease);background:#fff;padding:24px 20px 40px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.odiin-guide.toc-open .toc{transform:none;box-shadow:0 30px 80px #0d132129}.odiin-guide .toc-scrim{z-index:65;background:#24262866;display:none;position:fixed;inset:0}.odiin-guide.toc-open .toc-scrim{display:block}.odiin-guide .doc{position:relative}.odiin-guide .toc-toggle{top:70px;right:var(--g-pad);display:inline-flex}.odiin-guide .gd-crumb{padding-right:36px}.odiin-guide.toc-open .toc-close{display:grid}}
@media (max-width:900px){.odiin-guide{--g-pad:0px}.odiin-guide .wrap:not(.nav-inner),.odiin-guide .docs{padding:0}.odiin-guide .wrap:not(.nav-inner){padding:0 var(--g-pad)}.odiin-guide .docs{grid-template-columns:1fr}.odiin-guide .dsb{z-index:66;border-right:1px solid var(--g-line-10);width:308px;height:100vh;transition:transform .3s var(--g-ease);background:#fff;padding:11px 15px 60px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.odiin-guide.sb-open .dsb{transform:none;box-shadow:0 30px 80px #0d132129}.odiin-guide.sb-open .scrim{display:block}.odiin-guide .sb-toggle{display:inline-flex}.odiin-guide .doc{max-width:none;padding:28px 22px 35px}.odiin-guide .toc-toggle{top:28px;right:22px}.odiin-guide .gd-pager{grid-template-columns:1fr}.odiin-guide .gd-head h1{font-size:clamp(28px,3.4vw,38px);line-height:1.22}.odiin-guide .doc .gd-head__lead p{font-size:16.5px;line-height:1.65}.odiin-guide .gd-badge{font-size:12.5px}.odiin-guide .gd-sec h2{font-size:23px;line-height:1.6}.odiin-guide .doc p,.odiin-guide .gd-sec__desc p{font-size:15.5px;line-height:1.72}.odiin-guide .gd-ul li{font-size:15.5px;line-height:1.7}.odiin-guide .doc code:not(pre code){font-size:13px}.odiin-guide .gd-alert__label,.odiin-guide .gd-alert__body,.odiin-guide .gd-alert__body p{font-size:14.5px;line-height:1.65}.odiin-guide .gd-layer__kind{font-size:10px;line-height:1.6}.odiin-guide .gd-layers--chain .gd-layer b{line-height:1.35;font-size:13.5px!important}.odiin-guide .gd-layer b.gd-layer__name{font-size:15.5px}.odiin-guide .doc p.gd-layer__desc{font-size:13.5px;line-height:1.6}.odiin-guide .gd-steps__head b,.odiin-guide .gd-next__head b{font-size:16px}.odiin-guide .gd-steps__desc,.odiin-guide .gd-next p{font-size:15px;line-height:1.6}.odiin-guide .gd-tbl{font-size:14px}.odiin-guide .gd-tbl th{font-size:12px}.odiin-guide .gd-tbl td{line-height:1.6}.odiin-guide .gd-pill{font-size:11px}.odiin-guide .gd-code code{font-size:12.8px;line-height:1.75}.odiin-guide .gd-code__copy{font-size:11px}.odiin-guide .gd-fig figcaption{font-size:12.5px}.odiin-guide .gd-crumb{font-size:12px;line-height:18px}.odiin-guide .gd-crumb__sep{width:14px;height:14px}.odiin-guide .gd-faq summary{font-size:14.5px}.odiin-guide .gd-faq__body,.odiin-guide .gd-faq__body p{font-size:14.5px;line-height:1.7}.odiin-guide .gd-fb>b{font-size:14.5px}.odiin-guide .gd-fb__btns button{border-radius:9px;height:auto;padding:9px 18px;font-size:13px;line-height:normal}.odiin-guide .gd-fb>b{flex:0 auto;min-width:0}.odiin-guide .gd-fb__btns{margin-left:auto}.odiin-guide .gd-pager__label{font-size:11.5px}.odiin-guide .gd-pager__card b{font-size:15px}.odiin-guide .grp-t{border-radius:9px;padding:11px 12px;font-size:14.5px;line-height:1.4}.odiin-guide .dsb nav{gap:0}.odiin-guide .grp-list{border-left:1px solid var(--g-line-10);gap:2px;margin:3px 0 12px 13px;padding:0 0 0 13px}.odiin-guide .grp-list a{min-height:auto;color:var(--g-text-15);border-radius:8px;padding:9px 12px;font-size:14px;line-height:1.5}.odiin-guide .grp-list a.on{background:var(--g-primary-5);color:var(--g-primary)}.odiin-guide .no-hit{font-size:13.5px}.odiin-guide .search{border-radius:10px;gap:9px;height:42px;padding:0 13px}.odiin-guide .search svg{width:16px;height:16px}.odiin-guide .search input{font-size:14px}.odiin-guide .gd-layers--split{flex-direction:column;align-items:stretch}.odiin-guide .gd-layers--split .gd-layer--primary{width:auto}}
@media (max-width:560px){.odiin-guide .doc{padding-left:20px;padding-right:20px}.odiin-guide .wrap{padding:0 20px}.odiin-guide .gd-badges{gap:6px}.odiin-guide .gd-layers:not(.gd-layers--chain):not(.gd-layers--split){gap:8px}.odiin-guide .gd-layers:not(.gd-layers--chain):not(.gd-layers--split) .gd-layers__group{display:contents}.odiin-guide .gd-layers:not(.gd-layers--chain):not(.gd-layers--split) .gd-layer{flex:0 calc(50% - 4px)}.odiin-guide .gd-layers:not(.gd-layers--chain):not(.gd-layers--split) .gd-layers__arrow{display:none}.odiin-guide .gd-fb__btns{width:auto}.odiin-guide .gd-fb__btns button{flex:none}}
@media (max-width:1024px) and (orientation:portrait),(max-width:900px){.odiin-guide{--gd-fab-x:16px;--gd-fab-y:16px;--gd-fab-gap:10px;--gd-fab-h:45px}.odiin-guide .sb-toggle,.odiin-guide .toc-toggle{z-index:48;left:auto;right:var(--gd-fab-x);transition:transform .28s var(--g-ease), opacity .2s var(--g-ease);position:fixed}.odiin-guide .sb-toggle{top:auto;bottom:var(--gd-fab-y);display:inline-flex}.odiin-guide .toc-toggle{top:auto;bottom:calc(var(--gd-fab-y) + var(--gd-fab-h) + var(--gd-fab-gap));width:43px;height:43px;color:var(--g-text-5);background:#fff;border-radius:999px;display:inline-flex;box-shadow:0 14px 34px #2426282e}.odiin-guide.gd-fab-hidden .sb-toggle,.odiin-guide.gd-fab-hidden .toc-toggle{transform:translateY(calc(var(--gd-fab-y) + var(--gd-fab-h) + 24px));opacity:0;pointer-events:none}.odiin-guide .gd-crumb{padding-right:0}}@media (prefers-reduced-motion:reduce){.odiin-guide .gd-fb__btns button:active{transform:none}.odiin-guide .gd-faq details::details-content{transition:none}.odiin-guide .dsb{transition:none}}
@media (max-width:1024px) and (orientation:portrait),(max-width:900px){.odiin-guide:has(.nav-drawer.open){padding-top:var(--g-hdr,72px)}.odiin-guide:has(.nav-drawer.open) header.nav{position:fixed;top:0;left:0;right:0}}
