.account-dropdown{display:none;align-items:center;justify-content:flex-end;position:relative;gap:10px;cursor:pointer}.account-dropdown__avatar-wrapper{display:flex;position:relative;justify-content:center;align-items:center;width:40px;height:40px;font-size:6px;border-radius:8px;overflow:hidden;background-color:rgba(52,58,64,.35)}.account-dropdown__avatar-wrapper img{display:none;width:100%;height:100%}.account-dropdown__avatar-wrapper svg{display:none;width:70%;height:70%;fill:#fff}.account-dropdown__icon{border:none;background-color:initial;width:15px;height:15px;padding:0}.account-dropdown__menu{display:block;position:absolute;top:calc(100% + 6px);right:0;width:300px;background:#12161c;color:#f5f5f5;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35);z-index:10;font-family:open sans,sans-serif;transition-property:transform,opacity;transition-duration:150ms;transition-timing-function:ease;pointer-events:none;transform-origin:left top;opacity:0;transform:scale(1);overflow:hidden}.account-dropdown.dropdown--open .account-dropdown__menu{opacity:1;transform:scale(1);pointer-events:auto}.account-dropdown__menu .menu-header{display:flex;flex-direction:column;padding:17px 20px;gap:9px;background-color:#17181a}.account-dropdown__menu .account-info{display:flex;flex-direction:row;justify-content:space-between}.account-dropdown__menu .account-info__details{display:flex;flex-direction:row;gap:9px;align-items:center}.account-dropdown__menu .account-info__avatar-wrapper{display:flex;position:relative;width:40px;height:40px;font-size:6px;border-radius:8px;overflow:hidden;background:rgba(52,58,64,.35)}.account-dropdown__menu .account-info__avatar img{display:none;width:100%;height:100%}.account-dropdown__menu .account-info__avatar svg{display:none;width:70%;height:70%;fill:#fff}.account-dropdown__menu .account-info__text{display:flex;flex-direction:column;align-items:start}.account-dropdown__menu .account-info__name{-webkit-tap-highlight-color:transparent;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:inherit;text-decoration:none;font-weight:600;font-size:13px;line-height:18px;max-width:300px;word-break:break-all}.account-dropdown__menu .account-info__plan{-webkit-tap-highlight-color:transparent;text-decoration:none;word-break:break-word;font-size:11px;font-weight:400;line-height:15px;color:#929292}.account-dropdown__menu .account-info__email{-webkit-tap-highlight-color:transparent;text-decoration:none;word-break:break-word;font-size:11px;font-weight:400;line-height:15px;color:#929292;flex:none;text-align:center}.account-dropdown__menu .account-info__storage-badge{display:none;color:#fff;border:1px solid transparent;-webkit-tap-highlight-color:transparent;line-height:18px;text-decoration:none;padding:0 4.5px;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:auto;text-transform:uppercase;border-radius:5px;letter-spacing:.25px;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;-webkit-box-flex:0;flex-grow:0;cursor:pointer;height:28px;min-width:52px;font-size:16px;background-color:#37383c;font-weight:600}.account-dropdown__menu .storage-info{display:none;flex-direction:column;gap:10px;width:100%}.account-dropdown__menu .storage-info__meter-wrapper{position:relative;border-radius:4px;overflow:hidden;background-color:rgba(255,255,255,.2);width:100%;height:4px}.account-dropdown__menu .storage-info__meter{border-top-left-radius:4px;border-bottom-left-radius:4px;position:absolute;top:0;bottom:0;left:0;height:100%;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;background-color:#3198fc;transition:width 100ms linear;animation:auto ease 0s 1 normal none running none;background-size:20px 20px;background-image:none}.account-dropdown__menu .storage-info__details{display:flex;flex-direction:row;justify-content:space-between;width:100%}.account-dropdown__menu .storage-info__used{-webkit-tap-highlight-color:transparent;text-decoration:none;word-break:break-word;box-sizing:border-box;-webkit-box-flex:0;flex-grow:0;font-size:11px;font-weight:400;line-height:15px;color:#929292}.account-dropdown__menu .storage-info__available{-webkit-tap-highlight-color:transparent;text-decoration:none;word-break:break-word;box-sizing:border-box;-webkit-box-flex:0;flex-grow:0;font-size:11px;font-weight:400;line-height:15px;color:#fff!important}.account-dropdown__menu .account-info__plan{-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-transform:capitalize;word-break:break-word;font-size:11px;font-weight:400;line-height:15px;color:#929292}.account-dropdown__menu .menu-body{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px 15px 14px;background-color:#22262a}.account-dropdown__menu .menu-section{display:flex;flex-direction:column;gap:0;padding:5px 10px;background-color:rgba(23,24,26,.5);border-radius:10px}.account-dropdown__menu .menu-item{display:flex;align-items:center;padding:5px;text-decoration:none;background-color:initial;border:0;border-radius:8px;gap:5px;outline:0}.account-dropdown__menu .menu-item:hover{background-color:#17181a}.account-dropdown__menu .menu-item__icon{width:30px;height:30px}.account-dropdown__menu .menu-item__text{-webkit-tap-highlight-color:transparent;color:#fff;-webkit-text-decoration:none;gap:20px;text-decoration:none;font-weight:600;box-sizing:border-box;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;font-size:13px;line-height:18px;word-break:break-all}.footer .footer-nav{display:grid;grid-template-columns:1fr 0 1fr;height:46px;gap:7px}.footer{margin-top:30px;padding-bottom:20px}@media screen and (max-width:764px){.page{display:flex;flex-direction:column;min-height:100%}.page .footer{margin-top:auto}.footer .footer-nav{grid-template-columns:46px auto 46px}.footer-nav a{position:absolute;inset:0;padding:0!important}.footer-nav a span{display:none}.footer-nav .prev-arrow,.footer-nav .next-arrow{left:50%;right:auto;transform:translateX(-50%);pointer-events:none}}.footer-nav{a { font-size: 14px; font-weight: 600; color: white !important; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0px 34px; }}.footer-nav>span{border-radius:6px;line-height:46px;position:relative}.prev-btn{background-color:#575a61}.prev-btn:hover{background-color:#6f737c}.next-btn{grid-column-start:3;background-color:var(--bmd-blue)}.next-btn:hover{background-color:#33a3ff}.prev-arrow{position:absolute;left:10px;top:13px}.next-arrow{position:absolute;right:10px;top:13px}footer .legal{display:flex;justify-content:center;gap:10px;height:var(--footer-height);align-items:center;text-align:center;padding:0 20px;color:#fff6!important;font-size:11px;font-weight:600;flex-wrap:balance;a { color: #ffffff66 !important; line-height: 1; flex: unset; } @media screen and (max-width: 764px) { margin-bottom: 10px; }}:root{--border-radius:0.5rem;--font-size:13px;--body-background:black;--body-font-color:#cecece;--gray-100:#1e1e1e;--gray-200:#2b2b2b;--gray-300:#3a3a3a;--gray-400:#4a4a4a;--gray-500:#808080;--gray-600:#38383c;--bmd-blue:#008dff;--bmd-yellow:#ffa600;--color-link:var(--bmd-blue);--color-visited-link:var(--bmd-blue);--header-background:#112b48;--sidebar-background:black;--body-min-width:20rem;--container-max-width:80rem;--icon-filter:brightness(0) invert(0.5);--header-height:70px;--header-hero-height:114px;--sidebar-width:280px;--container-padding:20px;--container-width:1040px;--footer-height:40px;@media screen and (max-width:764px){--header-hero-height: 0px; --sidebar-width: 100%;}}html{scrollbar-gutter:unset}body{background-color:var(--body-background)!important;color:var(--body-font-color)!important;font-family:open sans,-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,helvetica neue,sans-serif;min-width:370px}main{display:flex;flex-direction:column;min-height:calc(100dvh - var(--header-height) - var(--header-hero-height));max-width:100%;width:100%;margin:0;padding:0;height:calc(100dvh - var(--header-height) - var(--header-hero-height));overflow:auto;justify-content:center}main .main-content{display:flex;flex-direction:column;max-width:100%;width:100%;margin:0;padding:0;height:calc(100dvh - var(--header-height) - var(--header-hero-height));overflow:auto}main .content-row{display:flex;flex:1 0 auto;width:100%;justify-content:center;gap:90px;@media screen and (max-width:1040px){gap: 40px;}}h1,h2,h3,h4,h5,h6{color:#fff;font-family:sofia pro,-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,helvetica neue,sans-serif}.container{padding:0 var(--container-padding);max-width:var(--container-width);margin:0 auto}.hide-md{@media screen and (max-width:764px){display: none;}}a{color:var(--bmd-blue)}a:hover{color:#85c1f5}code{background-color:#1e1e1e!important;color:#e0e0e0!important}pre{background-color:#1e1e1e!important;border:1px solid var(--gray-300)}table{border-color:var(--gray-300)!important}th{background-color:#1e1e1e!important;color:#fff!important}td{border-color:var(--gray-300)!important}tr:hover{background-color:var(--gray-300)!important}.figure-image figcaption{margin-top:10px!important;color:var(--gray-500);font-size:11px}hr{border-color:var(--gray-300)!important}.book-footer a img{filter:brightness(0)saturate(100%)invert(35%)sepia(0%)!important}.skeleton:after{content:"";position:absolute;background-color:var(--gray-500);top:0;bottom:0;left:0;right:0;-webkit-animation:shimmer 1500ms linear infinite;animation:shimmer 1500ms linear infinite;z-index:11}@keyframes shimmer{0%{opacity:.4}100%{opacity:1}}.image-styles{max-width:100%!important;height:auto;display:block;margin:15px auto 30px;border-radius:4.5px;@media screen and (max-width:764px){width: 100%;}}.image-border{border:1px solid var(--gray-400)}.icons-styles{width:100%;height:auto;display:block;margin:1rem 0}.icon-table{border:1px solid var(--gray-300)}.icon-table-row{display:flex;align-items:stretch;border-bottom:1px solid var(--gray-300)}.icon-table-row:last-child{border-bottom:none}.icon-table-image{flex-shrink:0;width:100px;padding:.5rem;display:flex;align-items:center;justify-content:center}.icon-table-image img{width:40%}.icon-table-text{flex:1;padding:.5rem 1rem;border-left:1px solid var(--gray-300);display:flex;align-items:center}.hide-on-sm{@media screen and (max-width:560px){display: none;}}.page{background-color:#000;padding:32px 20px 0 0;color:var(--body-font-color);flex-basis:100%;width:calc(950px - var(--sidebar-width));max-width:calc(950px - var(--sidebar-width));@media screen and (max-width:764px){padding: 20px 20px 0; width: 100%; max-width: 100%;}}.is-authenticated+main .page{@media screen and (min-width:765px){padding-top: 56px;}}.article{font-size:16px;font-weight:400;p { margin-block: 0px 20px; line-height: 24px; color: #808080; } a { font-weight: 600; } blockquote, figure { margin-block: 30px; } h1 { font-size: 43px; font-weight: 600; letter-spacing: -0.72px; line-height: 47px; margin-block: 0px 10px; } h2 { font-size: 28px; font-weight: 700; letter-spacing: -0.45px; line-height: 42px; margin-block: 20px 0px; } h3 { font-size: 18px; font-weight: 400; margin-block: 20px 5px; } ol { counter-reset: list-counter; list-style: none; padding-left: 0; margin-block: 10px 30px; } ol > li { color: #808080; counter-increment: list-counter; line-height: 24px; position: relative; padding-left: 30px; margin-bottom: 10px; } ol > li::before { content: counter(list-counter); color: var(--bmd-blue); font-weight: 700; left: 0; position: absolute; text-align: center; } ul { list-style: none; margin-block: 0px 25px; padding-inline-start: 0px; } ul > li { color: #808080; position: relative; padding-left: 14px; line-height: 24px; } ul > li::before { content: "•"; position: absolute; text-align: center; left: 0; font-size: 20px; }}.markdown blockquote{background-color:#202428;border-inline-start:none;border-radius:8px;padding:15px 30px;position:relative}.markdown .hint{p { color: #8b8b8b; font-size: 13px; line-height: 20px; } p:before { position: absolute; left: 19px; font-weight: 700; }}.markdown .hint.tip{padding-left:52px;p:before { color:var(--bmd-blue); content:"TIP: "; }}.markdown .hint.note{padding-left:66px;p:before { color:var(--bmd-yellow); content:"NOTE: "; }}.markdown table{line-height:24px;font-size:16px;display:table;width:100%;th { border-color: var(--gray-400) !important; background-color: black !important; font-weight: 400; padding: 12px !important; } td { border-color: var(--gray-400) !important; color: #808080; padding: 10px 12px !important; b { font-weight: 600; } } tr { background-color: black !important; }}.markdown table.fit-first-col{th:first-child,td:first-child { width:1%; white-space:nowrap; }}img.img-sm{@media screen and (min-width:765px){max-width: 300px !important;}}.guide-search{margin:0 0 15px;font-size:14px;position:relative}.guide-search input{background-color:#202428;border:none;border-radius:6px;color:var(--body-font-color)!important;font-size:13px;height:100%;padding:0 32px 0 12px;width:100%}.guide-search input::placeholder{color:rgb(233,233,235,.5);font-weight:400}.guide-search-input-wrapper{position:relative;display:inline-block;width:100%;height:42px}#guide-search-results{position:absolute;top:100%;left:0;right:0;z-index:100;background-color:#1c1b1f;border-radius:4px;max-height:60vh;overflow-y:auto;scrollbar-width:none}#guide-search-results::-webkit-scrollbar{display:none}#guide-search-results:has(li){border:1px solid var(--gray-300);box-shadow:0 4px 12px rgba(0,0,0,.5)}#guide-search-results li{font-size:14px}.guide-search-group-header{padding:10px 10px 4px;font-size:11px;font-weight:600;h3 { margin: 0; }}.guide-search-result a{display:block;padding:6px 10px;color:var(--body-font-color);border-radius:4px}.guide-search-result a:hover,.guide-search-result a:focus{background-color:#2a2e33;outline:none}#guide-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.sidebar{min-width:var(--sidebar-width);width:var(--sidebar-width);max-height:calc( 100dvh - var(--header-height) - var(--header-hero-height) - var(--footer-height) );align-self:flex-start;display:flex;flex-direction:column;position:sticky;top:0;bottom:0;left:calc( max(0px,(100vw - var(--container-width))/2) + var(--container-padding) );flex-shrink:0;margin-inline-start:0;background:var(--sidebar-background);z-index:1;@media screen and (max-width:764px){margin-inline-start: calc( -1 * var(--sidebar-width) - var(--container-padding) ); position: fixed; transform: translateX(0); transition: transform 0.2s ease-in-out; top: var(--header-height); height: 100dvh; max-height: calc(100dvh - var(--header-height) - var(--header-hero-height));}}.is-authenticated+main .sidebar-content{@media screen and (min-width:765px){padding-top: 62px;}}.sidebar-content{flex:1;min-height:0;padding:38px 2px;overflow-x:hidden;overflow-y:auto;background:var(--sidebar-background);scrollbar-gutter:stable;scrollbar-color:transparent transparent;@media screen and (max-width:764px){padding: 38px 20px;}a { text-decoration: none; color: var(--body-font-color); overflow-wrap: break-word; } nav ul ul { padding-inline-start: 0; } label > .sidebar-icon { height: 20px; width: 20px; cursor: pointer; align-self: center; transition: transform 0.1s ease-in-out; } a[href]:hover, a[role="button"]:hover { color: white; opacity: 1; } a[role="button"] { cursor: default; } .sidebar-tab-section { display: flex; align-items: center; gap: 10px; margin-block: 0; padding: 15px 0 5px; color: white; font-family: "Sofia Pro", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 18px; font-weight: 700; line-height: 23px; + ul { padding-bottom: 10px; } &.active-link { color: var(--bmd-blue) !important; } } .sidebar-tabs > ul > li:not(:first-of-type) { border-top: 1px solid rgba(151, 151, 151, 0.4); } .sidebar-tab-page { font-size: 14px; font-weight: 400; line-height: 18px; padding: 5px 0; color: #787879; &.active-link { color: var(--bmd-blue) !important; font-weight: 600; } } .sidebar-icon { color: rgba(255, 255, 255, 0.2); }}.sidebar-content:hover{scrollbar-color:var(--gray-400)transparent}#menu-control:checked~main{@media screen and (max-width:764px){.sidebar{transform:translateX(var(--sidebar-width))}}}.hide-transition{@media screen and (max-width:764px){visibility: hidden;}}.hidden{display:none}input.toggle{height:0;width:0;overflow:hidden;opacity:0;position:absolute}