');content:"";width:10px;height:10px;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--wrapper{width:100%;float:left;margin:0;padding:0}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--duplicate-content,.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--subcategory-inline{display:none!important}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title{margin:0;color:#458ee1;font-size:.9em;font-weight:400}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--title:before{content:"#";font-weight:700;color:#458ee1;display:inline-block}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text{margin:4px 0 0;display:block;line-height:1.4em;padding:5.33333px 8px;background:#f8f8f8;font-size:.85em;opacity:.8}.algolia-autocomplete .suggestion-layout-simple .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{color:#3f4145;font-weight:700;box-shadow:none}.algolia-autocomplete .algolia-docsearch-footer{width:134px;height:20px;z-index:2000;margin-top:10.66667px;float:right;font-size:0;line-height:0}.algolia-autocomplete .algolia-docsearch-footer--logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='168' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M78.988.938h16.594a2.968 2.968 0 0 1 2.966 2.966V20.5a2.967 2.967 0 0 1-2.966 2.964H78.988a2.967 2.967 0 0 1-2.966-2.964V3.897A2.961 2.961 0 0 1 78.988.938zm41.937 17.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 0 0-1.574-.199c-.295 0-.596.021-.897.069a2.699 2.699 0 0 0-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874c-.41.089-1.034.19-1.868.314-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 0 1-1.471-.636 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525.26-.45.608-.819 1.047-1.106.445-.287.95-.492 1.532-.615a8.8 8.8 0 0 1 1.82-.185 8.404 8.404 0 0 1 1.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 0 0-.384-.73 1.784 1.784 0 0 0-.724-.493 3.164 3.164 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 0 0-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 0 1 2.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 0 0-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 0 0-.814.24 1.46 1.46 0 0 0-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483.158.56.233 1.175.233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 0 1-1.471-.635 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 0 1 2.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 0 0-.109-.875 1.873 1.873 0 0 0-.384-.731 1.784 1.784 0 0 0-.724-.492 3.165 3.165 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164-.514.089-.938.191-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 0 1 2.073-.177zm-8.034-1.271a1.626 1.626 0 0 1-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 0 1-1.128 1.906 4.986 4.986 0 0 1-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 0 1-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 0 1-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 0 1 1.15-1.892 5.133 5.133 0 0 1 1.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423.685.286 1.274.69 1.753 1.216a5.644 5.644 0 0 1 1.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 0 0-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 0 1-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 0 1-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 0 1 2.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17z' fill='rgba(19, 41, 63, 0.4)'/%3E%3Cpath d='M6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 0 0-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503-.276-.127-.47-.218-.582-.271a13.67 13.67 0 0 1-.55-.287 4.275 4.275 0 0 1-.567-.351 6.92 6.92 0 0 1-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 0 1-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 0 0-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 0 0-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 0 0-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 0 1-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z' fill='rgba(19, 41, 63, 0.4)'/%3E%3Cpath d='M89.632 5.967v-.772a.978.978 0 0 0-.978-.977h-2.28a.978.978 0 0 0-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 0 1 1.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 0 0-1.382 0l-.465.465a.973.973 0 0 0 0 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 0 0-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 0 1-4.49-4.482 4.488 4.488 0 0 1 4.49-4.482 4.488 4.488 0 0 1 4.489 4.482 4.484 4.484 0 0 1-4.49 4.482m0-10.85a6.363 6.363 0 1 0 0 12.729c3.518 0 6.372-2.85 6.372-6.368a6.358 6.358 0 0 0-6.371-6.36' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%;overflow:hidden;text-indent:-9000px;padding:0!important;width:100%;height:100%;display:block}.uni-environment--dark .algolia-autocomplete .algolia-docsearch-footer--logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='168' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M78.988.938h16.594a2.968 2.968 0 0 1 2.966 2.966V20.5a2.967 2.967 0 0 1-2.966 2.964H78.988a2.967 2.967 0 0 1-2.966-2.964V3.897A2.961 2.961 0 0 1 78.988.938zm41.937 17.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 0 0-1.574-.199c-.295 0-.596.021-.897.069a2.699 2.699 0 0 0-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874c-.41.089-1.034.19-1.868.314-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 0 1-1.471-.636 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525.26-.45.608-.819 1.047-1.106.445-.287.95-.492 1.532-.615a8.8 8.8 0 0 1 1.82-.185 8.404 8.404 0 0 1 1.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 0 0-.384-.73 1.784 1.784 0 0 0-.724-.493 3.164 3.164 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 0 0-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 0 1 2.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 0 0-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 0 0-.814.24 1.46 1.46 0 0 0-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483.158.56.233 1.175.233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 0 1-1.471-.635 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 0 1 2.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 0 0-.109-.875 1.873 1.873 0 0 0-.384-.731 1.784 1.784 0 0 0-.724-.492 3.165 3.165 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164-.514.089-.938.191-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 0 1 2.073-.177zm-8.034-1.271a1.626 1.626 0 0 1-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 0 1-1.128 1.906 4.986 4.986 0 0 1-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 0 1-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 0 1-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 0 1 1.15-1.892 5.133 5.133 0 0 1 1.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423.685.286 1.274.69 1.753 1.216a5.644 5.644 0 0 1 1.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 0 0-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 0 1-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 0 1-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 0 1 2.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17z' fill='rgba(230, 242, 255, 0.4)'/%3E%3Cpath d='M6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 0 0-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503-.276-.127-.47-.218-.582-.271a13.67 13.67 0 0 1-.55-.287 4.275 4.275 0 0 1-.567-.351 6.92 6.92 0 0 1-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 0 1-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 0 0-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 0 0-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 0 0-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 0 1-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z' fill='rgba(230, 242, 255, 0.4)'/%3E%3Cpath d='M89.632 5.967v-.772a.978.978 0 0 0-.978-.977h-2.28a.978.978 0 0 0-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 0 1 1.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 0 0-1.382 0l-.465.465a.973.973 0 0 0 0 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 0 0-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 0 1-4.49-4.482 4.488 4.488 0 0 1 4.49-4.482 4.488 4.488 0 0 1 4.489 4.482 4.484 4.484 0 0 1-4.49 4.482m0-10.85a6.363 6.363 0 1 0 0 12.729c3.518 0 6.372-2.85 6.372-6.368a6.358 6.358 0 0 0-6.371-6.36' fill='%23000'/%3E%3C/g%3E%3C/svg%3E")}.GlobalNav-module--header--2YTNp{opacity:0;position:fixed;top:var(--space-half);right:0;z-index:var(--elevation-nav);transition:opacity .2s ease,transform .2s ease}@media(max-width:59.9375rem){.GlobalNav-module--header--2YTNp{z-index:99999}}@media(min-width:60rem){.hideGlobalNav{opacity:0!important;transform:translateY(-1rem)}}.GlobalNav-module--headerInner--3TJy4{display:flex;flex-direction:column;height:3rem;justify-content:center;left:0;margin:0 auto;overflow:visible;position:absolute;top:0;transition:height .25s cubic-bezier(.6,-.28,.735,.045);width:100%;z-index:var(--zindex-9)}@media(min-width:60rem){.GlobalNav-module--headerInner--3TJy4{flex-direction:row;height:3rem}}.global-nav--mobile-nav-open .GlobalNav-module--headerInner--3TJy4{height:100vh;transition:height .5s cubic-bezier(.23,1,.32,1)}@media(min-width:60rem){.global-nav--mobile-nav-open .GlobalNav-module--headerInner--3TJy4{height:3rem}}.GlobalNav-module--globalNavMain--SqjhK{height:3rem;width:175px;position:relative;overflow:hidden}.GlobalNav-module--hudlAngle--20R62{display:flex;height:160px;left:0;position:absolute;top:0;transform:scaleX(.45);transform-origin:left;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);width:160px}@media(min-width:60rem){.GlobalNav-module--hudlAngle--20R62{align-items:center}}@media(max-width:59.9375rem){.global-nav--mobile-nav-open .GlobalNav-module--hudlAngle--20R62{align-items:flex-start;transform:scaleX(1)}}.GlobalNav-module--hudlLogo--NdQTl{display:flex;height:3rem;left:0;padding-left:12px;padding-right:30px;padding-top:var(--space-half);position:absolute;top:0}@media(min-width:60rem){.GlobalNav-module--hudlLogo--NdQTl{align-items:center;padding-top:0}}@media(max-width:59.9375rem){.global-nav--mobile-nav-open .GlobalNav-module--hudlLogo--NdQTl .uni-icon--large{transform:scale(2) translateY(.25rem)}}.GlobalNav-module--hudlLogo--NdQTl svg{fill:var(--color-base-white);transform-origin:top left;transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.GlobalNav-module--uniformDesktop--3Zcp_{align-self:center;left:0;line-height:0;margin-left:80px;opacity:1;position:absolute;top:.9rem;transition:opacity .25s cubic-bezier(.6,-.28,.735,.045) .15s}@media(min-width:60rem){.GlobalNav-module--uniformDesktop--3Zcp_{display:block}}.global-nav--mobile-nav-open .GlobalNav-module--uniformDesktop--3Zcp_{opacity:0;transform:translateX(2rem);transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .25s cubic-bezier(.23,1,.32,1)}.GlobalNav-module--globalNavSecondary--32V7_{opacity:0;transform:scale(.9);transition:opacity .2s cubic-bezier(.6,-.28,.735,.045),transform .2s cubic-bezier(.6,-.28,.735,.045),visibility .25s;visibility:hidden;display:none}@media(min-width:60rem){.GlobalNav-module--globalNavSecondary--32V7_{margin-left:auto;opacity:1;transform:scale(1);visibility:visible;display:flex;align-items:center}}.global-nav--mobile-nav-open .GlobalNav-module--globalNavSecondary--32V7_{opacity:1;transform:scale(1);transition:opacity .25s cubic-bezier(.175,.885,.32,1.275) .15s,transform .25s cubic-bezier(.175,.885,.32,1.275) .15s;visibility:visible}.GlobalNav-module--uniformMobile--34pDG{text-align:center}@media(min-width:60rem){.GlobalNav-module--uniformMobile--34pDG{display:none}}.GlobalNav-module--uniformLogoMobile--3Iufo{height:auto;max-width:250px;padding:var(--space-two);width:100%}.GlobalNav-module--uniformLink--1l9XK{color:var(--color-content-contrast);font-weight:var(--font-weight-bold);margin:0;text-decoration:none}.GlobalNav-module--searchWrapper--CkWvq{height:3rem;display:flex;align-items:center;margin-right:1rem}.GlobalNav-module--keyIconContainer--3zw1a{display:flex;align-items:center;height:3rem;margin:0 1rem 0 0}.GlobalNav-module--keyIconContainer--3zw1a>.uni-icon{margin-top:-3px}.GlobalNav-module--keyIconContainer--3zw1a:hover{cursor:pointer}.GlobalNav-module--keyIconContainer--3zw1a:hover>.uni-icon{color:var(--color-content-default)}.GlobalNav-module--keyIconContainer--3zw1a:hover .GlobalNav-module--keyContainer--2c1du{visibility:visible;opacity:1}.GlobalNav-module--keyContainer--2c1du{position:absolute;top:2.5rem;right:1rem;border-radius:4px;padding:var(--space-half) var(--space-one);box-shadow:0 2px 3px rgba(0,0,0,.25),0 0 4px rgba(0,0,0,.2);width:300px;visibility:hidden;opacity:.25;pointer-events:none;transition:opacity .2s ease}.GlobalNav-module--keyRow--10y3N{display:flex;align-items:center;padding:var(--space-half) 0}.GlobalNav-module--key--2EJI2{min-width:120px;text-align:right}.GlobalNav-module--keyDescription--1y9ES{margin-left:var(--space-one)}.GlobalNav-module--keyDivider--2bXWZ{background-color:var(--color-bg-level3);height:1px;width:100%;margin:var(--space-one) 0}.GlobalNav-module--pageTitleSwitcher--1a_Do{margin-right:var(--space-three-quarter)}.GlobalNav-module--navControls--1KBto{position:absolute;right:var(--space-one);top:var(--space-half)}@media(min-width:60rem){.GlobalNav-module--navControls--1KBto{display:none}}.GlobalNav-module--menu--eiZ9X{cursor:pointer;opacity:1;padding:0;position:absolute;right:0;top:0;transition:opacity .2s ease,visibility 0s;visibility:visible}.GlobalNav-module--menu--eiZ9X:focus{outline:none}.GlobalNav-module--menu--eiZ9X .uni-icon{color:var(--color-content-default)}.GlobalNav-module--dismiss--3NegP,.mobile-nav--open .GlobalNav-module--menu--eiZ9X{opacity:0;transition:opacity .2s ease,visibility .2s;visibility:hidden}.GlobalNav-module--dismiss--3NegP{cursor:pointer;padding:0}.GlobalNav-module--dismiss--3NegP:focus{outline:none}.GlobalNav-module--dismiss--3NegP .uni-icon{color:var(--color-content-default)}.mobile-nav--open .GlobalNav-module--dismiss--3NegP{opacity:1;transition:opacity .2s ease,visibility 0s;visibility:visible}.GlobalNav-module--normalGlobal--2mYmf{opacity:1}.TierOne-module--subNavTierOneWrapper--19CBW{margin-left:-1.5rem;margin-right:-1.5rem}.TierOne-module--subNavTierOne--5qoXi{align-items:center;display:flex;justify-content:space-between;padding-bottom:var(--space-half);padding-left:1.5rem;padding-right:1.5rem;padding-top:var(--space-half);position:relative;transition:color .15s ease;width:100%;color:inherit;text-decoration:none}.TierOne-module--subNavTierOne--5qoXi:focus,.TierOne-module--subNavTierOne--5qoXi:hover{cursor:pointer;color:var(--color-content-contrast);background-color:var(--color-selection-bg-hover);border-right:4px solid var(--color-selection-edge-hover)}.TierOne-module--subNavTierOne--5qoXi:focus .uni-icon,.TierOne-module--subNavTierOne--5qoXi:hover .uni-icon{color:var(--color-content-subtle)}.TierOne-module--subNavTierOneTrigger--2nxeG{align-items:center;display:flex;justify-content:space-between;padding-bottom:var(--space-half);padding-left:1.5rem;padding-right:1.5rem;padding-top:var(--space-half);position:relative;transition:color .15s ease;width:100%;color:inherit;text-decoration:none}.TierOne-module--subNavTierOneTrigger--2nxeG:hover{cursor:pointer}.TierOne-module--subNavTierOneTrigger--2nxeG:hover .uni-icon{color:var(--color-content-subtle)}.TierOne-module--subNavTierOneActive--3nS7Q{font-weight:var(--font-weight-bold);color:var(--color-content-contrast);background-color:var(--color-selection-bg);border-right:4px solid var(--color-selection-edge)}.TierOne-module--subNavTierOneIconActive--2NzXy{transform:rotate(-180deg)}.TierOne-module--subNavTierOneIconActive--2NzXy .uni-icon{color:var(--color-content-subtle)}.TierOne-module--subNavTierTwoItems--2D81i{background-color:var(--color-bg-level2);margin-left:-1.5rem;margin-right:-1.5rem;transition:background-color .2s cubic-bezier(.445,.05,.55,.95)}.TierTwo-module--subNavTierTwo--12yhc{align-items:center;display:flex;justify-content:space-between;color:var(--color-content-default);padding-bottom:6px;padding-left:var(--space-one-and-half);padding-right:var(--space-one-and-half);padding-top:6px;position:relative;transition:color .15s ease;text-decoration:none;width:100%}.TierTwo-module--subNavTierTwo--12yhc:focus,.TierTwo-module--subNavTierTwo--12yhc:hover{cursor:pointer;color:var(--color-content-contrast);background-color:var(--color-selection-bg-hover);border-right:4px solid var(--color-selection-edge-hover)}.TierTwo-module--subNavTierTwo--12yhc:focus .uni-icon,.TierTwo-module--subNavTierTwo--12yhc:hover .uni-icon{color:var(--color-content-subtle)}.TierTwo-module--subNavTierTwoTrigger--3CE-7{align-items:center;display:flex;justify-content:space-between;color:var(--color-content-default);padding-bottom:6px;padding-left:var(--space-one-and-half);padding-right:var(--space-one-and-half);padding-top:6px;position:relative;transition:color .15s ease;text-decoration:none;width:100%}.TierTwo-module--subNavTierTwoTrigger--3CE-7:focus,.TierTwo-module--subNavTierTwoTrigger--3CE-7:hover{cursor:pointer;color:var(--color-content-contrast)}.TierTwo-module--subNavTierTwoTrigger--3CE-7:focus .uni-icon,.TierTwo-module--subNavTierTwoTrigger--3CE-7:hover .uni-icon{color:var(--color-content-subtle)}.TierTwo-module--subNavTierTwoIcon--1dztY .uni-icon{color:var(--color-content-nonessential)}.TierTwo-module--subNavTierTwoIconActive--32DII{transform:rotate(-180deg)}.TierTwo-module--subNavTierTwoIconActive--32DII .uni-icon{color:var(--color-content-subtle)}.TierTwo-module--subNavTierTwoItems_open--NaWoB+.subNavTierTwoItems{animation:TierTwo-module--slideDown--2Yu5a .25s ease-out}.TierTwo-module--subNavTierTwoItems_close--p1bTG+.subNavTierTwoItems{animation:TierTwo-module--slideUp--1h-DJ .1s ease-in forwards}.TierTwo-module--subNavTierTwoActive--1ThVv{font-weight:var(--font-weight-bold);color:var(--color-content-contrast);background-color:var(--color-selection-bg);border-right:4px solid var(--color-selection-edge)}@keyframes TierTwo-module--slideDown--2Yu5a{0%{max-height:0;opacity:.5;transform:scaleY(.5)}40%{transform:scaleY(1.02)}70%{transform:scaleY(.98)}to{max-height:350px;opacity:1;transform:scaleX(1)}}@keyframes TierTwo-module--slideUp--1h-DJ{0%{max-height:350px;opacity:1}to{max-height:0;opacity:.5}}@supports(display:grid){@media(min-width:60rem){.PageWithSubNav-module--gridLayout--2QfB7{display:grid;grid-template-columns:15.625rem 1fr}}}.collapsePadding .PageWithSubNav-module--gridMain--2zY_T{padding:0;max-width:none}.PageWithSubNav-module--logoWrapper--3gwl8{margin-left:-.75rem;margin-bottom:var(--space-one-and-half)}.PageWithSubNav-module--logoWrapper--3gwl8:hover{cursor:pointer}.PageWithSubNav-module--logoWrapper--3gwl8>.uni-icon{color:var(--color-brand-orange)}.PageWithSubNav-module--logoWrapper--3gwl8 .PageWithSubNav-module--logo--3a21f{margin-left:var(--space-three-quarter);color:var(--color-content-contrast)}.PageWithSubNav-module--gridSecondary--26GZ2{display:flex;flex-direction:column;float:left;height:100vh;overflow:auto;padding:var(--space-one-and-half);padding-top:var(--space-one);width:15.625rem;scrollbar-width:thin;scrollbar-color:var(--color-bg-level3-accent) var(--color-bg-level1)}.PageWithSubNav-module--gridSecondary--26GZ2::-webkit-scrollbar{width:12px}.PageWithSubNav-module--gridSecondary--26GZ2::-webkit-scrollbar-track{background:var(--color-bg-level1)}.PageWithSubNav-module--gridSecondary--26GZ2::-webkit-scrollbar-thumb{background-color:var(--color-bg-level3-accent);border-radius:20px;border:2px solid var(--color-bg-level1)}@media(max-width:59.9375rem){.PageWithSubNav-module--gridSecondary--26GZ2{position:absolute;top:0;right:0;z-index:9999;transform:translateX(15.625rem);transition:transform .2s ease}.mobile-nav--open .PageWithSubNav-module--gridSecondary--26GZ2{transform:translateX(0)}}.PageWithSubNav-module--gridBottom--14No7{margin-bottom:-1.5rem;margin-left:-1.5rem;margin-right:-1.5rem}.PageWithSubNav-module--gridMain--2zY_T{display:flex;flex-direction:column;padding:var(--space-one);width:100%}@media(min-width:600px){.PageWithSubNav-module--gridMain--2zY_T{max-width:1024px;padding:var(--space-one) var(--space-two)}}.PageWithSubNav-module--gridMainWrapper--2lBy9{display:flex;height:100vh;justify-content:center;min-width:0;overflow:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-bg-level3-accent) var(--color-bg-level1)}.PageWithSubNav-module--gridMainWrapper--2lBy9::-webkit-scrollbar{width:12px}.PageWithSubNav-module--gridMainWrapper--2lBy9::-webkit-scrollbar-track{background:var(--color-bg-level1)}.PageWithSubNav-module--gridMainWrapper--2lBy9::-webkit-scrollbar-thumb{background-color:var(--color-bg-level3-accent);border-radius:20px;border:2px solid var(--color-bg-level1)}.PageWithSubNav-module--contentWrapper--1zGdd{opacity:0}.PageWithSubNav-module--designMenu--V9i3p{display:inline-block;position:relative}.PageWithSubNav-module--designMenu--V9i3p:hover:before{opacity:1;pointer-events:auto}.PageWithSubNav-module--designMenu--V9i3p:before{opacity:0;pointer-events:none;transition:opacity .2s ease;content:"";width:calc(100% + 16px);height:calc(100% + 72px);top:-8px;left:-8px;position:absolute;background-color:var(--color-bg-level2);box-shadow:var(--elevation-shadow-1);border-radius:2px;z-index:var(--zindex-1)}.PageWithSubNav-module--designMenu__selectedItem--2-NbK{display:inline-block;z-index:var(--zindex-2);position:relative}.PageWithSubNav-module--designMenu__items--I5WXK{display:flex;flex-direction:column;position:absolute;width:100%;z-index:var(--zindex-2);opacity:0;pointer-events:none;transition:opacity .2s ease}.PageWithSubNav-module--designMenu--V9i3p:hover .PageWithSubNav-module--designMenu__items--I5WXK{opacity:1;pointer-events:auto}.PageWithSubNav-module--designMenu__items--I5WXK>a>svg{fill:var(--color-content-subtle);transition:fill .2s ease}.PageWithSubNav-module--designMenu__items--I5WXK>a>svg:hover{fill:var(--color-content-contrast);cursor:pointer}.mounted .PageWithSubNav-module--contentWrapper--1zGdd{opacity:1;transition:opacity .2s cubic-bezier(.445,.05,.55,.95)}.unmounting .uni-bg--level0,.unmounting .uni-bg--level1,.unmounting .uni-bg--level2{transition:background-color .2s cubic-bezier(.445,.05,.55,.95)}.unmounting .PageWithSubNav-module--contentWrapper--1zGdd{opacity:0;transition:opacity 0s}.PlatformExceptionList-module--platformExceptionList--IM3Sl{border:1px solid var(--color-bg-level0-accent);border-radius:8px;padding:0 var(--space-one)}.PlatformExceptionList-module--platformExceptionItem--2tYCS{list-style:none;align-items:center;display:flex;padding-bottom:var(--space-half)}.PlatformExceptionList-module--platformExceptionItem--2tYCS:first-child{padding-top:var(--space-half)}.PlatformExceptionList-module--platformExceptionItem--2tYCS>svg{margin:var(--space-half) var(--space-one) var(--space-half) 0;max-height:24px;max-width:24px;min-height:24px;min-width:24px}.PlatformExceptionList-module--iconWeb--2ylUu{fill:#c0a}.PlatformExceptionList-module--iconReactNative--3JZM8{fill:var(--color-content-contrast)}.PlatformExceptionList-module--iconAndroid--2eZ0H{fill:#a4ca39}.PlatformExceptionList-module--iconApple--21NJC{fill:#199fff}.PlatformTable-module--platformTable--2HF6n{margin-bottom:var(--space-one);margin-top:var(--space-one);width:100%}@media(min-width:37.5rem){.PlatformTable-module--platformTable--2HF6n{margin-bottom:var(--space-two)}}.PlatformTable-module--platformTable--2HF6n tr:last-child{border-bottom:0}.PlatformTable-module--platformTableHeader--2yEZi{display:none}.PlatformTable-module--footer--3coxs{color:var(--color-content-subtle);font-size:16px;font-style:italic;line-height:1.5;padding:var(--space-one) var(--space-one) var(--space-one) 0}.PlatformTable-module--platformTableRow--3kL43{border-top:1px solid var(--color-bg-level0-accent);display:block}@media(min-width:37.5rem){.PlatformTable-module--platformTableRow--3kL43{display:table-row}}.PlatformTable-module--platformWrapper--1X3sQ{align-items:center;display:flex;padding-bottom:var(--space-half);padding-top:var(--space-one)}@media(min-width:37.5rem){.PlatformTable-module--platformWrapper--1X3sQ{max-width:128px;min-width:96px;padding:var(--space-one)}}.PlatformTable-module--platformWrapper--1X3sQ>svg{margin-right:var(--space-half);max-height:24px;max-width:24px;min-height:24px;min-width:24px}@media(min-width:37.5rem){.PlatformTable-module--platformWrapper--1X3sQ>svg{margin-right:var(--space-one)}}.PlatformTable-module--iconWeb--4nTb-{fill:#c0a}.PlatformTable-module--iconReactNative--3p3bZ{fill:var(--color-content-contrast)}.PlatformTable-module--iconAndroid--3w4V0{fill:#a4ca39}.PlatformTable-module--iconApple--3Y55_{fill:#199fff}.PlatformTable-module--platformName--V19Wv{color:var(--color-content-contrast);font-size:16px;line-height:1.5;padding-right:var(--space-one)}.PlatformTable-module--notes--8-GEn{color:var(--color-content-default);display:block;font-size:16px;line-height:1.5;padding-bottom:var(--space-one);padding-right:var(--space-one)}@media(min-width:37.5rem){.PlatformTable-module--notes--8-GEn{display:table-cell;padding:var(--space-one) var(--space-one) var(--space-one) 0}}.PlatformTable-module--notes--8-GEn>ul{margin-left:var(--space-two);padding-left:var(--space-one)}@media(min-width:37.5rem){.PlatformTable-module--notes--8-GEn>ul{margin-left:0}}.CopyUrlButton-module--copyUrlButton--kMi6H{background-color:var(--color-bg-level1);color:var(--color-content-subtle);border:1px solid var(--color-bg-level1-accent);border-radius:4px;font-size:.75rem;font-weight:400;line-height:1.41667;opacity:.75;margin-top:.25rem;padding:.25rem .5rem;transform:translateX(0);transform-origin:left;transition:visibility .15s,transform .15s ease-in,opacity .15s ease-in,color .15s ease-in;visibility:hidden}.CopyUrlButton-module--copyUrlButton--kMi6H:hover{color:var(--color-content-contrast)}.CopyUrlButton-module--copyUrlButton--kMi6H:hover svg{fill:var(--color-content-subtle)}.CopyUrlButton-module--copyUrlButton--kMi6H:focus{outline:0}.CopyUrlButton-module--copyUrlButton--kMi6H svg{fill:var(--color-content-nonessential);height:1rem;margin-right:.25rem;width:1rem}.section-headline .CopyUrlButton-module--copyUrlButton--kMi6H{margin-top:-1rem}.section-subhead .CopyUrlButton-module--copyUrlButton--kMi6H{margin-top:-.75rem}.propList-headline-wrapper .CopyUrlButton-module--copyUrlButton--kMi6H{margin-top:0;position:absolute;top:-2px;right:-5.5rem;min-width:6rem}.platform-header:hover .CopyUrlButton-module--copyUrlButton--kMi6H,.propList-headline-wrapper:hover .CopyUrlButton-module--copyUrlButton--kMi6H,.section-headline:hover .CopyUrlButton-module--copyUrlButton--kMi6H,.section-subhead:hover .CopyUrlButton-module--copyUrlButton--kMi6H{opacity:1;transform:translateX(1rem);transition:visibility 0s,transform .15s ease-out,opacity .15s ease-out,color .15s ease-out;visibility:visible}.platform-header:hover .CopyUrlButton-module--copyUrlButton--kMi6H:active,.propList-headline-wrapper:hover .CopyUrlButton-module--copyUrlButton--kMi6H:active,.section-headline:hover .CopyUrlButton-module--copyUrlButton--kMi6H:active,.section-subhead:hover .CopyUrlButton-module--copyUrlButton--kMi6H:active{transform:translateX(1rem) scale(.95)}.platform-header:hover .CopyUrlButton-module--copyUrlButton--kMi6H.CopyUrlButton-module--copyUrlButtonCopied--3pahv,.propList-headline-wrapper:hover .CopyUrlButton-module--copyUrlButton--kMi6H.CopyUrlButton-module--copyUrlButtonCopied--3pahv,.section-headline:hover .CopyUrlButton-module--copyUrlButton--kMi6H.CopyUrlButton-module--copyUrlButtonCopied--3pahv,.section-subhead:hover .CopyUrlButton-module--copyUrlButton--kMi6H.CopyUrlButton-module--copyUrlButtonCopied--3pahv{color:var(--color-utility-confirmation)}.SectionHeadline-module--wrapper--7NqX9{display:block}.SectionHeadline-module--sectionHeadline--LeDHw{display:inline-block;padding-right:4rem}.SectionHeadline-module--sectionHeadline--LeDHw .uni-headline--2{display:inline-block}.SectionHeadline-module--sectionHeadlineActivate--2iWsi .uni-headline--2{animation:SectionHeadline-module--highlight--1rRhB 1s ease 1s}@keyframes SectionHeadline-module--highlight--1rRhB{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.9)}to{transform:scale(1)}}.Section-module--section--3mOcW>span{display:block;height:0;margin-top:-100px;padding-bottom:100px;pointer-events:none}.Section-module--section--3mOcW+.Section-module--section--3mOcW{border-top:1px solid var(--color-bg-level0-accent);margin-top:3rem;padding-top:3rem}.PlatformTab-module--platformTab--1G7BU{animation:PlatformTab-module--fadeIn--1Lb72 .2s ease;margin-top:var(--space-two)}.PlatformTab-module--platformTabEmptyState--2deDl{align-items:center;display:flex;flex-direction:column}.PlatformTab-module--icon--3PLj8{height:64px;width:64px}.PlatformTab-module--icon--3PLj8,.PlatformTab-module--icon--3PLj8>path{fill:var(--color-bg-level0-accent)}.PlatformTab-module--cta--2M-Y9,.PlatformTab-module--message--eIK_0{color:var(--color-content-subtle);font-size:16px;line-height:1.5;margin-top:var(--space-one-and-half)}.PlatformTab-module--divider--uABzI{background-color:var(--color-bg-level1-accent);height:1px;margin-top:var(--space-one-and-half);width:48px}@keyframes PlatformTab-module--fadeIn--1Lb72{0%{opacity:0}to{opacity:1}}.PlatformTabs-module--tabContainer--3pjXC{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--space-three);margin-top:var(--space-one-and-half);position:relative}@media(min-width:37.5rem){.PlatformTabs-module--tabContainer--3pjXC{justify-content:normal}}.PlatformTabs-module--tabContainer--3pjXC:after{background-color:var(--color-divider);bottom:0;content:"";height:1px;position:absolute;width:100%}.PlatformTabs-module--webTab--3CWKS{color:var(--color-content-subtle);align-items:center;display:flex;flex-direction:row;font-size:16px;padding:var(--space-one) var(--space-half);position:relative;transition:color .15s ease}@media(min-width:37.5rem){.PlatformTabs-module--webTab--3CWKS{font-size:16px;padding:var(--space-one)}}.PlatformTabs-module--webTab--3CWKS:after{border-bottom:4px solid transparent;bottom:0;content:"";display:block;left:0;position:absolute;transform:scaleX(0);transition:border-color .2s ease,transform .2s ease;width:100%}.PlatformTabs-module--webTab--3CWKS:hover{color:var(--color-content-contrast);cursor:pointer}.PlatformTabs-module--webTab--3CWKS:hover svg{opacity:1}.PlatformTabs-module--webTab--3CWKS.PlatformTabs-module--activeTab--18tMQ:after{border-color:#c0a;transform:scaleX(1);transition:border-color .2s ease,transform .2s ease}.PlatformTabs-module--webTab--3CWKS svg{display:none;fill:#c0a;height:1.5rem;margin-right:var(--space-half);max-height:1.5rem;max-width:1.5rem;opacity:.65;transition:fill .15s ease;width:1.5rem}@media(min-width:37.5rem){.PlatformTabs-module--webTab--3CWKS svg{display:block}}.PlatformTabs-module--reactNativeTab--ziOfb{color:var(--color-content-subtle);align-items:center;display:flex;flex-direction:row;font-size:16px;padding:var(--space-one) var(--space-half);position:relative;transition:color .15s ease}@media(min-width:37.5rem){.PlatformTabs-module--reactNativeTab--ziOfb{font-size:16px;padding:var(--space-one)}}.PlatformTabs-module--reactNativeTab--ziOfb:after{border-bottom:4px solid transparent;bottom:0;content:"";display:block;left:0;position:absolute;transform:scaleX(0);transition:border-color .2s ease,transform .2s ease;width:100%}.PlatformTabs-module--reactNativeTab--ziOfb:hover{color:var(--color-content-contrast);cursor:pointer}.PlatformTabs-module--reactNativeTab--ziOfb:hover svg{opacity:1}.PlatformTabs-module--reactNativeTab--ziOfb.PlatformTabs-module--activeTab--18tMQ:after{border-color:#00d8ff;transform:scaleX(1);transition:border-color .2s ease,transform .2s ease}.PlatformTabs-module--reactNativeTab--ziOfb svg{display:none;fill:#00d8ff;height:1.5rem;margin-right:var(--space-half);max-height:1.5rem;max-width:1.5rem;opacity:.65;transition:fill .15s ease;width:1.5rem}@media(min-width:37.5rem){.PlatformTabs-module--reactNativeTab--ziOfb svg{display:block}}.PlatformTabs-module--androidTab--1iLCA{color:var(--color-content-subtle);align-items:center;display:flex;flex-direction:row;font-size:16px;padding:var(--space-one) var(--space-half);position:relative;transition:color .15s ease}@media(min-width:37.5rem){.PlatformTabs-module--androidTab--1iLCA{font-size:16px;padding:var(--space-one)}}.PlatformTabs-module--androidTab--1iLCA:after{border-bottom:4px solid transparent;bottom:0;content:"";display:block;left:0;position:absolute;transform:scaleX(0);transition:border-color .2s ease,transform .2s ease;width:100%}.PlatformTabs-module--androidTab--1iLCA:hover{color:var(--color-content-contrast);cursor:pointer}.PlatformTabs-module--androidTab--1iLCA:hover svg{opacity:1}.PlatformTabs-module--androidTab--1iLCA.PlatformTabs-module--activeTab--18tMQ:after{border-color:#a4ca39;transform:scaleX(1);transition:border-color .2s ease,transform .2s ease}.PlatformTabs-module--androidTab--1iLCA svg{display:none;fill:#a4ca39;height:1.5rem;margin-right:var(--space-half);max-height:1.5rem;max-width:1.5rem;opacity:.65;transition:fill .15s ease;width:1.5rem}@media(min-width:37.5rem){.PlatformTabs-module--androidTab--1iLCA svg{display:block}}.PlatformTabs-module--appleTab--2TXSj{color:var(--color-content-subtle);align-items:center;display:flex;flex-direction:row;font-size:16px;padding:var(--space-one) var(--space-half);position:relative;transition:color .15s ease}@media(min-width:37.5rem){.PlatformTabs-module--appleTab--2TXSj{font-size:16px;padding:var(--space-one)}}.PlatformTabs-module--appleTab--2TXSj:after{border-bottom:4px solid transparent;bottom:0;content:"";display:block;left:0;position:absolute;transform:scaleX(0);transition:border-color .2s ease,transform .2s ease;width:100%}.PlatformTabs-module--appleTab--2TXSj:hover{color:var(--color-content-contrast);cursor:pointer}.PlatformTabs-module--appleTab--2TXSj:hover svg{opacity:1}.PlatformTabs-module--appleTab--2TXSj.PlatformTabs-module--activeTab--18tMQ:after{border-color:#199fff;transform:scaleX(1);transition:border-color .2s ease,transform .2s ease}.PlatformTabs-module--appleTab--2TXSj svg{display:none;fill:#199fff;height:1.5rem;margin-right:var(--space-half);max-height:1.5rem;max-width:1.5rem;opacity:.65;transition:fill .15s ease;width:1.5rem}@media(min-width:37.5rem){.PlatformTabs-module--appleTab--2TXSj svg{display:block}}.PlatformTabs-module--activeTab--18tMQ{color:var(--color-content-contrast)}.PlatformTabs-module--activeTab--18tMQ svg{opacity:1}.PropListItem-module--propListItem--29PHC{padding-bottom:var(--space-one-and-half);margin-bottom:var(--space-one-and-half)}.PropListItem-module--propListItem--29PHC:last-child{border-bottom:none}.PropListItem-module--propListHeadlineWrapper--1Wvft{display:inline-block;align-items:center;position:relative}.PropListItem-module--propListHeadlineWrapper--1Wvft .uni-text{display:inline-block}.PropListItem-module--propListItemHeader--PpUfG{display:inline-flex;align-items:center}.PropListItem-module--propListItemHeaderActivate--1ZHwf .uni-headline--3{animation:PropListItem-module--highlight--1Ey5A 1s ease 1s}.PropListItem-module--propListItemHeaderRequired--15b-k{color:var(--color-content-contrast);padding:var(--space-quarter);font-size:.625rem;font-weight:700;border-radius:2px;border:1px solid var(--color-bg-level2-accent);background-color:var(--color-bg-level2);letter-spacing:.5px}.PropListItem-module--propListDataTypes--3dZhH{display:flex;align-items:center;margin-bottom:var(--space-quarter)}.PropListItem-module--propListItemDescription--1fqwZ .uni-text{margin-bottom:var(--space-half);margin-top:var(--space-half)}.PropListItem-module--propListItemDescription--1fqwZ .uni-text+div{margin-top:var(--space-one)}@keyframes PropListItem-module--highlight--1Ey5A{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.9)}to{transform:scale(1)}}.SectionSubhead-module--wrapper--3b1Gx{display:block}.SectionSubhead-module--wrapper--3b1Gx>span{display:block;height:0;margin-top:-100px;padding-bottom:100px;pointer-events:none}ul+.SectionSubhead-module--wrapper--3b1Gx{margin-top:2rem}.SectionSubhead-module--sectionSubhead--1dFDw{display:inline-block;padding-right:var(--space-four)}.SectionSubhead-module--sectionSubhead--1dFDw .uni-headline--3{display:inline-block}.SectionSubhead-module--sectionSubheadActivate--w3CXj .uni-headline--3{animation:SectionSubhead-module--highlight--2Xpka 1s ease 1s}@keyframes SectionSubhead-module--highlight--2Xpka{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.9)}to{transform:scale(1)}}.DotSeparator-module--dotSeparator--1ukmX{color:var(--color-content-nonessential);margin-left:var(--space-one);margin-right:var(--space-quarter)}.ReleaseNotes-module--platformInfo--wIQ92{align-items:center;display:flex;flex-direction:row;position:relative}.ReleaseNotes-module--platformInfo--wIQ92:before{background-color:var(--color-bg-level1-accent);content:"";height:2px;left:-24px;position:absolute;top:14px;width:8px}.ReleaseNotes-module--platformIcon--3ozzz{fill:var(--color-content-nonessential);height:1.5rem;margin-right:var(--space-one);width:1.5rem}.ReleaseNotes-module--storybookLinkIcon--1HiZW{fill:#ff69b4;height:1rem;width:1rem;margin-right:var(--space-eighth);margin-bottom:var(--space-eighth)}.ReleaseNotes-module--upgradeWrapper--3TjWG{align-items:center;display:flex;flex-direction:row}.ReleaseNotes-module--platformVersion--3wqP1{margin-left:2.6rem}.ReleaseNotes-module--listItemWrapper--2J0-A{display:flex}.ReleaseNotes-module--listItem--2pV4Z{border-radius:2px;color:var(--color-base-white);font-size:.75rem;font-weight:700;height:100%;margin-right:var(--space-one);margin-top:3px;min-width:72px;padding-bottom:3px;padding-top:3px;text-align:center}.ReleaseNotes-module--listItemAdded--JquQK{background-color:var(--color-utility-confirmation)}.ReleaseNotes-module--listItemRemoved--VDKyE{background-color:var(--color-utility-critical)}.ReleaseNotes-module--listItemFixed--2_zlM{background-color:var(--color-utility-warning)}.ReleaseNotes-module--listItemImproved--13k25{background-color:var(--color-brand-ink)}.DataTable-module--dataTable--2nfPx{border-radius:4px;margin-bottom:var(--space-one);margin-top:var(--space-one);width:100%}.DataTable-module--dataTableHeader--2mNwx .DataTable-module--dataTableRow--BqhE1{border-bottom:1px solid var(--color-divider)}.DataTable-module--dataTableHeader--2mNwx .DataTable-module--dataTableRow--BqhE1 th{color:var(--color-content-subtle);font-size:12px;font-weight:700;padding:var(--space-one) var(--space-one) var(--space-half) var(--space-one);text-align:left}@media(max-width:37.4375rem){.DataTable-module--dataTableHeader--2mNwx .DataTable-module--dataTableRow--BqhE1 th{padding:.5rem}}.DataTable-module--dataTableBody--26Rdd .DataTable-module--dataTableRow--BqhE1:last-child{border-bottom:0}.DataTable-module--dataTableHeaderSelected--2aHO8{color:var(--color-content-contrast)}th.DataTable-module--dataTableHeaderValue--1cMq2:hover{color:var(--color-content-nonessential);cursor:pointer;transition:color .15s ease-out}.DataTable-module--dataTableRow--BqhE1{border-bottom:1px solid var(--color-bg-level0-accent)}.DataTable-module--dataTableRow--BqhE1 td{font-size:14px;padding:var(--space-one)}@media(max-width:37.4375rem){.DataTable-module--dataTableRow--BqhE1 td{padding:var(--space-half)}}.DataTable-module--dataTableRow__colorHalves--2wsfB td,.DataTable-module--dataTableRow__colorHalves--2wsfB th,.DataTable-module--dataTableRow__halves--1e1lS td,.DataTable-module--dataTableRow__halves--1e1lS th{width:50%}@media(max-width:37.4375rem){.DataTable-module--dataTableRow__colorHalves--2wsfB td:first-child,.DataTable-module--dataTableRow__colorHalves--2wsfB th:first-child{width:10%}.DataTable-module--dataTableRow__colorHalves--2wsfB td:last-child,.DataTable-module--dataTableRow__colorHalves--2wsfB th:last-child{width:90%}}.DataTable-module--dataTableRow__thirds--3SsD5 td,.DataTable-module--dataTableRow__thirds--3SsD5 th{width:33.33%}.DataTable-module--dataTableRow__colorThirds--3EbWL td,.DataTable-module--dataTableRow__colorThirds--3EbWL th{width:45%}.DataTable-module--dataTableRow__colorThirds--3EbWL td:first-child,.DataTable-module--dataTableRow__colorThirds--3EbWL th:first-child{width:10%}.DataTable-module--dataTableRow__quarters--oLSqH td,.DataTable-module--dataTableRow__quarters--oLSqH th{width:25%}.DataTable-module--dataTableCodeBlock--1TNPH{position:relative}.DataTable-module--dataTableCodeBlock--1TNPH:hover{color:var(--color-content-subtle);cursor:pointer;transform-origin:left;transition:transform .15s ease-out,color .15s ease-out}.DataTable-module--dataTableCodeBlock--1TNPH:active{transform:scale(.95)}.DataTable-module--dataTableCodeBlock--1TNPH.DataTable-module--dataTableCodeBlockCopied--G5FvR:hover,.DataTable-module--dataTableCodeBlockCopied--G5FvR{color:var(--color-utility-confirmation)}.DataTable-module--dataTableColorBlock--23pNX{position:relative;width:10%}.DataTable-module--dataTableColorBlock__block--30MDe{border:1px solid;border-radius:2px;height:24px;position:relative;width:80%}.uni-environment--dark .DataTable-module--dataTableColorBlock__block--30MDe{border-color:rgba(230,242,255,.1)}.uni-environment--light .DataTable-module--dataTableColorBlock__block--30MDe{border-color:rgba(19,41,63,.1)}@media(min-width:37.5rem){.DataTable-module--dataTableColorBlock__block--30MDe{width:100%}}.DataTable-module--dataTableRow__colorHalves--2wsfB .DataTable-module--dataTableColorBlock__block--30MDe{width:100%}@media(min-width:37.5rem){.DataTable-module--dataTableRow__colorHalves--2wsfB .DataTable-module--dataTableColorBlock__block--30MDe{width:50%}}.DataTable-module--dataTable__light--1JXdC{background-color:var(--color-bg-level0)}.DataTable-module--dataTable__light--1JXdC .DataTable-module--dataTableHeader--2mNwx .DataTable-module--dataTableRow--BqhE1{border-color:var(--color-divider)}.DataTable-module--dataTable__light--1JXdC .DataTable-module--dataTableHeader--2mNwx .DataTable-module--dataTableRow--BqhE1 th{color:var(--color-content-subtle)}.DataTable-module--dataTable__light--1JXdC .DataTable-module--dataTableRow--BqhE1{border-color:var(--color-bg-level0-accent)}.DataTable-module--dataTable__light--1JXdC .DataTable-module--dataTableCodeBlock--1TNPH:hover{color:var(--color-content-subtle)}.DataTable-module--dataTable__light--1JXdC .DataTable-module--dataTableColorBlock__block--30MDe{border-color:rgba(19,41,63,.1)}.DataTable-module--dataTable__dark--3BKM2 .DataTable-module--dataTableHeader--2mNwx .DataTable-module--dataTableRow--BqhE1{border-color:var(--color-divider)}.DataTable-module--dataTable__dark--3BKM2 .DataTable-module--dataTableHeader--2mNwx .DataTable-module--dataTableRow--BqhE1 th{color:var(--color-content-subtle)}.DataTable-module--dataTable__dark--3BKM2 .DataTable-module--dataTableRow--BqhE1{border-color:var(--color-bg-level0-accent)}.DataTable-module--dataTable__dark--3BKM2 .DataTable-module--dataTableCodeBlock--1TNPH:hover{color:var(--color-content-subtle)}.DataTable-module--dataTable__dark--3BKM2 .DataTable-module--dataTableColorBlock__block--30MDe{border-color:rgba(230,242,255,.1)}.V5Notice-module--container--1Bbri{padding:var(--space-one) var(--space-two);border-radius:var(--border-radius-large);border-left:calc(var(--space-eighth)*3) solid var(--color-utility-warning-text);background:var(--color-utility-warning-bg);color:var(--color-utility-warning-text);display:flex;align-items:flex-start;gap:var(--space-half);flex-shrink:0;margin-bottom:var(--space-two)}.V5Notice-module--header--2InO0{font-weight:var(--font-weight-bold)}.V5Notice-module--content--FRp1x{flex:1 0;line-height:1.625rem;font-size:var(--font-size-large)}.actionbar-module--actionRow--mr3Bq{align-items:center;display:flex;padding:var(--space-one)}.actionbar-module--actionRow--mr3Bq:not(:last-child){border-bottom:1px solid var(--color-divider)}.actionbar-module--actionRow--mr3Bq>.uni-selectmark{margin-right:var(--space-half)}.uni-button--cancel--minimal{display:none}.dataTable-module--codeSnippetWrapper--3abJ4{background-color:transparent}.dataTable-module--dataTableFunctionsWrapper--8HFeJ{height:250px;background-color:inherit}.dataTable-module--dataTableFunctionsWrapper--8HFeJ.fixedcolumn>.uni-data-table__container{width:300px}.dataTable-module--dataTableFunctionsWrapper--8HFeJ.fixedheader>.uni-data-table__container{height:125px}.dataTable-module--dataTableElementsWrapper--itpNe{width:500px;background-color:inherit}.dataTable-module--dataTableElementsWrapper--itpNe>.uni-data-table__container td,.dataTable-module--dataTableElementsWrapper--itpNe>.uni-data-table__container th{opacity:.3;transition:opacity .2s ease}.dataTable-module--dataTableElementsWrapper--itpNe.elementcell>.uni-data-table__container tbody>tr:nth-child(2)>td:nth-child(4),.dataTable-module--dataTableElementsWrapper--itpNe.elementcolumn>.uni-data-table__container tbody>tr>td:nth-child(3),.dataTable-module--dataTableElementsWrapper--itpNe.elementcolumn>.uni-data-table__container thead>tr>th:nth-child(3),.dataTable-module--dataTableElementsWrapper--itpNe.elementheader>.uni-data-table__container th,.dataTable-module--dataTableElementsWrapper--itpNe.elementrow>.uni-data-table__container tbody>tr:nth-child(2)>td{opacity:1}.legend-module--legendElementsWrapper--_7lma>.uni-legend .uni-legend__category,.legend-module--legendElementsWrapper--_7lma>.uni-legend .uni-legend__item-label,.legend-module--legendElementsWrapper--_7lma>.uni-legend .uni-legend__item-symbol{opacity:.3;transition:opacity .2s ease}.legend-module--legendElementsWrapper--_7lma.elementcategory .uni-legend__category,.legend-module--legendElementsWrapper--_7lma.elementidentifier .uni-legend__item-symbol,.legend-module--legendElementsWrapper--_7lma.elementlabel .uni-legend__item-label{opacity:1}.overlay-module--primaryOverlayWrapper--1jobs{display:flex;overflow:hidden}.overlay-module--primaryOverlayVideo--OJ6zG{flex:3 1;align-items:center;display:flex;flex-direction:column;justify-content:center}.overlay-module--primaryOverlayVideoControls--zIyi0{margin-top:var(--space-one)}.overlay-module--primaryOverlayVideoControls--zIyi0>svg:not(:last-child){margin-right:var(--space-half)}.overlay-module--primaryOverlayDetails--14Mb9{margin-top:var(--space-one);margin-left:var(--space-one);padding:var(--space-eighth);flex:1 1;overflow:auto}.overlay-module--primaryOverlayList--1L25w{display:flex;flex-direction:column;overflow:auto;margin-top:var(--space-one)}.overlay-module--primaryOverlayList--1L25w>li{list-style:none;background-color:var(--color-bg-level1);margin:var(--space-quarter) 0;padding:var(--space-one-and-half)}.style-module--parentCheckbox--1Wwxo .uni-form__check-group--children{margin-top:var(--space-one)}.keyboardshortcuts-module--kbdIconContainer--xOLnQ{position:relative}.keyboardshortcuts-module--kbdIconContainer--xOLnQ:hover .keyboardshortcuts-module--kbdContainer--2J6D2{visibility:visible;opacity:1;transform:translateY(0)}.keyboardshortcuts-module--kbdContainer--2J6D2{position:absolute;left:-120px;bottom:3rem;border-radius:8px;padding:var(--space-half) var(--space-one);box-shadow:var(--elevation-shadow-1);width:auto;visibility:hidden;opacity:.25;pointer-events:none;transition:opacity .15s ease-out,transform .15s ease-out;transform:translateY(.25rem)}.keyboardshortcuts-module--kbdRow--1o40r{display:flex;flex-direction:row;align-items:center;padding:var(--space-half)}.keyboardshortcuts-module--kbdShortcut--38Uss{min-width:50px;text-align:right}.keyboardshortcuts-module--kbdDesc--rMFv4{padding-left:var(--space-one);white-space:nowrap}.level-module--basePreviewWrapper--2iaJg{border-radius:4px}.level-module--basePreview--2snFi{width:128px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid}.uni-environment--dark .level-module--basePreview--2snFi,.uni-environment--light .level-module--basePreview--2snFi{color:var(--color-content-subtle)}.uni-environment--light .uni-bg--level0>.level-module--basePreview--2snFi{border-color:var(--color-bg-level0-accent)}.uni-environment--light .uni-bg--level1>.level-module--basePreview--2snFi{border-color:var(--color-bg-level1-accent)}.uni-environment--light .uni-bg--level2>.level-module--basePreview--2snFi{border-color:var(--color-bg-level2-accent)}.uni-environment--light .uni-bg--level3>.level-module--basePreview--2snFi{border-color:var(--color-bg-level3-accent)}.uni-environment--dark .uni-bg--level0>.level-module--basePreview--2snFi{border-color:var(--color-bg-level0-accent)}.uni-environment--dark .uni-bg--level1>.level-module--basePreview--2snFi{border-color:var(--color-bg-level1-accent)}.uni-environment--dark .uni-bg--level2>.level-module--basePreview--2snFi{border-color:var(--color-bg-level2-accent)}.uni-environment--dark .uni-bg--level3>.level-module--basePreview--2snFi{border-color:var(--color-bg-level3-accent)}.level-module--accentsBasePreviewWrapper--rmrMP{border-radius:4px 0 0 4px}.level-module--accentsAccentPreviewWrapper--3AKuI{border-radius:0 4px 4px 0}.level-module--accentsAccentPreview--NsdDo,.level-module--accentsBasePreview--1-i7l{width:128px;height:88px;display:flex;align-items:center;justify-content:center}.uni-environment--dark .level-module--accentsAccentPreview--NsdDo,.uni-environment--dark .level-module--accentsBasePreview--1-i7l,.uni-environment--light .level-module--accentsAccentPreview--NsdDo,.uni-environment--light .level-module--accentsBasePreview--1-i7l{color:var(--color-content-subtle)}.uni-environment--light .uni-bg--level0>.level-module--accentsAccentPreview--NsdDo,.uni-environment--light .uni-bg--level0>.level-module--accentsBasePreview--1-i7l{border-color:var(--color-bg-level0-accent)}.uni-environment--light .uni-bg--level1>.level-module--accentsAccentPreview--NsdDo,.uni-environment--light .uni-bg--level1>.level-module--accentsBasePreview--1-i7l{border-color:var(--color-bg-level1-accent)}.uni-environment--light .uni-bg--level2>.level-module--accentsAccentPreview--NsdDo,.uni-environment--light .uni-bg--level2>.level-module--accentsBasePreview--1-i7l{border-color:var(--color-bg-level2-accent)}.uni-environment--light .uni-bg--level3>.level-module--accentsAccentPreview--NsdDo,.uni-environment--light .uni-bg--level3>.level-module--accentsBasePreview--1-i7l{border-color:var(--color-bg-level3-accent)}.uni-environment--dark .uni-bg--level0>.level-module--accentsAccentPreview--NsdDo,.uni-environment--dark .uni-bg--level0>.level-module--accentsBasePreview--1-i7l{border-color:var(--color-bg-level0-accent)}.uni-environment--dark .uni-bg--level1>.level-module--accentsAccentPreview--NsdDo,.uni-environment--dark .uni-bg--level1>.level-module--accentsBasePreview--1-i7l{border-color:var(--color-bg-level1-accent)}.uni-environment--dark .uni-bg--level2>.level-module--accentsAccentPreview--NsdDo,.uni-environment--dark .uni-bg--level2>.level-module--accentsBasePreview--1-i7l{border-color:var(--color-bg-level2-accent)}.uni-environment--dark .uni-bg--level3>.level-module--accentsAccentPreview--NsdDo,.uni-environment--dark .uni-bg--level3>.level-module--accentsBasePreview--1-i7l{border-color:var(--color-bg-level3-accent)}.level-module--accentsBasePreview--1-i7l{border-style:solid;border-width:1px 1px 0;border-radius:4px 4px 0 0}@media(min-width:37.5rem){.level-module--accentsBasePreview--1-i7l{border-width:1px 0 1px 1px;border-radius:4px 0 0 4px}}.level-module--accentsAccentPreview--NsdDo{border:8px solid;border-radius:0 4px 4px 0;position:relative}.level-module--accentsAccentPreview--NsdDo:after{content:"";display:block;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px;border-style:solid;border-width:0 1px 1px;border-radius:0 0 4px 4px}@media(min-width:37.5rem){.level-module--accentsAccentPreview--NsdDo:after{border-width:1px 1px 1px 0;border-radius:0 4px 4px 0}}.uni-environment--light .uni-bg--level0--accent>.level-module--accentsAccentPreview--NsdDo{border-color:var(--color-bg-level0)}.uni-environment--light .uni-bg--level0--accent>.level-module--accentsAccentPreview--NsdDo:after{border-color:var(--color-bg-level0-accent)}.uni-environment--light .uni-bg--level1--accent>.level-module--accentsAccentPreview--NsdDo{border-color:var(--color-bg-level1)}.uni-environment--light .uni-bg--level1--accent>.level-module--accentsAccentPreview--NsdDo:after{border-color:var(--color-bg-level1-accent)}.uni-environment--light .uni-bg--level2--accent>.level-module--accentsAccentPreview--NsdDo{border-color:var(--color-bg-level2)}.uni-environment--light .uni-bg--level2--accent>.level-module--accentsAccentPreview--NsdDo:after{border-color:var(--color-bg-level2-accent)}.uni-environment--light .uni-bg--level3--accent>.level-module--accentsAccentPreview--NsdDo{border-color:var(--color-bg-level3)}.uni-environment--light .uni-bg--level3--accent>.level-module--accentsAccentPreview--NsdDo:after{border-color:var(--color-bg-level3-accent)}.uni-environment--dark .uni-bg--level0--accent>.level-module--accentsAccentPreview--NsdDo{border-color:var(--color-bg-level0)}.uni-environment--dark .uni-bg--level0--accent>.level-module--accentsAccentPreview--NsdDo:after{border-color:var(--color-bg-level0-accent)}.uni-environment--dark .uni-bg--level1--accent>.level-module--accentsAccentPreview--NsdDo{border-color:var(--color-bg-level1)}.uni-environment--dark .uni-bg--level1--accent>.level-module--accentsAccentPreview--NsdDo:after{border-color:var(--color-bg-level1-accent)}.uni-environment--dark .uni-bg--level2--accent>.level-module--accentsAccentPreview--NsdDo{border-color:var(--color-bg-level2)}.uni-environment--dark .uni-bg--level2--accent>.level-module--accentsAccentPreview--NsdDo:after{border-color:var(--color-bg-level2-accent)}.uni-environment--dark .uni-bg--level3--accent>.level-module--accentsAccentPreview--NsdDo{border-color:var(--color-bg-level3)}.uni-environment--dark .uni-bg--level3--accent>.level-module--accentsAccentPreview--NsdDo:after{border-color:var(--color-bg-level3-accent)}.videoPlayer-module--videoWrapper--wW5QK{position:relative}.videoPlayer-module--videoWrapper--wW5QK.container .videoPlayer-module--videoLeft--1wY8c,.videoPlayer-module--videoWrapper--wW5QK.container .videoPlayer-module--videoProgress--2XuIO,.videoPlayer-module--videoWrapper--wW5QK.container .videoPlayer-module--videoRight--Ew-G_,.videoPlayer-module--videoWrapper--wW5QK.container .videoPlayer-module--videoVideo--IFsxE,.videoPlayer-module--videoWrapper--wW5QK.row .videoPlayer-module--videoProgress--2XuIO,.videoPlayer-module--videoWrapper--wW5QK.row .videoPlayer-module--videoVideo--IFsxE,.videoPlayer-module--videoWrapper--wW5QK.time .videoPlayer-module--videoPlay--1hOrX,.videoPlayer-module--videoWrapper--wW5QK.time .videoPlayer-module--videoProgress--2XuIO,.videoPlayer-module--videoWrapper--wW5QK.time .videoPlayer-module--videoRight--Ew-G_,.videoPlayer-module--videoWrapper--wW5QK.time .videoPlayer-module--videoVideo--IFsxE,.videoPlayer-module--videoWrapper--wW5QK.video .videoPlayer-module--videoContainer--2Xyro{opacity:.6}.videoPlayer-module--videoVideo--IFsxE{max-width:350px}@media(min-width:37.5rem){.videoPlayer-module--videoVideo--IFsxE{max-width:500px}}.videoPlayer-module--videoContainer--2Xyro{background-color:var(--color-bg-level0);justify-content:space-between;transition:opacity .25s;opacity:1;z-index:10;padding:var(--space-half);display:flex;flex-wrap:wrap;position:relative}.videoPlayer-module--videoContainer--2Xyro svg{width:20px;height:20px}.videoPlayer-module--videoProgress--2XuIO{width:100%;background:var(--color-base-black);height:4px;position:absolute;top:-3px;left:0}.videoPlayer-module--videoProgressHead--DWxeM{background:var(--color-brand-orange);height:4px}.videoPlayer-module--videoLeft--1wY8c,.videoPlayer-module--videoRight--Ew-G_{display:flex;align-items:center}.videoPlayer-module--videoTime--oVCga{color:var(--color-base-white);font-size:var(--font-size-micro);margin-left:var(--space-one)}.videoPlayer-module--videoFullscreen--1etOt{margin-left:var(--space-half)}.index-module--mainTitle--30I2J{margin-top:var(--space-two)}@media(min-width:37.5rem){.index-module--mainTitle--30I2J{margin-top:var(--space-three)}}.index-module--iconCode--22Dm2,.index-module--iconDesign--11G4a{width:3rem;height:3rem;display:block;margin:0 auto}.index-module--iconCode--22Dm2 path,.index-module--iconDesign--11G4a path{fill:var(--color-brand-orange)}@media(min-width:37.5rem){.index-module--iconCode--22Dm2,.index-module--iconDesign--11G4a{width:5.5rem;height:5.5rem}}.index-module--inlineIcon--28c3-{height:1rem;width:1rem}.index-module--gridWrapper--3C3tW{display:grid;grid-template-columns:1fr;grid-gap:2rem}@media(min-width:37.5rem){.index-module--gridWrapper--3C3tW{grid-template-columns:1fr 1fr}}.index-module--imageAside--2ayvM{display:none}@media(min-width:37.5rem){.index-module--imageAside--2ayvM{display:block;margin:0 auto}}.index-module--libraryPanelImage--2WN2x{margin:0 auto}.index-module--splitter--3MLCv{height:1px;width:100%;display:flex;align-items:center;justify-content:center;margin-top:var(--space-four);margin-bottom:var(--space-four);background-color:var(--color-bg-level0-accent)}.index-module--splitterGoogleDrive--3MimI,.index-module--splitterSketch--2iluc{height:2.5rem;width:2.5rem;border-radius:100%;border:4px solid #fff;background:#fff}.index-module--splitterGoogleDrive--3MimI{border:8px solid #fff}.index-module--step--1ScAn{font-size:20px;margin-bottom:var(--space-one-and-half)}.index-module--stepNumber--2hZ8y{margin-right:var(--space-one)}.index-module--subStep--2tUnz{min-width:0;padding:var(--space-two);background-color:var(--color-bg-level1);border-radius:4px}.index-module--otherTab--1cEY0{display:flex;flex-direction:column;align-items:center;justify-content:center}.index-module--iconOther---cXfG{width:64px;height:64px}.index-module--iconOther---cXfG,.index-module--iconOther---cXfG>path{fill:var(--color-bg-level0-accent)}.index-module--otherTabMessage--kW4sV{margin-top:var(--space-one-and-half);color:var(--color-content-subtle);font-size:16px;line-height:1.5}.level-module--basePreviewWrapper--Gbp_S{border-radius:4px}.level-module--basePreview--S-lpR{width:128px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid}.uni-environment--dark .level-module--basePreview--S-lpR,.uni-environment--light .level-module--basePreview--S-lpR{color:var(--color-content-subtle)}.uni-environment--light .uni-bg--level0>.level-module--basePreview--S-lpR{border-color:var(--color-bg-level0-accent)}.uni-environment--light .uni-bg--level1>.level-module--basePreview--S-lpR{border-color:var(--color-bg-level1-accent)}.uni-environment--light .uni-bg--level2>.level-module--basePreview--S-lpR{border-color:var(--color-bg-level2-accent)}.uni-environment--light .uni-bg--level3>.level-module--basePreview--S-lpR{border-color:var(--color-bg-level3-accent)}.uni-environment--dark .uni-bg--level0>.level-module--basePreview--S-lpR{border-color:var(--color-bg-level0-accent)}.uni-environment--dark .uni-bg--level1>.level-module--basePreview--S-lpR{border-color:var(--color-bg-level1-accent)}.uni-environment--dark .uni-bg--level2>.level-module--basePreview--S-lpR{border-color:var(--color-bg-level2-accent)}.uni-environment--dark .uni-bg--level3>.level-module--basePreview--S-lpR{border-color:var(--color-bg-level3-accent)}.level-module--accentsBasePreviewWrapper--RjT5_{border-radius:4px 0 0 4px}.level-module--accentsAccentPreviewWrapper--CIwFx{border-radius:0 4px 4px 0}.level-module--accentsAccentPreview--1t8wW,.level-module--accentsBasePreview--2fNCg{width:128px;height:88px;display:flex;align-items:center;justify-content:center}.uni-environment--dark .level-module--accentsAccentPreview--1t8wW,.uni-environment--dark .level-module--accentsBasePreview--2fNCg,.uni-environment--light .level-module--accentsAccentPreview--1t8wW,.uni-environment--light .level-module--accentsBasePreview--2fNCg{color:var(--color-content-subtle)}.uni-environment--light .uni-bg--level0>.level-module--accentsAccentPreview--1t8wW,.uni-environment--light .uni-bg--level0>.level-module--accentsBasePreview--2fNCg{border-color:var(--color-bg-level0-accent)}.uni-environment--light .uni-bg--level1>.level-module--accentsAccentPreview--1t8wW,.uni-environment--light .uni-bg--level1>.level-module--accentsBasePreview--2fNCg{border-color:var(--color-bg-level1-accent)}.uni-environment--light .uni-bg--level2>.level-module--accentsAccentPreview--1t8wW,.uni-environment--light .uni-bg--level2>.level-module--accentsBasePreview--2fNCg{border-color:var(--color-bg-level2-accent)}.uni-environment--light .uni-bg--level3>.level-module--accentsAccentPreview--1t8wW,.uni-environment--light .uni-bg--level3>.level-module--accentsBasePreview--2fNCg{border-color:var(--color-bg-level3-accent)}.uni-environment--dark .uni-bg--level0>.level-module--accentsAccentPreview--1t8wW,.uni-environment--dark .uni-bg--level0>.level-module--accentsBasePreview--2fNCg{border-color:var(--color-bg-level0-accent)}.uni-environment--dark .uni-bg--level1>.level-module--accentsAccentPreview--1t8wW,.uni-environment--dark .uni-bg--level1>.level-module--accentsBasePreview--2fNCg{border-color:var(--color-bg-level1-accent)}.uni-environment--dark .uni-bg--level2>.level-module--accentsAccentPreview--1t8wW,.uni-environment--dark .uni-bg--level2>.level-module--accentsBasePreview--2fNCg{border-color:var(--color-bg-level2-accent)}.uni-environment--dark .uni-bg--level3>.level-module--accentsAccentPreview--1t8wW,.uni-environment--dark .uni-bg--level3>.level-module--accentsBasePreview--2fNCg{border-color:var(--color-bg-level3-accent)}.level-module--accentsBasePreview--2fNCg{border-style:solid;border-width:1px 1px 0;border-radius:4px 4px 0 0}@media(min-width:37.5rem){.level-module--accentsBasePreview--2fNCg{border-width:1px 0 1px 1px;border-radius:4px 0 0 4px}}.level-module--accentsAccentPreview--1t8wW{border:8px solid;border-radius:0 4px 4px 0;position:relative}.level-module--accentsAccentPreview--1t8wW:after{content:"";display:block;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px;border-style:solid;border-width:0 1px 1px;border-radius:0 0 4px 4px}@media(min-width:37.5rem){.level-module--accentsAccentPreview--1t8wW:after{border-width:1px 1px 1px 0;border-radius:0 4px 4px 0}}.uni-environment--light .uni-bg--level0--accent>.level-module--accentsAccentPreview--1t8wW{border-color:var(--color-bg-level0)}.uni-environment--light .uni-bg--level0--accent>.level-module--accentsAccentPreview--1t8wW:after{border-color:var(--color-bg-level0-accent)}.uni-environment--light .uni-bg--level1--accent>.level-module--accentsAccentPreview--1t8wW{border-color:var(--color-bg-level1)}.uni-environment--light .uni-bg--level1--accent>.level-module--accentsAccentPreview--1t8wW:after{border-color:var(--color-bg-level1-accent)}.uni-environment--light .uni-bg--level2--accent>.level-module--accentsAccentPreview--1t8wW{border-color:var(--color-bg-level2)}.uni-environment--light .uni-bg--level2--accent>.level-module--accentsAccentPreview--1t8wW:after{border-color:var(--color-bg-level2-accent)}.uni-environment--light .uni-bg--level3--accent>.level-module--accentsAccentPreview--1t8wW{border-color:var(--color-bg-level3)}.uni-environment--light .uni-bg--level3--accent>.level-module--accentsAccentPreview--1t8wW:after{border-color:var(--color-bg-level3-accent)}.uni-environment--dark .uni-bg--level0--accent>.level-module--accentsAccentPreview--1t8wW{border-color:var(--color-bg-level0)}.uni-environment--dark .uni-bg--level0--accent>.level-module--accentsAccentPreview--1t8wW:after{border-color:var(--color-bg-level0-accent)}.uni-environment--dark .uni-bg--level1--accent>.level-module--accentsAccentPreview--1t8wW{border-color:var(--color-bg-level1)}.uni-environment--dark .uni-bg--level1--accent>.level-module--accentsAccentPreview--1t8wW:after{border-color:var(--color-bg-level1-accent)}.uni-environment--dark .uni-bg--level2--accent>.level-module--accentsAccentPreview--1t8wW{border-color:var(--color-bg-level2)}.uni-environment--dark .uni-bg--level2--accent>.level-module--accentsAccentPreview--1t8wW:after{border-color:var(--color-bg-level2-accent)}.uni-environment--dark .uni-bg--level3--accent>.level-module--accentsAccentPreview--1t8wW{border-color:var(--color-bg-level3)}.uni-environment--dark .uni-bg--level3--accent>.level-module--accentsAccentPreview--1t8wW:after{border-color:var(--color-bg-level3-accent)}.action-preview,.confirmation-preview,.critical-preview,.information-preview,.utility-module--defaultPreview--2CAMV,.warning-preview{align-items:center;border-radius:4px;color:var(--color-base-white);display:flex;font-size:16px;font-weight:700;height:88px;justify-content:center;width:128px}.action-preview{background-color:var(--color-utility-action)}.action-preview:before{content:"Action"}.confirmation-preview{background-color:var(--color-utility-confirmation)}.confirmation-preview:before{content:"Confirmation"}.information-preview{background-color:var(--color-utility-information)}.information-preview:before{content:"Information"}.warning-preview{background-color:var(--color-utility-warning)}.warning-preview:before{content:"Warning"}.critical-preview{background-color:var(--color-utility-critical)}.critical-preview:before{content:"Critical"}.iconography-module--guidelinesIcons--anm96+.iconography-module--guidelinesIcons--anm96{margin-top:var(--space-half)}@media(min-width:37.5rem){.iconography-module--guidelinesIcons--anm96+.iconography-module--guidelinesIcons--anm96{margin-left:var(--space-three);margin-top:0}}.iconography-module--colorContrast--12gvD{color:var(--color-content-contrast)!important}.iconography-module--colorNonessential--1YMbj{color:var(--color-content-nonessential)!important}.iconography-module--colorUtilityAction--3qogR{color:var(--color-utility-action)!important}.iconography-module--colorUtilityConfirmation--3uR2P{color:var(--color-utility-confirmation)!important}.iconography-module--colorUtilityWarning--1WMP5{color:var(--color-utility-warning)!important}.iconography-module--colorUtilityCritical--3ZcfR{color:var(--color-utility-critical)!important}.division-module--emptySpace--2Pifu{display:flex}.division-module--emptySpaceLeft--1tTDO,.division-module--emptySpaceLeftLevelChange--2WX7s{margin-right:var(--space-three);padding:var(--space-two);width:180px}.division-module--emptySpaceLeftLevelChange--2WX7s{background-color:var(--color-bg-level1)}.division-module--emptySpaceRow--1dieA{display:flex;margin-top:var(--space-one)}.division-module--emptySpaceBox--2AKPD{width:300px;height:200px;background-color:#edf0f2}.division-module--emptySpaceBox--2AKPD+.division-module--emptySpaceBox--2AKPD{margin-left:var(--space-two)}.division-module--paddedLevelAccentDividers--rfQNp{display:flex;justify-content:space-around}.division-module--UserBox--s8zfs{margin-top:var(--space-two);padding:var(--space-one);border:1px solid var(--color-bg-level0-accent);border-radius:4px;width:300px;height:100%}.division-module--UserBoxMain--5mHW2{display:flex;align-items:center}.division-module--UserBoxDetails--fGi1R{display:flex;text-align:center;justify-content:space-between;margin-top:var(--space-two)}.division-module--UserBoxDetails--fGi1R div:nth-child(2n){border-left:1px solid var(--color-bg-level0-accent);border-right:1px solid var(--color-bg-level0-accent);padding:0 var(--space-two)}.division-module--UserBoxRow--Urjgd{display:flex;align-items:center;border-top:1px solid var(--color-bg-level0-accent);margin-top:var(--space-half);padding-top:var(--space-half);padding-left:var(--space-one);padding-right:var(--space-one);margin-left:-1rem;margin-right:-1rem}.division-module--emptySpaceBoxColumn--dFw9m{width:400px;height:300px;background-color:#edf0f2}.division-module--emptySpaceBoxColumn--dFw9m+.division-module--emptySpaceBoxColumn--dFw9m{margin-top:var(--space-two)}.division-module--LevelDividerTransparent--2jrwt{height:1px;width:100%;background-color:transparent;margin:var(--space-two) 0 var(--space-one-and-half)}.division-module--LevelDivider--1WURe{height:1px;width:100%;background-color:var(--color-divider);margin:var(--space-two) 0 var(--space-one-and-half)}.division-module--LevelAccentDivider--1JjK_{height:1px;width:100%;background-color:var(--color-bg-level1-accent);margin:var(--space-two) 0 var(--space-one-and-half)}.division-module--levelChangeAccent--nmyKD{display:flex}.division-module--levelChangeAccentRow--1OQk6{border-top:1px solid var(--color-bg-level1-accent);border-bottom:1px solid var(--color-bg-level1-accent)}.division-module--levelChangeAccentRow--1OQk6,.division-module--levelChangeAccentRowSecond--2Z9xq{display:flex;align-items:center;margin-left:-2rem;margin-right:-2rem;padding:var(--space-one) var(--space-two)}.division-module--levelChangeAccentRowSecond--2Z9xq{border-top:1px solid transparent;border-bottom:1px solid transparent}.division-module--levelChangeAccentRowActive--3Ofji{display:flex;align-items:center;margin-left:-2rem;margin-right:-2rem;padding:var(--space-one) var(--space-two);border-top:1px solid #fff;border-bottom:1px solid #fff;background-color:var(--color-selection-bg);border-right:4px solid var(--color-selection-edge)}.division-module--levelChangeAccentRowActive--3Ofji+.division-module--levelChangeAccentRow--1OQk6{border-top:1px solid transparent}.division-module--levelChangeAccentLeftLevelChange--RD9bq{background-color:var(--color-bg-level1);padding:var(--space-two);width:275px}.forms-module--elementsWrapper--16R-z .uni-form__help-message,.forms-module--elementsWrapper--16R-z .uni-form__label,.forms-module--elementsWrapper--16R-z .uni-input,.forms-module--elementsWrapper--16R-z .uni-subhead{opacity:.25}.field .uni-input,.helptext .uni-form__help-message,.label .uni-form__label,.required .uni-form__required,.title .uni-subhead{opacity:1}.field .uni-form__input::-webkit-input-placeholder,.label .uni-form__required{opacity:.2}.required .uni-form__label{opacity:1;color:rgba(19,41,63,.15)!important}.placeholder .uni-input{opacity:1;border-color:rgba(166,173,181,.15)!important}.index-module--release--2RhUm+.index-module--release--2RhUm{margin-top:var(--space-one)}.index-module--releaseInfo--3tU9n{padding-top:var(--space-one-and-half);padding-bottom:var(--space-three);padding-left:var(--space-one-and-half);border-left:3px solid var(--color-bg-level1-accent)}.index-module--platform--x1OZo+.index-module--platform--x1OZo{margin-top:var(--space-two)}.index-module--changesList--51aKa{padding-top:var(--space-one-and-half)}
Every layer has a predetermined elevation on a scale of 0-3, with assigned style treatments like shadows.
Common interface elements are layered, with each level indicating importance and priority to the user. This stack order is consistent across Hudl interfaces.
A tangent is a piece of content (tooltip, dropdown, popover) that does not have a set elevation, but needs to sit above other content in its current elevation. An example of this is a tooltip within a modal (layer 3).
A scrim is a transparent overlay placed just beneath a layered element. Its purpose is to dim and obfuscate content underneath the layered element. This focuses the user’s attention on the layered element in question. Scrims are required for layer 3 (modals), but optional for layer 2 elements like prompts, toasts and action bars.
It’s important to distinguish theming environment levels from the concept of layering. Levels affect the background and/or border color of a given element, whereas layering physically places one element on top of another, like z-indexing.
Levels create separation between regions on the same plane, while layering creates a new dimension altogether. For instance, you might paint your living room and upstairs bedroom the same color, but color is where the connection ends. Otherwise they’re totally separate, physically and in purpose.
The dimension of layers is visually accentuated with the shadows applied to each.
Layering elevation still applies to design on mobile but is approached differently. For example, modals used in iOS make use of modal view, which applies elevation and shadow to the entire view. Whereas Android depicts the layer with a scrim. Be cognizant of each platform when designing elevation.
The stack order ensures similar interface elements like toasts, modals and action bars have a consistent elevation across all Hudl product interfaces.
Don'tput elements on the wrong layer.
Dofollow the correct stacking order.
Don'tuse shadows to “elevate” levels.
Doapply shadows to layered elements.
platform | notes |
---|---|
Web |
|
Apple |
|
Android |
|
No guidelines exist for other platforms (yet). |