.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}@media screen and (max-width:767px){.account-dropdown__avatar-wrapper{width:28px;height:28px;border-radius:4px}}.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}@media screen and (max-width:960px){.account-dropdown__avatar-wrapper{width:28px;height:28px}}@import "./account-dropdown.css";.header-bar{position:sticky;top:0;z-index:200;background-color:var(--header-background);height:var(--header-height);display:flex;padding:0 25px;@media screen and (max-width:767px){padding: 0px 18px;}}.header-bar-content{display:grid;width:100%;gap:16px;grid-template-columns:1fr auto 1fr;@media screen and (max-width:767px){grid-template-columns: auto auto;}}.header-left-section{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.header-right-section{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;order:3}.login-group{display:none;flex-direction:row;align-items:center;gap:30px}.header-title-left{order:1;flex-shrink:0;margin-top:16px;margin-bottom:9px;@media screen and (max-width:767px){margin-top: 9px; margin-bottom: 4px;}}.header-title-left h1{color:#fff;font-size:21px;font-weight:900;line-height:25px;white-space:nowrap;margin:0;@media screen and (max-width:767px){font-size: 18px; line-height: 23px;}}.header-title-group{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;flex:0;text-decoration:none;height:100%}.blackmagic-cloud-logo{width:250px;height:45px;margin-top:10px;@media screen and (max-width:767px){display: none;}}.login-button{display:flex;justify-content:center;align-items:center;flex:0;background-color:#008dff;color:#fff!important;padding:5px 20px;border-radius:10px;text-decoration:none;font-weight:600;font-size:13px;text-align:center;min-width:120px;height:30px;transition:.1s ease-in-out;@media screen and (max-width:767px){padding: 0px 18px; min-width: 100px;}}.login-button:hover{color:#fff!important;background-color:#33a3ff}.login-button:active{transform:translateY(1px)}.header-app-icons{display:flex;flex-flow:row;flex-direction:row;align-items:center;flex-wrap:nowrap;justify-content:space-between;gap:20px;flex-grow:0;order:2;@media screen and (max-width:960px){gap: 16px;}@media screen and (max-width:767px){display: none;}}.header-app-icon{flex-grow:0;max-height:50px;max-width:50px;@media screen and (max-width:767px){max-height: 36px; max-width: 36px;}}.header-app-icon figure{margin:0}.header-app-icon img{object-fit:cover;display:block;width:100%;height:auto}.app-icon{height:50px;width:50px;@media screen and (max-width:767px){height: 36px; width: 36px;}}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;height:30px;width:30px;cursor:pointer}.mobile-menu-toggle .book-icon{height:28px;width:28px;filter:brightness(0)invert(1)}@media(max-width:767px){.mobile-menu-toggle{display:inline-flex}}:root{--border-radius:0.5rem;--font-size:13px;--body-background:#17181a;--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-blue-soft:rgba(9, 94, 163, 0.2);--bmd-yellow:#ffa600;--bmd-yellow-soft:rgba(255, 166, 0, 0.2);--color-link:var(--bmd-blue);--header-background:#27282b;--sidebar-background:#222226;--body-min-width:20rem;--container-max-width:80rem;--icon-filter:brightness(0) invert(0.5);--header-height:70px;--sidebar-width:336px;@media screen and (max-width:767px){--header-height: 60px; --sidebar-width: 100%;}}html{scrollbar-gutter:auto}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;min-height:calc(100dvh - var(--header-height));max-width:100%;width:100%;margin:0;padding:0}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}.book-search{margin:0 0 10px;font-size:13px;position:relative}.book-search input{background-color:#1c1b1f!important;color:var(--body-font-color)!important;font-size:13px;height:100%}.book-search input::placeholder{color:var(--gray-500)!important}.book-search-input-wrapper{position:relative;display:inline-block;width:100%;height:30px}#book-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}#book-search-results::-webkit-scrollbar{display:none}#book-search-results:has(li){border:1px solid var(--gray-300);box-shadow:0 4px 12px rgba(0,0,0,.5)}#book-search-results li{display:flex;flex-direction:column;padding:10px 10px 0;font-size:14px}#book-search-results li small{margin-top:4px}.book-languages{position:absolute;right:2rem;top:2rem}@media screen and (max-width:767px){.book-languages{top:1.7rem}}.book-languages input.toggle:checked+label+ul{background-color:#27282b;border-radius:4px;padding:.5rem}.book-languages label>img:last-child{height:24px;width:24px}.book-languages a>.book-icon{display:none}.book-languages ul{list-style:none;padding:0;margin:0;display:flex;gap:.5rem}.book-languages li{display:inline-block}.book-languages a{color:#b0b0b0!important;text-decoration:none;padding:.25rem .5rem;border-radius:3px;transition:background-color .2s}.book-languages a:hover{background-color:var(--gray-300)!important;color:#fff!important}.book-languages li.active a{background-color:var(--color-link)!important;color:#fff!important}.book-languages label>img:last-child{width:24px;height:24px}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)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--body-background)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a5a5a}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:.75rem auto;border:1px solid var(--gray-300);border-radius:4px}@media screen and (min-width:768px){.image-styles{max-width:75%!important;margin:1rem auto}}@media screen and (min-width:1040px){.image-styles{max-width:50%!important}}.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:100%}.icon-table-text{flex:1;padding:.5rem 1rem;border-left:1px solid var(--gray-300);display:flex;align-items:center}.text-image-row-image img{width:100%;height:auto;border:1px solid var(--gray-300);border-radius:4px}@media screen and (max-width:768px){.text-image-row-image{width:50%;margin:0 auto}}@media screen and (min-width:1040px){.text-image-row{display:flex;gap:1.5rem;align-items:center}.text-image-row-text{flex:1}.text-image-row-image{flex-shrink:0;width:40%}}.page{background-color:#17181a;padding:40px 60px;color:var(--body-font-color);flex-basis:100%;width:100%;min-width:0;height:calc(100dvh - var(--header-height));overflow:hidden visible;@media screen and (max-width:767px){padding: 20px 30px;}}.article{font-size:16px;font-weight:400;p { margin-block: 10px 30px; line-height: 24px; } blockquote, figure { margin-block: 30px; } h1 { font-size: 24px; font-weight: 600; line-height: 29px; margin-block: 0px 30px; } h2 { font-family: "Open Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; margin-block: 30px 10px; } ol.list { counter-reset: list-counter; list-style: none; padding-left: 0; margin-block: 10px 30px; } ol.list li { counter-increment: list-counter; position: relative; padding-left: 35px; margin-bottom: 10px; line-height: 24px; } ol.list li::before { content: counter(list-counter); color: var(--bmd-blue); font-weight: 700; position: absolute; left: 0; width: 20px; text-align: center; }}.markdown blockquote{border-inline-start:none;border-radius:8px;padding:20px;font-size:13px}.markdown .hint{color:#fff}.markdown .hint.info{background-color:#22262a}.markdown .hint.tip{background-color:var(--bmd-blue-soft);p:before { content:"TIP: "; color:var(--bmd-blue); font-weight:700; }}.markdown .hint.note{background-color:var(--bmd-yellow-soft);p:before { content:"NOTE: "; color:var(--bmd-yellow); font-weight:700; }}.sidebar{min-width:var(--sidebar-width);width:var(--sidebar-width);height:calc(100dvh - var(--header-height));position:sticky;top:var(--header-height);flex-shrink:0;margin-inline-start:0;background:var(--sidebar-background);z-index:1;@media screen and (max-width:767px){margin-inline-start: calc(-1 * var(--sidebar-width)); position: fixed;}}.sidebar-content{height:100%;padding:30px 20px;overflow-x:hidden;overflow-y:auto;background:var(--sidebar-background);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; } input:checked + label a { color: white; } input.toggle + label + ul { display: block; } input.toggle + label > .sidebar-icon { display: none; } a[href]:hover, a[role="button"]:hover { color: white; opacity: 1; } .sidebar-tab-section { display: flex; align-items: center; gap: 10px; min-height: 50px; padding: 10px; font-size: 13px; font-weight: 600; border-top: 1px solid #37383c; + ul { padding-bottom: 20px; } } .active-link { color: white; } .sidebar-tab-page { font-size: 13px; font-weight: 400; min-height: 30px; padding: 3px 20px; border-radius: 4px; } .sidebar-tab-page.active-link { background: rgba(9, 94, 163, 0.6); } .sidebar-icon { color: rgba(255, 255, 255, 0.2); }}.sidebar-content::-webkit-scrollbar-track{background:var(--sidebar-background)}#menu-control:checked~main{@media screen and (max-width:767px){.sidebar{animation:.2s ease-in-out normal forwards slide-in}}}#menu-control~main{@media screen and (max-width:767px){.sidebar{animation:.2s ease-in-out normal forwards slide-out}}}.hide-transition{@media screen and (max-width:767px){visibility: hidden;}}@keyframes slide-in{from{transform:translateX(0)}to{transform:translateX(var(--sidebar-width))}}@keyframes slide-out{from{transform:translateX(var(--sidebar-width))}to{transform:translateX(0)}}