From 38d9bcef182282ba8ccc69b3b5bff1b48bf8e55d Mon Sep 17 00:00:00 2001 From: agneszitte Date: Fri, 14 Jun 2024 17:19:40 -0400 Subject: [PATCH] chore(css): Adjust bottom margin of videos followed by paragraphs in documentation --- doc/templates/uno/main.scss | 5 +++++ doc/templates/uno/styles/main.css | 2 +- doc/templates/uno/styles/main.css.map | 2 +- 3 files changed, 7 insertions(+), 2 deletions(-) diff --git a/doc/templates/uno/main.scss b/doc/templates/uno/main.scss index 6390d5906aeb..f65292dfcb4b 100644 --- a/doc/templates/uno/main.scss +++ b/doc/templates/uno/main.scss @@ -489,6 +489,11 @@ h5 { } } +// Specific case for paragraphs under embedded videos +.embeddedvideo + p { + margin-top: 10px; +} + // Algolia .DocSearch-Hit-content-wrapper { height: 100%; diff --git a/doc/templates/uno/styles/main.css b/doc/templates/uno/styles/main.css index 76f46b0e49d7..f481e18b6d30 100644 --- a/doc/templates/uno/styles/main.css +++ b/doc/templates/uno/styles/main.css @@ -1,4 +1,4 @@ -@import"https://fonts.googleapis.com/css?family=Open+Sans:500,600,700,800,400italic,700italic,400";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css";:target::before{content:"";display:block;margin-top:-130px;height:130px;width:1px}body{font-family:"Open Sans",sans-serif;color:#242424;font-size:16px;line-height:24px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.5px}body mark{background:rgba(21,155,255,.25)}body .toc{background-color:rgba(0,0,0,0);padding:24px;padding-top:12px;margin:0}.row:before{content:none}.row:after{content:""}a{color:#159bff}a:hover,a:active{color:#333}h1{font-size:40px;line-height:48px;font-weight:700;text-transform:none;text-align:left;color:#242424;letter-spacing:-1.5px;padding:24px 0}h2{font-size:24px;line-height:32px;font-weight:700;text-transform:none;color:#242424;letter-spacing:-0.5px}h3{font-size:20px;line-height:24px;font-weight:700;text-transform:none;color:#242424}h4{font-size:18px;line-height:24px;font-weight:700;text-transform:none;color:#242424}subtitle{font-size:14px;line-height:24px;font-weight:600;text-transform:none;color:#242424;letter-spacing:.1px}h5{font-family:"Roboto";font-style:normal;letter-spacing:1.5px;font-size:12px;line-height:16px;font-weight:500;text-transform:uppercase;color:#242424}@media screen{pre{overflow:auto}pre>code{white-space:pre;font-size:14px;line-height:20px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.25px}}.container{width:100%}#breadcrumb{padding:0 32px}.breadcrumb{white-space:inherit;font-size:14px;line-height:24px;font-weight:400;color:#242424;padding:16px 0}.body-content .article{margin-right:0}@media only screen and (min-width: 768px){.sidefilter{width:24%}}@media(min-width: 768px)and (max-width: 1023.98px){.sidefilter{width:30%}}@media only screen and (min-width: 768px){.article.grid-right{margin-left:26%}}@media(min-width: 768px)and (max-width: 1023.98px){.article.grid-right{margin-left:32%}}.sidetoc{top:180px;background-color:#fff !important}@media only screen and (min-width: 768px){.sidetoc{width:24%}}@media(min-width: 768px)and (max-width: 1023.98px){.sidetoc{width:30%}}@media(min-width: 768px)and (max-width: 990.98px){.sidetoc{border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;position:fixed}}.sidetoc .nav>li{line-height:24px}.sidetoc .nav>li a{font-size:14px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.1px}.sidetoc .nav.level1>li,.sidetoc .nav.level2>li{line-height:20px}.sidetoc .nav.level1>li>a,.sidetoc .nav.level2>li>a{font-size:14px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.25px}.sidetoc .nav>li.active>a{color:#333;font-weight:600}.sidetoc .nav>li.active>a:last-child{border-radius:6px;background-color:#f1f1f1;width:100%}.sidetoc .nav>li.active>a:hover{color:#000}.sidetoc .toc .nav .in ul li{margin-left:9px}.sidetoc .toc .nav>li.filtered>ul,.sidetoc .toc .nav>li.in>ul{display:block}@media only screen and (max-width: 768.98px){.sidetoc .toc .nav>li.filtered>ul,.sidetoc .toc .nav>li.in>ul{display:grid}}@media only screen and (max-width: 768.98px){.sidetoc .toc li:after{display:none}}.sidetoc .toc .nav>li>.expand-stub::before{font-family:"Glyphicons Halflings","ui-sans-serif";content:"";font-size:.8em}.sidetoc .toc .nav>li.in>.expand-stub::before{font-family:"Glyphicons Halflings","ui-sans-serif";display:inline-block;content:"";font-size:.8em;transform:rotate(90deg)}.sidetoc .toc .nav>li>.expand-stub+a{margin-left:15px}.sidetoc .toc .nav>li>a{margin-left:0;padding-left:5px}.sidetoc .toc .nav>li>.expand-stub{left:4px}.sidetoc .toc ul ul>li>a:before{content:""}.sidetoc .toc ul{padding-left:5px;text-align:left}@media only screen and (max-width: 768.98px){.sidetoc .toc ul{text-align:left}}@media only screen and (max-width: 768.98px){.sidetoc .toc{margin-left:0}}@media only screen{.sidetoc .toc ul{margin:0}.sidetoc .toc ul li a{margin:0}}.sidenav{background-color:#fff;border-bottom:1px solid #e7e7e7}@media only screen and (max-width: 768.98px){.sidenav{position:fixed;width:100%;z-index:999}}@media(min-width: 768px)and (max-width: 990.98px){.sidenav{background:rgba(0,0,0,0);padding:0;margin:0;border:none}}.btn.toc-toggle.collapse{color:#333;text-align:left}@media(min-width: 768px)and (max-width: 990.98px){.btn.toc-toggle.collapse{display:none}}.front-page article section{margin-left:auto}.front-page p{margin:20px auto}.front-page .subnav,.front-page .sideaffix,.front-page .footer{display:none}.front-page .body-content{width:100%;padding:0;overflow:hidden}.front-page .body-content .article{margin:0 !important}.front-page .body-content .article>[class*=col]{width:auto;padding:0;float:none}.front-page .button{display:inline-block}.front-page .button a{display:inline-block;padding:7px 17px;font-size:16px;line-height:16px;font-weight:700;box-shadow:0 2px 4px 0 rgba(31,31,31,.25);border-radius:8px;transition:color .2s ease-in-out,background-color .2s ease-in-out}.front-page .button.white a{background:#fff;color:#333}.front-page .button.white a:hover{background:#7a67f8;color:#fff}.front-page .button.turquoise a{background:#7a67f8;color:#fff}.front-page .button.turquoise a:hover{background:#654ff7}.front-page .intro{padding:100px 15px 60px;text-align:center;font-size:18px;position:relative}@media screen and (min-width: 768px){.front-page .intro{padding:200px 15px 120px}}.front-page .intro h1{font-size:36px;text-transform:none;font-weight:600;width:auto;max-width:100%;margin:0 auto;letter-spacing:normal}@media screen and (min-width: 768px){.front-page .intro h1{font-size:44px}}.front-page .intro p{width:100%;font-size:22px}.front-page .intro strong{font-weight:bold}.front-page .intro .button a{margin-top:20px}.front-page .headerboxes{display:flex;flex-wrap:wrap;padding:40px 15px;background-color:#f4f2f3}@media screen and (min-width: 768px){.front-page .headerboxes{padding:80px 15px}}.front-page .headerboxes .headerbox{margin:40px auto}.front-page .headerboxes .headerbox-inner{padding:0;height:100%}.front-page .headerboxes h2{font-size:30px;font-weight:600;text-transform:none}.front-page .headerboxes h2 .anchorjs-link{display:none}.front-page .headerboxes p{font-size:16px;font-weight:600}.front-page .headerboxes .icon{margin:0}.DocSearch-Hit-content-wrapper{height:100%}.lang-mermaid svg{height:auto}.tabGroup{margin-top:1rem;margin-bottom:1rem}.tabGroup section[role=tabpanel]>pre:last-child{margin-bottom:0}.code-header{box-sizing:content-box;background-color:#f2f2f2;color:#171717;display:flex;flex-direction:row;border:1px solid #e3e3e3;border-bottom:0;margin-top:16px;min-height:30px}.tabGroup section[role=tabpanel]>.codeHeader,.tabGroup section[role=tabpanel]>pre{margin-left:0;margin-right:0}.code-header>.language{padding:2px 16px;flex-grow:1;text-transform:uppercase;line-height:26px}.code-header>.action{position:relative;padding:2px 10px;background-color:rgba(0,0,0,0);border:0 solid #e3e3e3;border-left-width:1px;color:#171717;cursor:pointer;display:flex;align-items:center;line-height:normal}.code-header .glyphicon{margin-right:.25em}.code-header>.action:hover{background-color:#fafafa}.code-header+pre{margin-top:0;border:1px solid #e3e3e3}.code-header>.action .successful-copy-alert{justify-content:center;align-items:center;right:0;left:0;bottom:0;top:0;position:absolute;display:flex;background-color:#128712;outline-color:#fff;color:#fff}.code-header>.action .successful-copy-alert.is-transparent{opacity:0;transition:500ms opacity ease-in-out}summary{display:list-item} +@import"https://fonts.googleapis.com/css?family=Open+Sans:500,600,700,800,400italic,700italic,400";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css";:target::before{content:"";display:block;margin-top:-130px;height:130px;width:1px}body{font-family:"Open Sans",sans-serif;color:#242424;font-size:16px;line-height:24px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.5px}body mark{background:rgba(21,155,255,.25)}body .toc{background-color:rgba(0,0,0,0);padding:24px;padding-top:12px;margin:0}.row:before{content:none}.row:after{content:""}a{color:#159bff}a:hover,a:active{color:#333}h1{font-size:40px;line-height:48px;font-weight:700;text-transform:none;text-align:left;color:#242424;letter-spacing:-1.5px;padding:24px 0}h2{font-size:24px;line-height:32px;font-weight:700;text-transform:none;color:#242424;letter-spacing:-0.5px}h3{font-size:20px;line-height:24px;font-weight:700;text-transform:none;color:#242424}h4{font-size:18px;line-height:24px;font-weight:700;text-transform:none;color:#242424}subtitle{font-size:14px;line-height:24px;font-weight:600;text-transform:none;color:#242424;letter-spacing:.1px}h5{font-family:"Roboto";font-style:normal;letter-spacing:1.5px;font-size:12px;line-height:16px;font-weight:500;text-transform:uppercase;color:#242424}@media screen{pre{overflow:auto}pre>code{white-space:pre;font-size:14px;line-height:20px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.25px}}.container{width:100%}#breadcrumb{padding:0 32px}.breadcrumb{white-space:inherit;font-size:14px;line-height:24px;font-weight:400;color:#242424;padding:16px 0}.body-content .article{margin-right:0}@media only screen and (min-width: 768px){.sidefilter{width:24%}}@media(min-width: 768px)and (max-width: 1023.98px){.sidefilter{width:30%}}@media only screen and (min-width: 768px){.article.grid-right{margin-left:26%}}@media(min-width: 768px)and (max-width: 1023.98px){.article.grid-right{margin-left:32%}}.sidetoc{top:180px;background-color:#fff !important}@media only screen and (min-width: 768px){.sidetoc{width:24%}}@media(min-width: 768px)and (max-width: 1023.98px){.sidetoc{width:30%}}@media(min-width: 768px)and (max-width: 990.98px){.sidetoc{border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;position:fixed}}.sidetoc .nav>li{line-height:24px}.sidetoc .nav>li a{font-size:14px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.1px}.sidetoc .nav.level1>li,.sidetoc .nav.level2>li{line-height:20px}.sidetoc .nav.level1>li>a,.sidetoc .nav.level2>li>a{font-size:14px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.25px}.sidetoc .nav>li.active>a{color:#333;font-weight:600}.sidetoc .nav>li.active>a:last-child{border-radius:6px;background-color:#f1f1f1;width:100%}.sidetoc .nav>li.active>a:hover{color:#000}.sidetoc .toc .nav .in ul li{margin-left:9px}.sidetoc .toc .nav>li.filtered>ul,.sidetoc .toc .nav>li.in>ul{display:block}@media only screen and (max-width: 768.98px){.sidetoc .toc .nav>li.filtered>ul,.sidetoc .toc .nav>li.in>ul{display:grid}}@media only screen and (max-width: 768.98px){.sidetoc .toc li:after{display:none}}.sidetoc .toc .nav>li>.expand-stub::before{font-family:"Glyphicons Halflings","ui-sans-serif";content:"";font-size:.8em}.sidetoc .toc .nav>li.in>.expand-stub::before{font-family:"Glyphicons Halflings","ui-sans-serif";display:inline-block;content:"";font-size:.8em;transform:rotate(90deg)}.sidetoc .toc .nav>li>.expand-stub+a{margin-left:15px}.sidetoc .toc .nav>li>a{margin-left:0;padding-left:5px}.sidetoc .toc .nav>li>.expand-stub{left:4px}.sidetoc .toc ul ul>li>a:before{content:""}.sidetoc .toc ul{padding-left:5px;text-align:left}@media only screen and (max-width: 768.98px){.sidetoc .toc ul{text-align:left}}@media only screen and (max-width: 768.98px){.sidetoc .toc{margin-left:0}}@media only screen{.sidetoc .toc ul{margin:0}.sidetoc .toc ul li a{margin:0}}.sidenav{background-color:#fff;border-bottom:1px solid #e7e7e7}@media only screen and (max-width: 768.98px){.sidenav{position:fixed;width:100%;z-index:999}}@media(min-width: 768px)and (max-width: 990.98px){.sidenav{background:rgba(0,0,0,0);padding:0;margin:0;border:none}}.btn.toc-toggle.collapse{color:#333;text-align:left}@media(min-width: 768px)and (max-width: 990.98px){.btn.toc-toggle.collapse{display:none}}.front-page article section{margin-left:auto}.front-page p{margin:20px auto}.front-page .subnav,.front-page .sideaffix,.front-page .footer{display:none}.front-page .body-content{width:100%;padding:0;overflow:hidden}.front-page .body-content .article{margin:0 !important}.front-page .body-content .article>[class*=col]{width:auto;padding:0;float:none}.front-page .button{display:inline-block}.front-page .button a{display:inline-block;padding:7px 17px;font-size:16px;line-height:16px;font-weight:700;box-shadow:0 2px 4px 0 rgba(31,31,31,.25);border-radius:8px;transition:color .2s ease-in-out,background-color .2s ease-in-out}.front-page .button.white a{background:#fff;color:#333}.front-page .button.white a:hover{background:#7a67f8;color:#fff}.front-page .button.turquoise a{background:#7a67f8;color:#fff}.front-page .button.turquoise a:hover{background:#654ff7}.front-page .intro{padding:100px 15px 60px;text-align:center;font-size:18px;position:relative}@media screen and (min-width: 768px){.front-page .intro{padding:200px 15px 120px}}.front-page .intro h1{font-size:36px;text-transform:none;font-weight:600;width:auto;max-width:100%;margin:0 auto;letter-spacing:normal}@media screen and (min-width: 768px){.front-page .intro h1{font-size:44px}}.front-page .intro p{width:100%;font-size:22px}.front-page .intro strong{font-weight:bold}.front-page .intro .button a{margin-top:20px}.front-page .headerboxes{display:flex;flex-wrap:wrap;padding:40px 15px;background-color:#f4f2f3}@media screen and (min-width: 768px){.front-page .headerboxes{padding:80px 15px}}.front-page .headerboxes .headerbox{margin:40px auto}.front-page .headerboxes .headerbox-inner{padding:0;height:100%}.front-page .headerboxes h2{font-size:30px;font-weight:600;text-transform:none}.front-page .headerboxes h2 .anchorjs-link{display:none}.front-page .headerboxes p{font-size:16px;font-weight:600}.front-page .headerboxes .icon{margin:0}.embeddedvideo+p{margin-top:10px}.DocSearch-Hit-content-wrapper{height:100%}.lang-mermaid svg{height:auto}.tabGroup{margin-top:1rem;margin-bottom:1rem}.tabGroup section[role=tabpanel]>pre:last-child{margin-bottom:0}.code-header{box-sizing:content-box;background-color:#f2f2f2;color:#171717;display:flex;flex-direction:row;border:1px solid #e3e3e3;border-bottom:0;margin-top:16px;min-height:30px}.tabGroup section[role=tabpanel]>.codeHeader,.tabGroup section[role=tabpanel]>pre{margin-left:0;margin-right:0}.code-header>.language{padding:2px 16px;flex-grow:1;text-transform:uppercase;line-height:26px}.code-header>.action{position:relative;padding:2px 10px;background-color:rgba(0,0,0,0);border:0 solid #e3e3e3;border-left-width:1px;color:#171717;cursor:pointer;display:flex;align-items:center;line-height:normal}.code-header .glyphicon{margin-right:.25em}.code-header>.action:hover{background-color:#fafafa}.code-header+pre{margin-top:0;border:1px solid #e3e3e3}.code-header>.action .successful-copy-alert{justify-content:center;align-items:center;right:0;left:0;bottom:0;top:0;position:absolute;display:flex;background-color:#128712;outline-color:#fff;color:#fff}.code-header>.action .successful-copy-alert.is-transparent{opacity:0;transition:500ms opacity ease-in-out}summary{display:list-item} @media(max-width: 1179.98px){.hidden-sm{display:none !important}}@media(max-width: 1179.98px){.article>.col-md-8{width:100%}}.sideaffix{overflow:auto;padding-top:36px;margin-top:0}.sideaffix .affix ul>li.active>ul,.sideaffix .affix ul>li.active>a:before,.sideaffix .affix ul>li>a:hover:before{white-space:normal}.sideaffix>div.contribution>ul>li>a.contribution-link{font-family:"Open Sans";font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.sideaffix #affix{font-size:16px;font-weight:600;line-height:1.5;height:auto}.sideaffix #affix a{color:#333;font-size:14px;line-height:20px;font-weight:400;letter-spacing:.25px}.sideaffix #affix ul>li.active>a{font-weight:bold}.sideaffix #affix ul>li.active>a:before{color:#333}.sideaffix #affix ul>li.active>a ul>li.active>a{font-weight:bold}.sideaffix #affix ul>li.active>a ul>li.active>a:before{color:#333}.sideaffix #affix ul ul>li>a:before{top:2px}.sideaffix #affix li:last-child{padding-bottom:16px;margin-bottom:0}.sideaffix #affix .title{text-transform:uppercase;font-size:12px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:1.5px}.sideaffix #affix .level1::before{width:75%}.sideaffix #affix .level1::after{width:75%}.sideaffix h5{letter-spacing:1.5px;font-size:12px;line-height:16px;text-transform:uppercase;color:#9d9d9d} .alert{background-color:rgba(0,0,0,0);border-color:#f1f1f1;color:#333;padding:16px 16px;transition:transform .2s}.alert-hover:hover{transform:scale(1.05);border-color:#159bff;box-shadow:0 5px 10px 0 rgba(0,0,0,.2)}.alert-hover:hover h4{color:#159bff} diff --git a/doc/templates/uno/styles/main.css.map b/doc/templates/uno/styles/main.css.map index 57991779dbc8..5fc0508f5403 100644 --- a/doc/templates/uno/styles/main.css.map +++ b/doc/templates/uno/styles/main.css.map @@ -1 +1 @@ -{"version":3,"sources":["../main.css","../main.scss","../variables.scss","../component/breakpoints.scss","variables.css","../component/affix.scss","../component/alerts.scss","component/breakpoints.css","../component/navbar.css","../component/navbar.scss","../service/search.scss"],"names":[],"mappings":"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","file":"main.css","sourcesContent":["@import\"https://fonts.googleapis.com/css?family=Open+Sans:500,600,700,800,400italic,700italic,400\";@import\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css\";:target::before{content:\"\";display:block;margin-top:-130px;height:130px;width:1px}body{font-family:\"Open Sans\",sans-serif;color:#242424;font-size:16px;line-height:24px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.5px}body mark{background:rgba(21,155,255,.25)}body .toc{background-color:rgba(0,0,0,0);padding:24px;padding-top:12px;margin:0}.row:before{content:none}.row:after{content:\"\"}a{color:#159bff}a:hover,a:active{color:#333}h1{font-size:40px;line-height:48px;font-weight:700;text-transform:none;text-align:left;color:#242424;letter-spacing:-1.5px;padding:24px 0}h2{font-size:24px;line-height:32px;font-weight:700;text-transform:none;color:#242424;letter-spacing:-0.5px}h3{font-size:20px;line-height:24px;font-weight:700;text-transform:none;color:#242424}h4{font-size:18px;line-height:24px;font-weight:700;text-transform:none;color:#242424}subtitle{font-size:14px;line-height:24px;font-weight:600;text-transform:none;color:#242424;letter-spacing:.1px}h5{font-family:\"Roboto\";font-style:normal;letter-spacing:1.5px;font-size:12px;line-height:16px;font-weight:500;text-transform:uppercase;color:#242424}@media screen{pre{overflow:auto}pre>code{white-space:pre;font-size:14px;line-height:20px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.25px}}.container{width:100%}#breadcrumb{padding:0 32px}.breadcrumb{white-space:inherit;font-size:14px;line-height:24px;font-weight:400;color:#242424;padding:16px 0}.body-content .article{margin-right:0}@media only screen and (min-width: 768px){.sidefilter{width:24%}}@media(min-width: 768px)and (max-width: 1023.98px){.sidefilter{width:30%}}@media only screen and (min-width: 768px){.article.grid-right{margin-left:26%}}@media(min-width: 768px)and (max-width: 1023.98px){.article.grid-right{margin-left:32%}}.sidetoc{top:180px;background-color:#fff !important}@media only screen and (min-width: 768px){.sidetoc{width:24%}}@media(min-width: 768px)and (max-width: 1023.98px){.sidetoc{width:30%}}@media(min-width: 768px)and (max-width: 990.98px){.sidetoc{border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;position:fixed}}.sidetoc .nav>li{line-height:24px}.sidetoc .nav>li a{font-size:14px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.1px}.sidetoc .nav.level1>li,.sidetoc .nav.level2>li{line-height:20px}.sidetoc .nav.level1>li>a,.sidetoc .nav.level2>li>a{font-size:14px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.25px}.sidetoc .nav>li.active>a{color:#333;font-weight:600}.sidetoc .nav>li.active>a:last-child{border-radius:6px;background-color:#f1f1f1;width:100%}.sidetoc .nav>li.active>a:hover{color:#000}.sidetoc .toc .nav .in ul li{margin-left:9px}.sidetoc .toc .nav>li.filtered>ul,.sidetoc .toc .nav>li.in>ul{display:block}@media only screen and (max-width: 768.98px){.sidetoc .toc .nav>li.filtered>ul,.sidetoc .toc .nav>li.in>ul{display:grid}}@media only screen and (max-width: 768.98px){.sidetoc .toc li:after{display:none}}.sidetoc .toc .nav>li>.expand-stub::before{font-family:\"Glyphicons Halflings\",\"ui-sans-serif\";content:\"\";font-size:.8em}.sidetoc .toc .nav>li.in>.expand-stub::before{font-family:\"Glyphicons Halflings\",\"ui-sans-serif\";display:inline-block;content:\"\";font-size:.8em;transform:rotate(90deg)}.sidetoc .toc .nav>li>.expand-stub+a{margin-left:15px}.sidetoc .toc .nav>li>a{margin-left:0;padding-left:5px}.sidetoc .toc .nav>li>.expand-stub{left:4px}.sidetoc .toc ul ul>li>a:before{content:\"\"}.sidetoc .toc ul{padding-left:5px;text-align:left}@media only screen and (max-width: 768.98px){.sidetoc .toc ul{text-align:left}}@media only screen and (max-width: 768.98px){.sidetoc .toc{margin-left:0}}@media only screen{.sidetoc .toc ul{margin:0}.sidetoc .toc ul li a{margin:0}}.sidenav{background-color:#fff;border-bottom:1px solid #e7e7e7}@media only screen and (max-width: 768.98px){.sidenav{position:fixed;width:100%;z-index:999}}@media(min-width: 768px)and (max-width: 990.98px){.sidenav{background:rgba(0,0,0,0);padding:0;margin:0;border:none}}.btn.toc-toggle.collapse{color:#333;text-align:left}@media(min-width: 768px)and (max-width: 990.98px){.btn.toc-toggle.collapse{display:none}}.front-page article section{margin-left:auto}.front-page p{margin:20px auto}.front-page .subnav,.front-page .sideaffix,.front-page .footer{display:none}.front-page .body-content{width:100%;padding:0;overflow:hidden}.front-page .body-content .article{margin:0 !important}.front-page .body-content .article>[class*=col]{width:auto;padding:0;float:none}.front-page .button{display:inline-block}.front-page .button a{display:inline-block;padding:7px 17px;font-size:16px;line-height:16px;font-weight:700;box-shadow:0 2px 4px 0 rgba(31,31,31,.25);border-radius:8px;transition:color .2s ease-in-out,background-color .2s ease-in-out}.front-page .button.white a{background:#fff;color:#333}.front-page .button.white a:hover{background:#7a67f8;color:#fff}.front-page .button.turquoise a{background:#7a67f8;color:#fff}.front-page .button.turquoise a:hover{background:#654ff7}.front-page .intro{padding:100px 15px 60px;text-align:center;font-size:18px;position:relative}@media screen and (min-width: 768px){.front-page .intro{padding:200px 15px 120px}}.front-page .intro h1{font-size:36px;text-transform:none;font-weight:600;width:auto;max-width:100%;margin:0 auto;letter-spacing:normal}@media screen and (min-width: 768px){.front-page .intro h1{font-size:44px}}.front-page .intro p{width:100%;font-size:22px}.front-page .intro strong{font-weight:bold}.front-page .intro .button a{margin-top:20px}.front-page .headerboxes{display:flex;flex-wrap:wrap;padding:40px 15px;background-color:#f4f2f3}@media screen and (min-width: 768px){.front-page .headerboxes{padding:80px 15px}}.front-page .headerboxes .headerbox{margin:40px auto}.front-page .headerboxes .headerbox-inner{padding:0;height:100%}.front-page .headerboxes h2{font-size:30px;font-weight:600;text-transform:none}.front-page .headerboxes h2 .anchorjs-link{display:none}.front-page .headerboxes p{font-size:16px;font-weight:600}.front-page .headerboxes .icon{margin:0}.DocSearch-Hit-content-wrapper{height:100%}.lang-mermaid svg{height:auto}.tabGroup{margin-top:1rem;margin-bottom:1rem}.tabGroup section[role=tabpanel]>pre:last-child{margin-bottom:0}.code-header{box-sizing:content-box;background-color:#f2f2f2;color:#171717;display:flex;flex-direction:row;border:1px solid #e3e3e3;border-bottom:0;margin-top:16px;min-height:30px}.tabGroup section[role=tabpanel]>.codeHeader,.tabGroup section[role=tabpanel]>pre{margin-left:0;margin-right:0}.code-header>.language{padding:2px 16px;flex-grow:1;text-transform:uppercase;line-height:26px}.code-header>.action{position:relative;padding:2px 10px;background-color:rgba(0,0,0,0);border:0 solid #e3e3e3;border-left-width:1px;color:#171717;cursor:pointer;display:flex;align-items:center;line-height:normal}.code-header .glyphicon{margin-right:.25em}.code-header>.action:hover{background-color:#fafafa}.code-header+pre{margin-top:0;border:1px solid #e3e3e3}.code-header>.action .successful-copy-alert{justify-content:center;align-items:center;right:0;left:0;bottom:0;top:0;position:absolute;display:flex;background-color:#128712;outline-color:#fff;color:#fff}.code-header>.action .successful-copy-alert.is-transparent{opacity:0;transition:500ms opacity ease-in-out}summary{display:list-item}","@import url('https://fonts.googleapis.com/css?family=Open+Sans:500,600,700,800,400italic,700italic,400');\r\n@import url(\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css\");\r\n@import \"variables\";\r\n@import \"component/breakpoints\";\r\n\r\n\r\n:target::before {\r\n content: '';\r\n display: block;\r\n margin-top: -130px;\r\n height: 130px;\r\n width: 1px;\r\n}\r\n\r\nbody {\r\n font-family: 'Open Sans', sans-serif;\r\n color: $black;\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n text-transform: none;\r\n color:$black;\r\n letter-spacing: 0.5px;\r\n\r\n mark {\r\n background: rgba(21, 155, 255, 0.25);\r\n }\r\n\r\n .toc {\r\n background-color: transparent;\r\n padding: 24px;\r\n padding-top: 12px;\r\n margin: 0;\r\n }\r\n}\r\n\r\n.row {\r\n &:before {\r\n content: none;\r\n }\r\n\r\n &:after {\r\n content: '';\r\n }\r\n}\r\n\r\na {\r\n color: $blue;\r\n\r\n &:hover,\r\n &:active {\r\n color: $darkgray;\r\n }\r\n}\r\n\r\nh1 {\r\n font-size: 40px;\r\n line-height: 48px;\r\n font-weight: 700;\r\n text-transform: none;\r\n text-align: left;\r\n color:$black;\r\n letter-spacing: -1.5px;\r\n padding: 24px 0;\r\n}\r\n\r\nh2 {\r\n font-size: 24px;\r\n line-height: 32px;\r\n font-weight: 700;\r\n text-transform: none;\r\n color:$black;\r\n letter-spacing: -0.5px;\r\n}\r\n\r\nh3 {\r\n font-size: 20px;\r\n line-height: 24px;\r\n font-weight: 700;\r\n text-transform: none;\r\n color:$black;\r\n}\r\n\r\nh4 {\r\n font-size: 18px;\r\n line-height: 24px;\r\n font-weight: 700;\r\n text-transform: none;\r\n color:$black;\r\n}\r\n\r\nsubtitle {\r\n font-size: 14px;\r\n line-height: 24px;\r\n font-weight: 600;\r\n text-transform: none;\r\n color:$black;\r\n letter-spacing: 0.1px;\r\n}\r\n\r\n\r\n\r\nh5 {\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n letter-spacing: 1.5px;\r\n font-size: 12px;\r\n line-height: 16px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n color:$black;\r\n}\r\n\r\n@media screen {\r\n pre {\r\n overflow: auto;\r\n\r\n > code {\r\n white-space: pre;\r\n font-size: 14px;\r\n line-height: 20px;\r\n font-weight: 400;\r\n text-transform: none;\r\n color:$black;\r\n letter-spacing: 0.25px; \r\n }\r\n }\r\n}\r\n\r\n.container {\r\n width:100%;\r\n}\r\n\r\n#breadcrumb {\r\n padding: 0 32px;\r\n}\r\n\r\n.breadcrumb {\r\n white-space: inherit;\r\n font-size: 14px;\r\n line-height: 24px;\r\n font-weight:400;\r\n color:$black;\r\n padding: 16px 0;\r\n //padding: 0 16px 0 16px;\r\n}\r\n\r\n.body-content .article {\r\n margin-right: 0;\r\n}\r\n\r\n.sidefilter {\r\n @media only screen {\r\n @include media-breakpoint-up(md) {\r\n width: 24%;\r\n }\r\n }\r\n @include media-breakpoint-between(md, tablet){\r\n width: 30%;\r\n }\r\n}\r\n\r\n.article.grid-right {\r\n @media only screen {\r\n @include media-breakpoint-up(md) {\r\n margin-left: 26%;\r\n }\r\n }\r\n @include media-breakpoint-between(md, tablet){\r\n margin-left: 32%;\r\n }\r\n}\r\n\r\n.sidetoc {\r\n top: 180px;\r\n background-color: white !important;\r\n @media only screen {\r\n @include media-breakpoint-up(md) {\r\n width: 24%;\r\n }\r\n }\r\n @include media-breakpoint-between(md, tablet) {\r\n width: 30%; \r\n }\r\n\r\n @include media-breakpoint-between(md, mobile) {\r\n border-left: 1px solid #e7e7e7;\r\n border-right: 1px solid #e7e7e7;\r\n position: fixed;\r\n }\r\n\r\n .nav > li {\r\n line-height: 24px;\r\n \r\n a {\r\n font-size: 14px;\r\n font-weight: 400;\r\n text-transform: none;\r\n color:$black;\r\n letter-spacing: 0.1px;\r\n }\r\n }\r\n\r\n .nav.level1 , .nav.level2 {\r\n > li {\r\n line-height: 20px;\r\n \r\n > a {\r\n font-size: 14px;\r\n font-weight: 400;\r\n text-transform: none;\r\n color:$black;\r\n letter-spacing: 0.25px;\r\n }\r\n }\r\n }\r\n\r\n .nav > li.active > a {\r\n color: $darkgray;\r\n font-weight: 600;\r\n \r\n &:last-child {\r\n border-radius: 6px;\r\n background-color: #F1F1F1;\r\n width: 100%;\r\n }\r\n\r\n &:hover {\r\n color: #000;\r\n }\r\n }\r\n\r\n .toc .nav .in ul li {\r\n margin-left: 9px;\r\n }\r\n\r\n .toc .nav > li.filtered > ul, .toc .nav > li.in > ul {\r\n display: block;\r\n @media only screen {\r\n @include media-breakpoint-down(md) {\r\n display: grid;\r\n }\r\n }\r\n }\r\n\r\n \r\n .toc li:after {\r\n @media only screen {\r\n @include media-breakpoint-down(md) {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n .toc {\r\n .nav > li > .expand-stub::before {\r\n font-family: 'Glyphicons Halflings', 'ui-sans-serif';\r\n content: '\\e258';\r\n font-size: 0.8em;\r\n }\r\n\r\n .nav > li.in > .expand-stub::before {\r\n font-family: 'Glyphicons Halflings', 'ui-sans-serif';\r\n display: inline-block;\r\n content: '\\e258';\r\n font-size: 0.8em;\r\n transform: rotate(90deg);\r\n }\r\n\r\n .nav > li > .expand-stub + a {\r\n margin-left: 15px;\r\n }\r\n\r\n .nav > li > a {\r\n margin-left: 0;\r\n padding-left: 5px;\r\n }\r\n\r\n .nav > li > .expand-stub {\r\n left: 4px;\r\n }\r\n\r\n ul ul > li > a:before {\r\n content: '';\r\n }\r\n\r\n ul {\r\n padding-left: 5px;\r\n text-align: left;\r\n @media only screen {\r\n @include media-breakpoint-down(md) {\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n @media only screen {\r\n @include media-breakpoint-down(md) {\r\n margin-left: 0;\r\n }\r\n ul {\r\n margin: 0;\r\n\r\n li a {\r\n margin: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.sidenav {\r\n background-color: #fff;\r\n border-bottom: 1px solid #e7e7e7;\r\n\r\n @media only screen {\r\n @include media-breakpoint-down(md) {\r\n position: fixed;\r\n width: 100%;\r\n z-index: 999;\r\n }\r\n }\r\n\r\n @include media-breakpoint-between(md, mobile) {\r\n background: transparent;\r\n padding: 0;\r\n margin: 0;\r\n border: none;\r\n }\r\n\r\n}\r\n\r\n.btn.toc-toggle.collapse {\r\n color: $darkgray;\r\n text-align: left;\r\n @include media-breakpoint-between(md, mobile) {\r\n display: none;\r\n }\r\n}\r\n\r\n.front-page {\r\n article section {\r\n margin-left: auto;\r\n }\r\n\r\n p {\r\n margin: 20px auto;\r\n }\r\n\r\n .subnav,\r\n .sideaffix,\r\n .footer {\r\n display: none;\r\n }\r\n\r\n\r\n .body-content {\r\n width: 100%;\r\n padding: 0;\r\n overflow: hidden;\r\n\r\n .article {\r\n margin: 0 !important;\r\n\r\n & > [class*='col'] {\r\n width: auto;\r\n padding: 0;\r\n float: none;\r\n }\r\n }\r\n }\r\n\r\n .button {\r\n display: inline-block;\r\n \r\n a {\r\n display: inline-block;\r\n padding: 7px 17px;\r\n font-size: 16px;\r\n line-height: 16px;\r\n font-weight: 700;\r\n box-shadow: 0 2px 4px 0 rgba(31, 31, 31, 0.25);\r\n border-radius: 8px;\r\n transition: color 0.2s ease-in-out,\r\n background-color 0.2s ease-in-out;\r\n }\r\n\r\n &.white a {\r\n background: #fff;\r\n color: $darkgray;\r\n\r\n &:hover {\r\n background: $purple;\r\n color: #fff;\r\n }\r\n }\r\n\r\n &.turquoise a {\r\n background: $purple;\r\n color: #fff;\r\n\r\n &:hover {\r\n background: darken($purple, 5);\r\n }\r\n }\r\n }\r\n\r\n .intro {\r\n padding: 100px 15px 60px;\r\n @media screen {\r\n @include media-breakpoint-up(md) {\r\n padding: 200px 15px 120px;\r\n }\r\n }\r\n text-align: center;\r\n font-size: 18px;\r\n position: relative;\r\n\r\n h1 {\r\n font-size: 36px;\r\n @media screen {\r\n @include media-breakpoint-up(md) {\r\n font-size: 44px;\r\n }\r\n }\r\n\r\n text-transform: none;\r\n font-weight: 600;\r\n width: auto;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n letter-spacing: normal;\r\n }\r\n\r\n p {\r\n width: 100%;\r\n font-size: 22px;\r\n }\r\n\r\n strong {\r\n font-weight: bold;\r\n }\r\n\r\n .button a {\r\n margin-top: 20px;\r\n }\r\n }\r\n\r\n .headerboxes {\r\n display: flex;\r\n flex-wrap: wrap;\r\n padding: 40px 15px;\r\n @media screen {\r\n @include media-breakpoint-up(md) {\r\n padding: 80px 15px;\r\n }\r\n }\r\n\r\n background-color: #f4f2f3;\r\n\r\n .headerbox {\r\n margin: 40px auto;\r\n\r\n }\r\n\r\n .headerbox-inner {\r\n padding: 0;\r\n height: 100%;\r\n }\r\n\r\n h2 {\r\n font-size: 30px;\r\n font-weight: 600;\r\n text-transform: none;\r\n\r\n .anchorjs-link {\r\n display: none;\r\n }\r\n }\r\n\r\n p {\r\n font-size: 16px;\r\n font-weight: 600;\r\n }\r\n\r\n .icon {\r\n margin: 0;\r\n }\r\n }\r\n}\r\n\r\n// Algolia\r\n.DocSearch-Hit-content-wrapper {\r\n height: 100%;\r\n}\r\n\r\n// Mermaid graph\r\n/* Workaround until this issue https://github.com/mermaid-js/mermaid/issues/1984 is fixed and mermaid version updated */\r\n.lang-mermaid svg {\r\n height: auto;\r\n}\r\n\r\n// For tabbed content\r\n.tabGroup {\r\n margin-top: 1rem;\r\n margin-bottom: 1rem;\r\n}\r\n.tabGroup section[role=\"tabpanel\"] > pre:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n// Easy-copy-code\r\n.code-header {\r\n box-sizing: content-box;\r\n background-color: #f2f2f2;\r\n color: #171717;\r\n display: flex;\r\n flex-direction: row;\r\n border: 1px solid #e3e3e3;\r\n border-bottom: 0;\r\n margin-top: 16px;\r\n min-height: 30px;\r\n}\r\n.tabGroup section[role=\"tabpanel\"] > .codeHeader, .tabGroup section[role=\"tabpanel\"] > pre {\r\n margin-left: 0;\r\n margin-right: 0;\r\n}\r\n.code-header > .language {\r\n padding: 2px 16px;\r\n flex-grow: 1;\r\n text-transform: uppercase;\r\n line-height: 26px;\r\n}\r\n.code-header > .action {\r\n position: relative;\r\n padding: 2px 10px;\r\n background-color: transparent;\r\n border: 0 solid #e3e3e3;\r\n border-left-width: 1px;\r\n color: #171717;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n line-height: normal;\r\n}\r\n.code-header .glyphicon {\r\n margin-right: 0.25em;\r\n}\r\n.code-header > .action:hover {\r\n background-color: #fafafa;\r\n}\r\n.code-header + pre {\r\n margin-top: 0;\r\n border: 1px solid #e3e3e3;\r\n}\r\n.code-header > .action .successful-copy-alert {\r\n justify-content: center;\r\n align-items: center;\r\n right: 0;\r\n left: 0;\r\n bottom: 0;\r\n top: 0;\r\n position: absolute;\r\n display: flex;\r\n background-color: #128712;\r\n outline-color: #fff;\r\n color: #fff;\r\n}\r\n.code-header > .action .successful-copy-alert.is-transparent {\r\n opacity: 0;\r\n transition: 500ms opacity ease-in-out;\r\n}\r\n\r\n// This overrides the behavior from normalize.css\r\n// which is added by the current version of bootstrap\r\n// This should be removed once we update docfx and bootstrap\r\nsummary {\r\n display: list-item;\r\n}\r\n","$blue: #159bff;\r\n$lightblue: #EAF2F9;\r\n$purple: #7a67f8;\r\n$turquoise: #67e5ad;\r\n$darkgray: #333333;\r\n$lightgray: #f1f1f1;\r\n$white: #fff;\r\n$black: #242424;\r\n$gray: #9d9d9d;\r\n$offWhite: #fcfcfc;\r\n$green: #67e5ad;\r\n$red: #ed3f64;\r\n$orange: #ff9c1a;\r\n\r\n\r\n","// Breakpoint viewport sizes and media queries.\r\n//\r\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\r\n//\r\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\r\n//\r\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\r\n// Grid breakpoints\r\n//\r\n// There are two breakpoints that fit with the new elementor plugin.\r\n//\r\n// (mobile: 767px, tablet: 1024 px)\r\n//\r\n// Define the minimum dimensions at which your layout will change,\r\n// adapting to different screen sizes, for use in media queries.\r\n\r\n$grid-breakpoints: (xs: 0,\r\n sm: 375px,\r\n md: 768px,\r\n mobile: 769px,\r\n tablet: 991px,\r\n lg: 1024px,\r\n navbar: 1180px,\r\n xl: 1440px) !default;\r\n\r\n// Name of the next breakpoint, or null for the last breakpoint.\r\n//\r\n// >> breakpoint-next(sm)\r\n// md\r\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n// md\r\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\r\n// md\r\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\r\n $n: index($breakpoint-names, $name);\r\n @return if($n !=null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\r\n}\r\n\r\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\r\n//\r\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n// 576px\r\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\r\n $min: map-get($breakpoints, $name);\r\n @return if($min !=0, $min, null);\r\n}\r\n\r\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\r\n// The maximum value is calculated as the minimum of the next one less 0.02px\r\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\r\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\r\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\r\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\r\n//\r\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n// 767.98px\r\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\r\n $next: breakpoint-next($name, $breakpoints);\r\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\r\n}\r\n\r\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\r\n// Makes the @content apply to the given breakpoint and wider.\r\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\r\n $min: breakpoint-min($name, $breakpoints);\r\n\r\n @if $min {\r\n @media (min-width: $min) {\r\n @content;\r\n }\r\n }\r\n\r\n @else {\r\n @content;\r\n }\r\n}\r\n\r\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\r\n// Makes the @content apply to the given breakpoint and narrower.\r\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\r\n $max: breakpoint-max($name, $breakpoints);\r\n\r\n @if $max {\r\n @media (max-width: $max) {\r\n @content;\r\n }\r\n }\r\n\r\n @else {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\r\n $min: breakpoint-min($lower, $breakpoints);\r\n $max: breakpoint-max($upper, $breakpoints);\r\n\r\n @if $min and $max {\r\n @media (min-width: $min) and (max-width: $max) {\r\n @content;\r\n }\r\n }\r\n\r\n @else {\r\n @content;\r\n }\r\n}\r\n",null,"@import \"../variables\";\r\n@import \"breakpoints\";\r\n\r\n\r\n.hidden-sm {\r\n @include media-breakpoint-down(lg) {\r\n display: none!important;\r\n }\r\n}\r\n\r\n.article > .col-md-8 {\r\n @include media-breakpoint-down(lg) {\r\n width: 100%;\r\n }\r\n}\r\n\r\n.sideaffix {\r\n overflow: auto;\r\n padding-top:36px;\r\n margin-top:0;\r\n .affix ul > li.active > ul, .affix ul > li.active > a:before, .affix ul > li > a:hover:before {\r\n white-space: normal;\r\n }\r\n\r\n > div.contribution > ul > li > a.contribution-link {\r\n font-family: 'Open Sans';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 20px;\r\n letter-spacing: 0.25px;\r\n }\r\n\r\n #affix {\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 1.5;\r\n height: auto;\r\n a {\r\n color: $darkgray;\r\n font-size: 14px;\r\n line-height: 20px;\r\n font-weight: 400;\r\n letter-spacing: 0.25px;\r\n }\r\n \r\n ul > li.active > a {\r\n font-weight: bold;\r\n &:before {\r\n color: $darkgray;\r\n }\r\n ul > li.active > a {\r\n font-weight: bold;\r\n &:before {\r\n color: $darkgray;\r\n }\r\n }\r\n }\r\n\r\n ul ul > li > a:before {\r\n top: 2px;\r\n }\r\n li:last-child {\r\n padding-bottom: 16px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .title {\r\n text-transform: uppercase;\r\n font-size: 12px;\r\n font-style: normal;\r\n font-weight: 500;\r\n line-height: 16px; /* 133.333% */\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n .level1::before {\r\n width: 75%;\r\n }\r\n\r\n .level1::after {\r\n width: 75%;\r\n }\r\n }\r\n\r\n h5 {\r\n letter-spacing: 1.5px;\r\n font-size: 12px;\r\n line-height: 16px;\r\n text-transform: uppercase;\r\n color: $gray;\r\n }\r\n}\r\n\r\n","@import '../variables';\r\n\r\n.alert {\r\n background-color: transparent;\r\n border-color: $lightgray;\r\n color: $darkgray;\r\n padding: 16px 16px;\r\n transition: transform .2s;\r\n}\r\n\r\n.alert-hover {\r\n &:hover {\r\n transform: scale(1.05);\r\n border-color: $blue;\r\n box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);\r\n h4{\r\n color: $blue;\r\n }\r\n }\r\n}\r\n",null,"@media(min-width: 1024px){.visibility-opacity-transition,#header-container nav>ul>li.menu-item-has-children>ul ul,#header-container nav>ul>li.menu-item-has-children>ul{visibility:hidden;opacity:0;transition:visibility 100ms,opacity 100ms ease-in-out;list-style:none}}#header-container{padding:16px 32px;z-index:9999;background:#fff;display:flex;position:fixed;width:100%;min-height:67px;max-height:67px;border-bottom:1px solid #f4f2f3;justify-content:space-between}#header-container::after,#header-container::before{content:none}#header-container #menu-menu-principal{float:right;list-style:none}@media(max-width: 1023px){#header-container #menu-menu-principal{width:100%;max-height:70vh;overflow-y:auto}}@media(min-width: 1024px){#header-container #menu-menu-principal{display:flex}}#header-container #header-logo-container{width:36px;vertical-align:middle;z-index:9}#header-container #header-logo-container img{width:100%}@media(min-width: 1024px){#header-container #header-logo-container{min-width:120px}}#header-container .navbar-toggle{padding:0;margin:10px 0;display:none !important;z-index:9}#header-container .navbar-toggle .icon-bar{background:#333;width:20px}#header-container .navbar-toggle .icon-bar+.icon-bar{margin-top:3px}@media(max-width: 1023px){#header-container .navbar-toggle{display:block !important}}#header-container .navbar-brand{height:auto}#header-container nav a{padding:10px;font-size:13px;font-weight:600;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;text-transform:uppercase;color:#242424}#header-container nav a:hover,#header-container nav a:focus{color:#7a67f8}@media(min-width: 1024px){#header-container nav a{font-size:19px;line-height:17px}}@media(min-width: 1024px){#header-container nav>ul>li{margin:0 4px;align-self:center;min-width:max-content}}@media(min-width: 1180px){#header-container nav>ul>li{margin:0 16px}}#header-container nav>ul>li.menu-item-has-children{position:relative}#header-container nav>ul>li.menu-item-has-children>a::after{display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;font:normal normal normal 10px/1 FontAwesome;content:\"\";line-height:12px;margin-left:12px;vertical-align:top}@media(min-width: 1024px){#header-container nav>ul>li.menu-item-has-children>a::after{line-height:21px;font:normal normal normal 15px/1 FontAwesome}}#header-container nav>ul>li.menu-item-has-children>ul{width:100%}@media(min-width: 1024px){#header-container nav>ul>li.menu-item-has-children>ul{width:max-content;display:flex;position:absolute;padding:20px;top:170% !important;left:-25% !important;flex-direction:column;box-shadow:0 0 20px 2px rgba(36,36,36,.2);background-color:#fff}}#header-container nav>ul>li.menu-item-has-children>ul li{display:flex;border-bottom:1px solid #eaf2f9;background:#fff}@media(min-width: 1024px){#header-container nav>ul>li.menu-item-has-children>ul li{border:none}}#header-container nav>ul>li.menu-item-has-children>ul li.menu-item a{font-weight:600;padding:6px 0}#header-container nav>ul>li.menu-item-has-children>ul li.spacing-top a{margin-top:15px}#header-container nav>ul>li.menu-item-has-children>ul li.column-title a{border-bottom:1px solid #3a3a3a;font-weight:700;border-radius:0;margin-bottom:8px;padding-bottom:14px}#header-container nav>ul>li.menu-item-has-children>ul li.header-menu-category a{color:#7d7d7d;font-weight:700;border-bottom:1px solid #3a3a3a;cursor:unset;border-radius:0;margin-bottom:8px;padding-bottom:14px;width:100%}#header-container nav>ul>li.menu-item-has-children>ul a{font-size:14px;font-weight:400;line-height:20px;text-transform:none;transition:0s}#header-container nav>ul>li.menu-item-has-children>ul .column-title{flex-direction:column}#header-container nav>ul>li.menu-item-has-children>ul .column-title>a{font-weight:700;line-height:normal !important}#header-container nav>ul>li.menu-item-has-children>ul .column-title ul{width:192px;padding:0}#header-container nav>ul>li.menu-item-has-children>ul ul{display:flex;position:inherit;flex-direction:column}#header-container nav>ul>li.menu-item-has-children>ul ul a{border-left:0}#header-container nav>ul>li.menu-item-has-children:hover>ul{visibility:visible;opacity:1}#header-container nav>ul>li.menu-item-has-children:hover>ul:not([style*=\"display: none;\"]) .menu-item-has-children ul{visibility:visible;opacity:1}#header-container nav>ul>li.row-menu>ul{flex-direction:row}#header-container .get-started-btn a{display:block;border:none;border-radius:8px;margin-left:0;padding:8px 32px;font-size:16px;line-height:24px;font-weight:700;min-width:125px;text-align:center;text-transform:none;color:#242424;background-color:#67e5ad;background:linear-gradient(to top, #159bff 50%, #67e5ad 50%);background-size:100% 200%;background-position:left top;transition:all .5s cubic-bezier(0.69, 0.04, 0.9, 0.65)}#header-container .get-started-btn a:hover{color:#fff;background-position:bottom left}@media(max-width: 1023px){#navbar{overflow:auto !important;position:fixed;width:100%;margin:0;padding:0;padding-top:67px;left:0;text-align:left;background:#eaf2f9;transition:height .4s ease .1s,opacity .6s ease;opacity:0}#navbar.collapse{height:67px !important;display:none !important}#navbar.collapse.in{display:block !important;height:100vh !important;opacity:1}#navbar .menu{display:block;margin:0;padding:0 0 10px 0}#navbar .menu li{display:block;padding:0}#navbar .menu li.get-started-btn{position:absolute;padding:0 16px;bottom:10%;width:100%}#navbar .menu li.menu-item-has-children{position:relative}#navbar .menu li.menu-item-has-children ul{position:relative;max-height:0;padding:0;overflow:hidden;transition:all .5s ease}#navbar .menu li.menu-item-has-children.open ul{max-height:1500px}#navbar .menu a{display:block;padding:10px 25px}}.subnav{position:fixed;top:67px;width:100%;z-index:999;background-color:#f8f8f8}","@import \"../variables\";\r\n@import \"breakpoints\";\r\n\r\n/**\r\n * General notes:\r\n * This file is modifying the elementor menu as simply as it can. The selector are a bit hard to\r\n * understand because we cannot add class or ids on the menu.\r\n *\r\n * This is a modified version of the css in the header.scss file from the main website.\r\n * It was modified as little as possible, but they are quite different.\r\n *\r\n * Pixel are preferred as unit since the body font size is not the same as the website.\r\n * This causes relative units (em, rem) to behave differently.\r\n */\r\n\r\n.visibility-opacity-transition {\r\n @include media-breakpoint-up(lg) {\r\n visibility: hidden;\r\n opacity: 0;\r\n transition: visibility 100ms, opacity 100ms ease-in-out;\r\n\r\n list-style: none;\r\n }\r\n}\r\n\r\n#header-container {\r\n padding: 16px 32px;\r\n z-index: 9999;\r\n background: #fff;\r\n\r\n display: flex;\r\n position: fixed;\r\n width: 100%;\r\n min-height: 67px;\r\n max-height: 67px;\r\n border-bottom: 1px solid #f4f2f3;\r\n justify-content: space-between;\r\n\r\n\r\n &::after,\r\n &::before {\r\n content: none;\r\n }\r\n\r\n #menu-menu-principal {\r\n float: right;\r\n list-style: none;\r\n\r\n @media (max-width: 1023px) {\r\n width: 100%;\r\n // 70vh is a magic value found by trial and error.\r\n max-height: 70vh;\r\n overflow-y: auto;\r\n }\r\n\r\n @include media-breakpoint-up(lg) {\r\n display: flex;\r\n }\r\n }\r\n\r\n\r\n #header-logo-container {\r\n width: 36px;\r\n vertical-align: middle;\r\n z-index: 9;\r\n\r\n\r\n img {\r\n width: 100%;\r\n }\r\n\r\n @include media-breakpoint-up(lg) {\r\n min-width: 120px;\r\n }\r\n }\r\n\r\n .navbar-toggle {\r\n padding: 0;\r\n margin: 10px 0;\r\n display: none !important;\r\n z-index: 9;\r\n\r\n .icon-bar {\r\n background: $darkgray;\r\n width: 20px;\r\n }\r\n\r\n .icon-bar + .icon-bar {\r\n margin-top: 3px;\r\n }\r\n\r\n @media (max-width: 1023px) {\r\n display: block !important;\r\n }\r\n }\r\n\r\n .navbar-brand {\r\n height: auto;\r\n }\r\n\r\n nav {\r\n a {\r\n padding: 10px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n font-stretch: normal;\r\n font-style: normal;\r\n line-height: 14px;\r\n letter-spacing: normal;\r\n text-transform: uppercase;\r\n color: $black;\r\n\r\n &:hover,\r\n &:focus {\r\n color: $purple;\r\n }\r\n\r\n @include media-breakpoint-up(lg) {\r\n font-size: 19px;\r\n line-height: 17px;\r\n }\r\n }\r\n\r\n /**\r\n * Top level menu items\r\n */\r\n & > ul > li {\r\n\r\n @include media-breakpoint-up(lg) {\r\n margin: 0 4px;\r\n align-self: center;\r\n min-width: max-content;\r\n }\r\n\r\n @include media-breakpoint-up(navbar) {\r\n margin: 0 16px;\r\n }\r\n\r\n /**\r\n * menu-item-has-children means there is a submenu\r\n */\r\n &.menu-item-has-children {\r\n // actual submenu\r\n position: relative;\r\n\r\n & > a {\r\n\r\n &::after {\r\n display: inline-block;\r\n text-rendering: auto;\r\n -webkit-font-smoothing: antialiased;\r\n font: normal normal normal 10px/1 FontAwesome;\r\n content: \"\\f078\";\r\n line-height: 12px;\r\n margin-left: 12px;\r\n vertical-align: top;\r\n\r\n @include media-breakpoint-up(lg) {\r\n line-height: 21px;\r\n font: normal normal normal 15px/1 FontAwesome;\r\n }\r\n }\r\n }\r\n\r\n & > ul {\r\n @extend .visibility-opacity-transition;\r\n width: 100%;\r\n\r\n @include media-breakpoint-up(lg) {\r\n width: max-content;\r\n display: flex;\r\n position: absolute;\r\n padding: 20px;\r\n top: 170% !important;\r\n left: -25% !important;\r\n\r\n flex-direction: column;\r\n\r\n box-shadow: 0 0 20px 2px rgba(36, 36, 36, 0.2);\r\n background-color: $white;\r\n }\r\n\r\n li {\r\n display: flex;\r\n border-bottom: 1px solid $lightblue;\r\n background: $white;\r\n\r\n @include media-breakpoint-up(lg) {\r\n border: none;\r\n }\r\n\r\n &.menu-item a {\r\n font-weight: 600;\r\n padding: 6px 0;\r\n }\r\n\r\n &.spacing-top a {\r\n margin-top: 15px;\r\n }\r\n\r\n &.column-title a {\r\n border-bottom: 1px solid #3A3A3A;\r\n font-weight: 700;\r\n border-radius: 0;\r\n margin-bottom: 8px;\r\n padding-bottom: 14px;\r\n }\r\n\r\n &.header-menu-category a {\r\n color: #7D7D7D;\r\n font-weight: 700;\r\n border-bottom: 1px solid #3A3A3A;\r\n cursor: unset;\r\n border-radius: 0;\r\n margin-bottom: 8px;\r\n padding-bottom: 14px;\r\n width:100%\r\n }\r\n\r\n }\r\n\r\n a {\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 20px;\r\n text-transform: none;\r\n\r\n transition: 0s;\r\n }\r\n\r\n .column-title {\r\n flex-direction: column;\r\n\r\n & > a {\r\n font-weight: 700;\r\n line-height: normal !important;\r\n }\r\n\r\n ul {\r\n width: 192px;\r\n padding: 0;\r\n }\r\n }\r\n\r\n // sub-menu columns\r\n ul {\r\n @extend .visibility-opacity-transition;\r\n display: flex;\r\n position: inherit;\r\n\r\n flex-direction: column;\r\n\r\n a {\r\n border-left: 0;\r\n }\r\n }\r\n }\r\n\r\n // shows the submenu\r\n &:hover > ul {\r\n visibility: visible;\r\n opacity: 1;\r\n\r\n /**\r\n * This selector makes sure the submenu of a submenu appears under it\r\n * instead of on hover. This is to displays submenus as columns.\r\n */\r\n &:not([style*=\"display: none;\"]) {\r\n .menu-item-has-children {\r\n ul {\r\n visibility: visible;\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * row-menu : the row menu class puts the first element of the menu in a row\r\n * instead of a column (default). This makes it possible to have\r\n * multiple columns side by side by add the row-menu class in wordpress.\r\n */\r\n &.row-menu > ul {\r\n flex-direction: row;\r\n }\r\n\r\n }\r\n }\r\n\r\n .get-started-btn {\r\n a {\r\n display: block;\r\n border: none;\r\n border-radius: 8px;\r\n\r\n margin-left: 0;\r\n padding: 8px 32px;\r\n\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-weight: 700;\r\n min-width: 125px;\r\n text-align: center;\r\n text-transform: none;\r\n color: $black;\r\n\r\n background-color: $turquoise;\r\n background: linear-gradient(to top, $blue 50%, $turquoise 50%);\r\n background-size: 100% 200%;\r\n background-position: left top;\r\n transition: all 0.5s cubic-bezier(.69, .04, .9, .65);\r\n\r\n &:hover {\r\n color: $white;\r\n background-position: bottom left;\r\n }\r\n }\r\n }\r\n}\r\n\r\n#navbar {\r\n @media (max-width: 1023px) {\r\n\r\n overflow: auto !important;\r\n\r\n position: fixed;\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n\r\n padding-top: 67px;\r\n left: 0;\r\n\r\n text-align: left;\r\n\r\n background: $lightblue;\r\n\r\n transition: height .4s ease .1s, opacity .6s ease;\r\n opacity: 0;\r\n\r\n &.collapse {\r\n height: 67px !important;\r\n display: none !important;\r\n }\r\n\r\n\r\n &.collapse.in {\r\n display: block !important;\r\n height: 100vh !important;\r\n opacity: 1;\r\n }\r\n\r\n .menu {\r\n display: block;\r\n margin: 0;\r\n padding: 0 0 10px 0;\r\n\r\n li {\r\n display: block;\r\n padding: 0;\r\n\r\n &.get-started-btn {\r\n position: absolute;\r\n padding: 0 16px;\r\n bottom: 10%;\r\n width: 100%;\r\n }\r\n\r\n &.menu-item-has-children {\r\n position: relative;\r\n\r\n ul {\r\n position: relative;\r\n max-height: 0;\r\n padding: 0;\r\n\r\n overflow: hidden;\r\n transition: all .5s ease;\r\n }\r\n\r\n &.open {\r\n ul {\r\n max-height: 1500px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n a {\r\n display: block;\r\n padding: 10px 25px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.subnav {\r\n position: fixed;\r\n top: 67px;\r\n width: 100%;\r\n z-index: 999;\r\n background-color: #f8f8f8;\r\n}\r\n","@import \"../variables\";\r\n\r\n:root {\r\n --docsearch-primary-color: #{$blue} !important;\r\n --docsearch-logo-color: #{$blue} !important;\r\n}\r\n\r\n.sidefilter {\r\n\r\n background-color: transparent;\r\n padding: 24px;\r\n height: auto;\r\n border: 1px solid #e7e7e7;\r\n border-top: 0;\r\n\r\n .DocSearch-Button {\r\n background: transparent;\r\n border: 2px inset $darkgray;\r\n border-radius: 6px;\r\n margin: 0;\r\n min-height: 45px;\r\n padding: 10px;\r\n width: 100%;\r\n }\r\n\r\n .DocSearch-Button:active, .DocSearch-Button:focus, .DocSearch-Button:hover {\r\n border: 2px solid $blue;\r\n box-shadow: none;\r\n }\r\n\r\n .DocSearch-Button .DocSearch-Search-Icon {\r\n display: none;\r\n }\r\n\r\n .DocSearch-Button-Placeholder {\r\n color: rgb(117, 117, 117);\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 14px;\r\n line-height: 20px;\r\n padding: 10px;\r\n display: block;\r\n }\r\n}\r\n\r\n.DocSearch.DocSearch-Container {\r\n z-index: 9999;\r\n}\r\n"]} \ No newline at end of file +{"version":3,"sources":["../main.css","../main.scss","../variables.scss","../component/breakpoints.scss","variables.css","../component/affix.scss","../component/alerts.scss","component/breakpoints.css","../component/navbar.css","../component/navbar.scss","../service/search.scss"],"names":[],"mappings":"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","file":"main.css","sourcesContent":["@import\"https://fonts.googleapis.com/css?family=Open+Sans:500,600,700,800,400italic,700italic,400\";@import\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css\";:target::before{content:\"\";display:block;margin-top:-130px;height:130px;width:1px}body{font-family:\"Open Sans\",sans-serif;color:#242424;font-size:16px;line-height:24px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.5px}body mark{background:rgba(21,155,255,.25)}body .toc{background-color:rgba(0,0,0,0);padding:24px;padding-top:12px;margin:0}.row:before{content:none}.row:after{content:\"\"}a{color:#159bff}a:hover,a:active{color:#333}h1{font-size:40px;line-height:48px;font-weight:700;text-transform:none;text-align:left;color:#242424;letter-spacing:-1.5px;padding:24px 0}h2{font-size:24px;line-height:32px;font-weight:700;text-transform:none;color:#242424;letter-spacing:-0.5px}h3{font-size:20px;line-height:24px;font-weight:700;text-transform:none;color:#242424}h4{font-size:18px;line-height:24px;font-weight:700;text-transform:none;color:#242424}subtitle{font-size:14px;line-height:24px;font-weight:600;text-transform:none;color:#242424;letter-spacing:.1px}h5{font-family:\"Roboto\";font-style:normal;letter-spacing:1.5px;font-size:12px;line-height:16px;font-weight:500;text-transform:uppercase;color:#242424}@media screen{pre{overflow:auto}pre>code{white-space:pre;font-size:14px;line-height:20px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.25px}}.container{width:100%}#breadcrumb{padding:0 32px}.breadcrumb{white-space:inherit;font-size:14px;line-height:24px;font-weight:400;color:#242424;padding:16px 0}.body-content .article{margin-right:0}@media only screen and (min-width: 768px){.sidefilter{width:24%}}@media(min-width: 768px)and (max-width: 1023.98px){.sidefilter{width:30%}}@media only screen and (min-width: 768px){.article.grid-right{margin-left:26%}}@media(min-width: 768px)and (max-width: 1023.98px){.article.grid-right{margin-left:32%}}.sidetoc{top:180px;background-color:#fff !important}@media only screen and (min-width: 768px){.sidetoc{width:24%}}@media(min-width: 768px)and (max-width: 1023.98px){.sidetoc{width:30%}}@media(min-width: 768px)and (max-width: 990.98px){.sidetoc{border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;position:fixed}}.sidetoc .nav>li{line-height:24px}.sidetoc .nav>li a{font-size:14px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.1px}.sidetoc .nav.level1>li,.sidetoc .nav.level2>li{line-height:20px}.sidetoc .nav.level1>li>a,.sidetoc .nav.level2>li>a{font-size:14px;font-weight:400;text-transform:none;color:#242424;letter-spacing:.25px}.sidetoc .nav>li.active>a{color:#333;font-weight:600}.sidetoc .nav>li.active>a:last-child{border-radius:6px;background-color:#f1f1f1;width:100%}.sidetoc .nav>li.active>a:hover{color:#000}.sidetoc .toc .nav .in ul li{margin-left:9px}.sidetoc .toc .nav>li.filtered>ul,.sidetoc .toc .nav>li.in>ul{display:block}@media only screen and (max-width: 768.98px){.sidetoc .toc .nav>li.filtered>ul,.sidetoc .toc .nav>li.in>ul{display:grid}}@media only screen and (max-width: 768.98px){.sidetoc .toc li:after{display:none}}.sidetoc .toc .nav>li>.expand-stub::before{font-family:\"Glyphicons Halflings\",\"ui-sans-serif\";content:\"\";font-size:.8em}.sidetoc .toc .nav>li.in>.expand-stub::before{font-family:\"Glyphicons Halflings\",\"ui-sans-serif\";display:inline-block;content:\"\";font-size:.8em;transform:rotate(90deg)}.sidetoc .toc .nav>li>.expand-stub+a{margin-left:15px}.sidetoc .toc .nav>li>a{margin-left:0;padding-left:5px}.sidetoc .toc .nav>li>.expand-stub{left:4px}.sidetoc .toc ul ul>li>a:before{content:\"\"}.sidetoc .toc ul{padding-left:5px;text-align:left}@media only screen and (max-width: 768.98px){.sidetoc .toc ul{text-align:left}}@media only screen and (max-width: 768.98px){.sidetoc .toc{margin-left:0}}@media only screen{.sidetoc .toc ul{margin:0}.sidetoc .toc ul li a{margin:0}}.sidenav{background-color:#fff;border-bottom:1px solid #e7e7e7}@media only screen and (max-width: 768.98px){.sidenav{position:fixed;width:100%;z-index:999}}@media(min-width: 768px)and (max-width: 990.98px){.sidenav{background:rgba(0,0,0,0);padding:0;margin:0;border:none}}.btn.toc-toggle.collapse{color:#333;text-align:left}@media(min-width: 768px)and (max-width: 990.98px){.btn.toc-toggle.collapse{display:none}}.front-page article section{margin-left:auto}.front-page p{margin:20px auto}.front-page .subnav,.front-page .sideaffix,.front-page .footer{display:none}.front-page .body-content{width:100%;padding:0;overflow:hidden}.front-page .body-content .article{margin:0 !important}.front-page .body-content .article>[class*=col]{width:auto;padding:0;float:none}.front-page .button{display:inline-block}.front-page .button a{display:inline-block;padding:7px 17px;font-size:16px;line-height:16px;font-weight:700;box-shadow:0 2px 4px 0 rgba(31,31,31,.25);border-radius:8px;transition:color .2s ease-in-out,background-color .2s ease-in-out}.front-page .button.white a{background:#fff;color:#333}.front-page .button.white a:hover{background:#7a67f8;color:#fff}.front-page .button.turquoise a{background:#7a67f8;color:#fff}.front-page .button.turquoise a:hover{background:#654ff7}.front-page .intro{padding:100px 15px 60px;text-align:center;font-size:18px;position:relative}@media screen and (min-width: 768px){.front-page .intro{padding:200px 15px 120px}}.front-page .intro h1{font-size:36px;text-transform:none;font-weight:600;width:auto;max-width:100%;margin:0 auto;letter-spacing:normal}@media screen and (min-width: 768px){.front-page .intro h1{font-size:44px}}.front-page .intro p{width:100%;font-size:22px}.front-page .intro strong{font-weight:bold}.front-page .intro .button a{margin-top:20px}.front-page .headerboxes{display:flex;flex-wrap:wrap;padding:40px 15px;background-color:#f4f2f3}@media screen and (min-width: 768px){.front-page .headerboxes{padding:80px 15px}}.front-page .headerboxes .headerbox{margin:40px auto}.front-page .headerboxes .headerbox-inner{padding:0;height:100%}.front-page .headerboxes h2{font-size:30px;font-weight:600;text-transform:none}.front-page .headerboxes h2 .anchorjs-link{display:none}.front-page .headerboxes p{font-size:16px;font-weight:600}.front-page .headerboxes .icon{margin:0}.embeddedvideo+p{margin-top:10px}.DocSearch-Hit-content-wrapper{height:100%}.lang-mermaid svg{height:auto}.tabGroup{margin-top:1rem;margin-bottom:1rem}.tabGroup section[role=tabpanel]>pre:last-child{margin-bottom:0}.code-header{box-sizing:content-box;background-color:#f2f2f2;color:#171717;display:flex;flex-direction:row;border:1px solid #e3e3e3;border-bottom:0;margin-top:16px;min-height:30px}.tabGroup section[role=tabpanel]>.codeHeader,.tabGroup section[role=tabpanel]>pre{margin-left:0;margin-right:0}.code-header>.language{padding:2px 16px;flex-grow:1;text-transform:uppercase;line-height:26px}.code-header>.action{position:relative;padding:2px 10px;background-color:rgba(0,0,0,0);border:0 solid #e3e3e3;border-left-width:1px;color:#171717;cursor:pointer;display:flex;align-items:center;line-height:normal}.code-header .glyphicon{margin-right:.25em}.code-header>.action:hover{background-color:#fafafa}.code-header+pre{margin-top:0;border:1px solid #e3e3e3}.code-header>.action .successful-copy-alert{justify-content:center;align-items:center;right:0;left:0;bottom:0;top:0;position:absolute;display:flex;background-color:#128712;outline-color:#fff;color:#fff}.code-header>.action .successful-copy-alert.is-transparent{opacity:0;transition:500ms opacity ease-in-out}summary{display:list-item}","@import url('https://fonts.googleapis.com/css?family=Open+Sans:500,600,700,800,400italic,700italic,400');\r\n@import url(\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css\");\r\n@import \"variables\";\r\n@import \"component/breakpoints\";\r\n\r\n\r\n:target::before {\r\n content: '';\r\n display: block;\r\n margin-top: -130px;\r\n height: 130px;\r\n width: 1px;\r\n}\r\n\r\nbody {\r\n font-family: 'Open Sans', sans-serif;\r\n color: $black;\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n text-transform: none;\r\n color:$black;\r\n letter-spacing: 0.5px;\r\n\r\n mark {\r\n background: rgba(21, 155, 255, 0.25);\r\n }\r\n\r\n .toc {\r\n background-color: transparent;\r\n padding: 24px;\r\n padding-top: 12px;\r\n margin: 0;\r\n }\r\n}\r\n\r\n.row {\r\n &:before {\r\n content: none;\r\n }\r\n\r\n &:after {\r\n content: '';\r\n }\r\n}\r\n\r\na {\r\n color: $blue;\r\n\r\n &:hover,\r\n &:active {\r\n color: $darkgray;\r\n }\r\n}\r\n\r\nh1 {\r\n font-size: 40px;\r\n line-height: 48px;\r\n font-weight: 700;\r\n text-transform: none;\r\n text-align: left;\r\n color:$black;\r\n letter-spacing: -1.5px;\r\n padding: 24px 0;\r\n}\r\n\r\nh2 {\r\n font-size: 24px;\r\n line-height: 32px;\r\n font-weight: 700;\r\n text-transform: none;\r\n color:$black;\r\n letter-spacing: -0.5px;\r\n}\r\n\r\nh3 {\r\n font-size: 20px;\r\n line-height: 24px;\r\n font-weight: 700;\r\n text-transform: none;\r\n color:$black;\r\n}\r\n\r\nh4 {\r\n font-size: 18px;\r\n line-height: 24px;\r\n font-weight: 700;\r\n text-transform: none;\r\n color:$black;\r\n}\r\n\r\nsubtitle {\r\n font-size: 14px;\r\n line-height: 24px;\r\n font-weight: 600;\r\n text-transform: none;\r\n color:$black;\r\n letter-spacing: 0.1px;\r\n}\r\n\r\n\r\n\r\nh5 {\r\n font-family: 'Roboto';\r\n font-style: normal;\r\n letter-spacing: 1.5px;\r\n font-size: 12px;\r\n line-height: 16px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n color:$black;\r\n}\r\n\r\n@media screen {\r\n pre {\r\n overflow: auto;\r\n\r\n > code {\r\n white-space: pre;\r\n font-size: 14px;\r\n line-height: 20px;\r\n font-weight: 400;\r\n text-transform: none;\r\n color:$black;\r\n letter-spacing: 0.25px; \r\n }\r\n }\r\n}\r\n\r\n.container {\r\n width:100%;\r\n}\r\n\r\n#breadcrumb {\r\n padding: 0 32px;\r\n}\r\n\r\n.breadcrumb {\r\n white-space: inherit;\r\n font-size: 14px;\r\n line-height: 24px;\r\n font-weight:400;\r\n color:$black;\r\n padding: 16px 0;\r\n //padding: 0 16px 0 16px;\r\n}\r\n\r\n.body-content .article {\r\n margin-right: 0;\r\n}\r\n\r\n.sidefilter {\r\n @media only screen {\r\n @include media-breakpoint-up(md) {\r\n width: 24%;\r\n }\r\n }\r\n @include media-breakpoint-between(md, tablet){\r\n width: 30%;\r\n }\r\n}\r\n\r\n.article.grid-right {\r\n @media only screen {\r\n @include media-breakpoint-up(md) {\r\n margin-left: 26%;\r\n }\r\n }\r\n @include media-breakpoint-between(md, tablet){\r\n margin-left: 32%;\r\n }\r\n}\r\n\r\n.sidetoc {\r\n top: 180px;\r\n background-color: white !important;\r\n @media only screen {\r\n @include media-breakpoint-up(md) {\r\n width: 24%;\r\n }\r\n }\r\n @include media-breakpoint-between(md, tablet) {\r\n width: 30%; \r\n }\r\n\r\n @include media-breakpoint-between(md, mobile) {\r\n border-left: 1px solid #e7e7e7;\r\n border-right: 1px solid #e7e7e7;\r\n position: fixed;\r\n }\r\n\r\n .nav > li {\r\n line-height: 24px;\r\n \r\n a {\r\n font-size: 14px;\r\n font-weight: 400;\r\n text-transform: none;\r\n color:$black;\r\n letter-spacing: 0.1px;\r\n }\r\n }\r\n\r\n .nav.level1 , .nav.level2 {\r\n > li {\r\n line-height: 20px;\r\n \r\n > a {\r\n font-size: 14px;\r\n font-weight: 400;\r\n text-transform: none;\r\n color:$black;\r\n letter-spacing: 0.25px;\r\n }\r\n }\r\n }\r\n\r\n .nav > li.active > a {\r\n color: $darkgray;\r\n font-weight: 600;\r\n \r\n &:last-child {\r\n border-radius: 6px;\r\n background-color: #F1F1F1;\r\n width: 100%;\r\n }\r\n\r\n &:hover {\r\n color: #000;\r\n }\r\n }\r\n\r\n .toc .nav .in ul li {\r\n margin-left: 9px;\r\n }\r\n\r\n .toc .nav > li.filtered > ul, .toc .nav > li.in > ul {\r\n display: block;\r\n @media only screen {\r\n @include media-breakpoint-down(md) {\r\n display: grid;\r\n }\r\n }\r\n }\r\n\r\n \r\n .toc li:after {\r\n @media only screen {\r\n @include media-breakpoint-down(md) {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n .toc {\r\n .nav > li > .expand-stub::before {\r\n font-family: 'Glyphicons Halflings', 'ui-sans-serif';\r\n content: '\\e258';\r\n font-size: 0.8em;\r\n }\r\n\r\n .nav > li.in > .expand-stub::before {\r\n font-family: 'Glyphicons Halflings', 'ui-sans-serif';\r\n display: inline-block;\r\n content: '\\e258';\r\n font-size: 0.8em;\r\n transform: rotate(90deg);\r\n }\r\n\r\n .nav > li > .expand-stub + a {\r\n margin-left: 15px;\r\n }\r\n\r\n .nav > li > a {\r\n margin-left: 0;\r\n padding-left: 5px;\r\n }\r\n\r\n .nav > li > .expand-stub {\r\n left: 4px;\r\n }\r\n\r\n ul ul > li > a:before {\r\n content: '';\r\n }\r\n\r\n ul {\r\n padding-left: 5px;\r\n text-align: left;\r\n @media only screen {\r\n @include media-breakpoint-down(md) {\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n @media only screen {\r\n @include media-breakpoint-down(md) {\r\n margin-left: 0;\r\n }\r\n ul {\r\n margin: 0;\r\n\r\n li a {\r\n margin: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.sidenav {\r\n background-color: #fff;\r\n border-bottom: 1px solid #e7e7e7;\r\n\r\n @media only screen {\r\n @include media-breakpoint-down(md) {\r\n position: fixed;\r\n width: 100%;\r\n z-index: 999;\r\n }\r\n }\r\n\r\n @include media-breakpoint-between(md, mobile) {\r\n background: transparent;\r\n padding: 0;\r\n margin: 0;\r\n border: none;\r\n }\r\n\r\n}\r\n\r\n.btn.toc-toggle.collapse {\r\n color: $darkgray;\r\n text-align: left;\r\n @include media-breakpoint-between(md, mobile) {\r\n display: none;\r\n }\r\n}\r\n\r\n.front-page {\r\n article section {\r\n margin-left: auto;\r\n }\r\n\r\n p {\r\n margin: 20px auto;\r\n }\r\n\r\n .subnav,\r\n .sideaffix,\r\n .footer {\r\n display: none;\r\n }\r\n\r\n\r\n .body-content {\r\n width: 100%;\r\n padding: 0;\r\n overflow: hidden;\r\n\r\n .article {\r\n margin: 0 !important;\r\n\r\n & > [class*='col'] {\r\n width: auto;\r\n padding: 0;\r\n float: none;\r\n }\r\n }\r\n }\r\n\r\n .button {\r\n display: inline-block;\r\n \r\n a {\r\n display: inline-block;\r\n padding: 7px 17px;\r\n font-size: 16px;\r\n line-height: 16px;\r\n font-weight: 700;\r\n box-shadow: 0 2px 4px 0 rgba(31, 31, 31, 0.25);\r\n border-radius: 8px;\r\n transition: color 0.2s ease-in-out,\r\n background-color 0.2s ease-in-out;\r\n }\r\n\r\n &.white a {\r\n background: #fff;\r\n color: $darkgray;\r\n\r\n &:hover {\r\n background: $purple;\r\n color: #fff;\r\n }\r\n }\r\n\r\n &.turquoise a {\r\n background: $purple;\r\n color: #fff;\r\n\r\n &:hover {\r\n background: darken($purple, 5);\r\n }\r\n }\r\n }\r\n\r\n .intro {\r\n padding: 100px 15px 60px;\r\n @media screen {\r\n @include media-breakpoint-up(md) {\r\n padding: 200px 15px 120px;\r\n }\r\n }\r\n text-align: center;\r\n font-size: 18px;\r\n position: relative;\r\n\r\n h1 {\r\n font-size: 36px;\r\n @media screen {\r\n @include media-breakpoint-up(md) {\r\n font-size: 44px;\r\n }\r\n }\r\n\r\n text-transform: none;\r\n font-weight: 600;\r\n width: auto;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n letter-spacing: normal;\r\n }\r\n\r\n p {\r\n width: 100%;\r\n font-size: 22px;\r\n }\r\n\r\n strong {\r\n font-weight: bold;\r\n }\r\n\r\n .button a {\r\n margin-top: 20px;\r\n }\r\n }\r\n\r\n .headerboxes {\r\n display: flex;\r\n flex-wrap: wrap;\r\n padding: 40px 15px;\r\n @media screen {\r\n @include media-breakpoint-up(md) {\r\n padding: 80px 15px;\r\n }\r\n }\r\n\r\n background-color: #f4f2f3;\r\n\r\n .headerbox {\r\n margin: 40px auto;\r\n\r\n }\r\n\r\n .headerbox-inner {\r\n padding: 0;\r\n height: 100%;\r\n }\r\n\r\n h2 {\r\n font-size: 30px;\r\n font-weight: 600;\r\n text-transform: none;\r\n\r\n .anchorjs-link {\r\n display: none;\r\n }\r\n }\r\n\r\n p {\r\n font-size: 16px;\r\n font-weight: 600;\r\n }\r\n\r\n .icon {\r\n margin: 0;\r\n }\r\n }\r\n}\r\n\r\n// Specific case for paragraphs under embedded videos\r\n.embeddedvideo + p {\r\n margin-top: 10px;\r\n}\r\n\r\n// Algolia\r\n.DocSearch-Hit-content-wrapper {\r\n height: 100%;\r\n}\r\n\r\n// Mermaid graph\r\n/* Workaround until this issue https://github.com/mermaid-js/mermaid/issues/1984 is fixed and mermaid version updated */\r\n.lang-mermaid svg {\r\n height: auto;\r\n}\r\n\r\n// For tabbed content\r\n.tabGroup {\r\n margin-top: 1rem;\r\n margin-bottom: 1rem;\r\n}\r\n.tabGroup section[role=\"tabpanel\"] > pre:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n// Easy-copy-code\r\n.code-header {\r\n box-sizing: content-box;\r\n background-color: #f2f2f2;\r\n color: #171717;\r\n display: flex;\r\n flex-direction: row;\r\n border: 1px solid #e3e3e3;\r\n border-bottom: 0;\r\n margin-top: 16px;\r\n min-height: 30px;\r\n}\r\n.tabGroup section[role=\"tabpanel\"] > .codeHeader, .tabGroup section[role=\"tabpanel\"] > pre {\r\n margin-left: 0;\r\n margin-right: 0;\r\n}\r\n.code-header > .language {\r\n padding: 2px 16px;\r\n flex-grow: 1;\r\n text-transform: uppercase;\r\n line-height: 26px;\r\n}\r\n.code-header > .action {\r\n position: relative;\r\n padding: 2px 10px;\r\n background-color: transparent;\r\n border: 0 solid #e3e3e3;\r\n border-left-width: 1px;\r\n color: #171717;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n line-height: normal;\r\n}\r\n.code-header .glyphicon {\r\n margin-right: 0.25em;\r\n}\r\n.code-header > .action:hover {\r\n background-color: #fafafa;\r\n}\r\n.code-header + pre {\r\n margin-top: 0;\r\n border: 1px solid #e3e3e3;\r\n}\r\n.code-header > .action .successful-copy-alert {\r\n justify-content: center;\r\n align-items: center;\r\n right: 0;\r\n left: 0;\r\n bottom: 0;\r\n top: 0;\r\n position: absolute;\r\n display: flex;\r\n background-color: #128712;\r\n outline-color: #fff;\r\n color: #fff;\r\n}\r\n.code-header > .action .successful-copy-alert.is-transparent {\r\n opacity: 0;\r\n transition: 500ms opacity ease-in-out;\r\n}\r\n\r\n// This overrides the behavior from normalize.css\r\n// which is added by the current version of bootstrap\r\n// This should be removed once we update docfx and bootstrap\r\nsummary {\r\n display: list-item;\r\n}\r\n","$blue: #159bff;\r\n$lightblue: #EAF2F9;\r\n$purple: #7a67f8;\r\n$turquoise: #67e5ad;\r\n$darkgray: #333333;\r\n$lightgray: #f1f1f1;\r\n$white: #fff;\r\n$black: #242424;\r\n$gray: #9d9d9d;\r\n$offWhite: #fcfcfc;\r\n$green: #67e5ad;\r\n$red: #ed3f64;\r\n$orange: #ff9c1a;\r\n\r\n\r\n","// Breakpoint viewport sizes and media queries.\r\n//\r\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\r\n//\r\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\r\n//\r\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\r\n// Grid breakpoints\r\n//\r\n// There are two breakpoints that fit with the new elementor plugin.\r\n//\r\n// (mobile: 767px, tablet: 1024 px)\r\n//\r\n// Define the minimum dimensions at which your layout will change,\r\n// adapting to different screen sizes, for use in media queries.\r\n\r\n$grid-breakpoints: (xs: 0,\r\n sm: 375px,\r\n md: 768px,\r\n mobile: 769px,\r\n tablet: 991px,\r\n lg: 1024px,\r\n navbar: 1180px,\r\n xl: 1440px) !default;\r\n\r\n// Name of the next breakpoint, or null for the last breakpoint.\r\n//\r\n// >> breakpoint-next(sm)\r\n// md\r\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n// md\r\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\r\n// md\r\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\r\n $n: index($breakpoint-names, $name);\r\n @return if($n !=null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\r\n}\r\n\r\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\r\n//\r\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n// 576px\r\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\r\n $min: map-get($breakpoints, $name);\r\n @return if($min !=0, $min, null);\r\n}\r\n\r\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\r\n// The maximum value is calculated as the minimum of the next one less 0.02px\r\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\r\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\r\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\r\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\r\n//\r\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n// 767.98px\r\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\r\n $next: breakpoint-next($name, $breakpoints);\r\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\r\n}\r\n\r\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\r\n// Makes the @content apply to the given breakpoint and wider.\r\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\r\n $min: breakpoint-min($name, $breakpoints);\r\n\r\n @if $min {\r\n @media (min-width: $min) {\r\n @content;\r\n }\r\n }\r\n\r\n @else {\r\n @content;\r\n }\r\n}\r\n\r\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\r\n// Makes the @content apply to the given breakpoint and narrower.\r\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\r\n $max: breakpoint-max($name, $breakpoints);\r\n\r\n @if $max {\r\n @media (max-width: $max) {\r\n @content;\r\n }\r\n }\r\n\r\n @else {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\r\n $min: breakpoint-min($lower, $breakpoints);\r\n $max: breakpoint-max($upper, $breakpoints);\r\n\r\n @if $min and $max {\r\n @media (min-width: $min) and (max-width: $max) {\r\n @content;\r\n }\r\n }\r\n\r\n @else {\r\n @content;\r\n }\r\n}\r\n",null,"@import \"../variables\";\r\n@import \"breakpoints\";\r\n\r\n\r\n.hidden-sm {\r\n @include media-breakpoint-down(lg) {\r\n display: none!important;\r\n }\r\n}\r\n\r\n.article > .col-md-8 {\r\n @include media-breakpoint-down(lg) {\r\n width: 100%;\r\n }\r\n}\r\n\r\n.sideaffix {\r\n overflow: auto;\r\n padding-top:36px;\r\n margin-top:0;\r\n .affix ul > li.active > ul, .affix ul > li.active > a:before, .affix ul > li > a:hover:before {\r\n white-space: normal;\r\n }\r\n\r\n > div.contribution > ul > li > a.contribution-link {\r\n font-family: 'Open Sans';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 20px;\r\n letter-spacing: 0.25px;\r\n }\r\n\r\n #affix {\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 1.5;\r\n height: auto;\r\n a {\r\n color: $darkgray;\r\n font-size: 14px;\r\n line-height: 20px;\r\n font-weight: 400;\r\n letter-spacing: 0.25px;\r\n }\r\n \r\n ul > li.active > a {\r\n font-weight: bold;\r\n &:before {\r\n color: $darkgray;\r\n }\r\n ul > li.active > a {\r\n font-weight: bold;\r\n &:before {\r\n color: $darkgray;\r\n }\r\n }\r\n }\r\n\r\n ul ul > li > a:before {\r\n top: 2px;\r\n }\r\n li:last-child {\r\n padding-bottom: 16px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .title {\r\n text-transform: uppercase;\r\n font-size: 12px;\r\n font-style: normal;\r\n font-weight: 500;\r\n line-height: 16px; /* 133.333% */\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n .level1::before {\r\n width: 75%;\r\n }\r\n\r\n .level1::after {\r\n width: 75%;\r\n }\r\n }\r\n\r\n h5 {\r\n letter-spacing: 1.5px;\r\n font-size: 12px;\r\n line-height: 16px;\r\n text-transform: uppercase;\r\n color: $gray;\r\n }\r\n}\r\n\r\n","@import '../variables';\r\n\r\n.alert {\r\n background-color: transparent;\r\n border-color: $lightgray;\r\n color: $darkgray;\r\n padding: 16px 16px;\r\n transition: transform .2s;\r\n}\r\n\r\n.alert-hover {\r\n &:hover {\r\n transform: scale(1.05);\r\n border-color: $blue;\r\n box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);\r\n h4{\r\n color: $blue;\r\n }\r\n }\r\n}\r\n",null,"@media(min-width: 1024px){.visibility-opacity-transition,#header-container nav>ul>li.menu-item-has-children>ul ul,#header-container nav>ul>li.menu-item-has-children>ul{visibility:hidden;opacity:0;transition:visibility 100ms,opacity 100ms ease-in-out;list-style:none}}#header-container{padding:16px 32px;z-index:9999;background:#fff;display:flex;position:fixed;width:100%;min-height:67px;max-height:67px;border-bottom:1px solid #f4f2f3;justify-content:space-between}#header-container::after,#header-container::before{content:none}#header-container #menu-menu-principal{float:right;list-style:none}@media(max-width: 1023px){#header-container #menu-menu-principal{width:100%;max-height:70vh;overflow-y:auto}}@media(min-width: 1024px){#header-container #menu-menu-principal{display:flex}}#header-container #header-logo-container{width:36px;vertical-align:middle;z-index:9}#header-container #header-logo-container img{width:100%}@media(min-width: 1024px){#header-container #header-logo-container{min-width:120px}}#header-container .navbar-toggle{padding:0;margin:10px 0;display:none !important;z-index:9}#header-container .navbar-toggle .icon-bar{background:#333;width:20px}#header-container .navbar-toggle .icon-bar+.icon-bar{margin-top:3px}@media(max-width: 1023px){#header-container .navbar-toggle{display:block !important}}#header-container .navbar-brand{height:auto}#header-container nav a{padding:10px;font-size:13px;font-weight:600;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;text-transform:uppercase;color:#242424}#header-container nav a:hover,#header-container nav a:focus{color:#7a67f8}@media(min-width: 1024px){#header-container nav a{font-size:19px;line-height:17px}}@media(min-width: 1024px){#header-container nav>ul>li{margin:0 4px;align-self:center;min-width:max-content}}@media(min-width: 1180px){#header-container nav>ul>li{margin:0 16px}}#header-container nav>ul>li.menu-item-has-children{position:relative}#header-container nav>ul>li.menu-item-has-children>a::after{display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;font:normal normal normal 10px/1 FontAwesome;content:\"\";line-height:12px;margin-left:12px;vertical-align:top}@media(min-width: 1024px){#header-container nav>ul>li.menu-item-has-children>a::after{line-height:21px;font:normal normal normal 15px/1 FontAwesome}}#header-container nav>ul>li.menu-item-has-children>ul{width:100%}@media(min-width: 1024px){#header-container nav>ul>li.menu-item-has-children>ul{width:max-content;display:flex;position:absolute;padding:20px;top:170% !important;left:-25% !important;flex-direction:column;box-shadow:0 0 20px 2px rgba(36,36,36,.2);background-color:#fff}}#header-container nav>ul>li.menu-item-has-children>ul li{display:flex;border-bottom:1px solid #eaf2f9;background:#fff}@media(min-width: 1024px){#header-container nav>ul>li.menu-item-has-children>ul li{border:none}}#header-container nav>ul>li.menu-item-has-children>ul li.menu-item a{font-weight:600;padding:6px 0}#header-container nav>ul>li.menu-item-has-children>ul li.spacing-top a{margin-top:15px}#header-container nav>ul>li.menu-item-has-children>ul li.column-title a{border-bottom:1px solid #3a3a3a;font-weight:700;border-radius:0;margin-bottom:8px;padding-bottom:14px}#header-container nav>ul>li.menu-item-has-children>ul li.header-menu-category a{color:#7d7d7d;font-weight:700;border-bottom:1px solid #3a3a3a;cursor:unset;border-radius:0;margin-bottom:8px;padding-bottom:14px;width:100%}#header-container nav>ul>li.menu-item-has-children>ul a{font-size:14px;font-weight:400;line-height:20px;text-transform:none;transition:0s}#header-container nav>ul>li.menu-item-has-children>ul .column-title{flex-direction:column}#header-container nav>ul>li.menu-item-has-children>ul .column-title>a{font-weight:700;line-height:normal !important}#header-container nav>ul>li.menu-item-has-children>ul .column-title ul{width:192px;padding:0}#header-container nav>ul>li.menu-item-has-children>ul ul{display:flex;position:inherit;flex-direction:column}#header-container nav>ul>li.menu-item-has-children>ul ul a{border-left:0}#header-container nav>ul>li.menu-item-has-children:hover>ul{visibility:visible;opacity:1}#header-container nav>ul>li.menu-item-has-children:hover>ul:not([style*=\"display: none;\"]) .menu-item-has-children ul{visibility:visible;opacity:1}#header-container nav>ul>li.row-menu>ul{flex-direction:row}#header-container .get-started-btn a{display:block;border:none;border-radius:8px;margin-left:0;padding:8px 32px;font-size:16px;line-height:24px;font-weight:700;min-width:125px;text-align:center;text-transform:none;color:#242424;background-color:#67e5ad;background:linear-gradient(to top, #159bff 50%, #67e5ad 50%);background-size:100% 200%;background-position:left top;transition:all .5s cubic-bezier(0.69, 0.04, 0.9, 0.65)}#header-container .get-started-btn a:hover{color:#fff;background-position:bottom left}@media(max-width: 1023px){#navbar{overflow:auto !important;position:fixed;width:100%;margin:0;padding:0;padding-top:67px;left:0;text-align:left;background:#eaf2f9;transition:height .4s ease .1s,opacity .6s ease;opacity:0}#navbar.collapse{height:67px !important;display:none !important}#navbar.collapse.in{display:block !important;height:100vh !important;opacity:1}#navbar .menu{display:block;margin:0;padding:0 0 10px 0}#navbar .menu li{display:block;padding:0}#navbar .menu li.get-started-btn{position:absolute;padding:0 16px;bottom:10%;width:100%}#navbar .menu li.menu-item-has-children{position:relative}#navbar .menu li.menu-item-has-children ul{position:relative;max-height:0;padding:0;overflow:hidden;transition:all .5s ease}#navbar .menu li.menu-item-has-children.open ul{max-height:1500px}#navbar .menu a{display:block;padding:10px 25px}}.subnav{position:fixed;top:67px;width:100%;z-index:999;background-color:#f8f8f8}","@import \"../variables\";\r\n@import \"breakpoints\";\r\n\r\n/**\r\n * General notes:\r\n * This file is modifying the elementor menu as simply as it can. The selector are a bit hard to\r\n * understand because we cannot add class or ids on the menu.\r\n *\r\n * This is a modified version of the css in the header.scss file from the main website.\r\n * It was modified as little as possible, but they are quite different.\r\n *\r\n * Pixel are preferred as unit since the body font size is not the same as the website.\r\n * This causes relative units (em, rem) to behave differently.\r\n */\r\n\r\n.visibility-opacity-transition {\r\n @include media-breakpoint-up(lg) {\r\n visibility: hidden;\r\n opacity: 0;\r\n transition: visibility 100ms, opacity 100ms ease-in-out;\r\n\r\n list-style: none;\r\n }\r\n}\r\n\r\n#header-container {\r\n padding: 16px 32px;\r\n z-index: 9999;\r\n background: #fff;\r\n\r\n display: flex;\r\n position: fixed;\r\n width: 100%;\r\n min-height: 67px;\r\n max-height: 67px;\r\n border-bottom: 1px solid #f4f2f3;\r\n justify-content: space-between;\r\n\r\n\r\n &::after,\r\n &::before {\r\n content: none;\r\n }\r\n\r\n #menu-menu-principal {\r\n float: right;\r\n list-style: none;\r\n\r\n @media (max-width: 1023px) {\r\n width: 100%;\r\n // 70vh is a magic value found by trial and error.\r\n max-height: 70vh;\r\n overflow-y: auto;\r\n }\r\n\r\n @include media-breakpoint-up(lg) {\r\n display: flex;\r\n }\r\n }\r\n\r\n\r\n #header-logo-container {\r\n width: 36px;\r\n vertical-align: middle;\r\n z-index: 9;\r\n\r\n\r\n img {\r\n width: 100%;\r\n }\r\n\r\n @include media-breakpoint-up(lg) {\r\n min-width: 120px;\r\n }\r\n }\r\n\r\n .navbar-toggle {\r\n padding: 0;\r\n margin: 10px 0;\r\n display: none !important;\r\n z-index: 9;\r\n\r\n .icon-bar {\r\n background: $darkgray;\r\n width: 20px;\r\n }\r\n\r\n .icon-bar + .icon-bar {\r\n margin-top: 3px;\r\n }\r\n\r\n @media (max-width: 1023px) {\r\n display: block !important;\r\n }\r\n }\r\n\r\n .navbar-brand {\r\n height: auto;\r\n }\r\n\r\n nav {\r\n a {\r\n padding: 10px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n font-stretch: normal;\r\n font-style: normal;\r\n line-height: 14px;\r\n letter-spacing: normal;\r\n text-transform: uppercase;\r\n color: $black;\r\n\r\n &:hover,\r\n &:focus {\r\n color: $purple;\r\n }\r\n\r\n @include media-breakpoint-up(lg) {\r\n font-size: 19px;\r\n line-height: 17px;\r\n }\r\n }\r\n\r\n /**\r\n * Top level menu items\r\n */\r\n & > ul > li {\r\n\r\n @include media-breakpoint-up(lg) {\r\n margin: 0 4px;\r\n align-self: center;\r\n min-width: max-content;\r\n }\r\n\r\n @include media-breakpoint-up(navbar) {\r\n margin: 0 16px;\r\n }\r\n\r\n /**\r\n * menu-item-has-children means there is a submenu\r\n */\r\n &.menu-item-has-children {\r\n // actual submenu\r\n position: relative;\r\n\r\n & > a {\r\n\r\n &::after {\r\n display: inline-block;\r\n text-rendering: auto;\r\n -webkit-font-smoothing: antialiased;\r\n font: normal normal normal 10px/1 FontAwesome;\r\n content: \"\\f078\";\r\n line-height: 12px;\r\n margin-left: 12px;\r\n vertical-align: top;\r\n\r\n @include media-breakpoint-up(lg) {\r\n line-height: 21px;\r\n font: normal normal normal 15px/1 FontAwesome;\r\n }\r\n }\r\n }\r\n\r\n & > ul {\r\n @extend .visibility-opacity-transition;\r\n width: 100%;\r\n\r\n @include media-breakpoint-up(lg) {\r\n width: max-content;\r\n display: flex;\r\n position: absolute;\r\n padding: 20px;\r\n top: 170% !important;\r\n left: -25% !important;\r\n\r\n flex-direction: column;\r\n\r\n box-shadow: 0 0 20px 2px rgba(36, 36, 36, 0.2);\r\n background-color: $white;\r\n }\r\n\r\n li {\r\n display: flex;\r\n border-bottom: 1px solid $lightblue;\r\n background: $white;\r\n\r\n @include media-breakpoint-up(lg) {\r\n border: none;\r\n }\r\n\r\n &.menu-item a {\r\n font-weight: 600;\r\n padding: 6px 0;\r\n }\r\n\r\n &.spacing-top a {\r\n margin-top: 15px;\r\n }\r\n\r\n &.column-title a {\r\n border-bottom: 1px solid #3A3A3A;\r\n font-weight: 700;\r\n border-radius: 0;\r\n margin-bottom: 8px;\r\n padding-bottom: 14px;\r\n }\r\n\r\n &.header-menu-category a {\r\n color: #7D7D7D;\r\n font-weight: 700;\r\n border-bottom: 1px solid #3A3A3A;\r\n cursor: unset;\r\n border-radius: 0;\r\n margin-bottom: 8px;\r\n padding-bottom: 14px;\r\n width:100%\r\n }\r\n\r\n }\r\n\r\n a {\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 20px;\r\n text-transform: none;\r\n\r\n transition: 0s;\r\n }\r\n\r\n .column-title {\r\n flex-direction: column;\r\n\r\n & > a {\r\n font-weight: 700;\r\n line-height: normal !important;\r\n }\r\n\r\n ul {\r\n width: 192px;\r\n padding: 0;\r\n }\r\n }\r\n\r\n // sub-menu columns\r\n ul {\r\n @extend .visibility-opacity-transition;\r\n display: flex;\r\n position: inherit;\r\n\r\n flex-direction: column;\r\n\r\n a {\r\n border-left: 0;\r\n }\r\n }\r\n }\r\n\r\n // shows the submenu\r\n &:hover > ul {\r\n visibility: visible;\r\n opacity: 1;\r\n\r\n /**\r\n * This selector makes sure the submenu of a submenu appears under it\r\n * instead of on hover. This is to displays submenus as columns.\r\n */\r\n &:not([style*=\"display: none;\"]) {\r\n .menu-item-has-children {\r\n ul {\r\n visibility: visible;\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * row-menu : the row menu class puts the first element of the menu in a row\r\n * instead of a column (default). This makes it possible to have\r\n * multiple columns side by side by add the row-menu class in wordpress.\r\n */\r\n &.row-menu > ul {\r\n flex-direction: row;\r\n }\r\n\r\n }\r\n }\r\n\r\n .get-started-btn {\r\n a {\r\n display: block;\r\n border: none;\r\n border-radius: 8px;\r\n\r\n margin-left: 0;\r\n padding: 8px 32px;\r\n\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-weight: 700;\r\n min-width: 125px;\r\n text-align: center;\r\n text-transform: none;\r\n color: $black;\r\n\r\n background-color: $turquoise;\r\n background: linear-gradient(to top, $blue 50%, $turquoise 50%);\r\n background-size: 100% 200%;\r\n background-position: left top;\r\n transition: all 0.5s cubic-bezier(.69, .04, .9, .65);\r\n\r\n &:hover {\r\n color: $white;\r\n background-position: bottom left;\r\n }\r\n }\r\n }\r\n}\r\n\r\n#navbar {\r\n @media (max-width: 1023px) {\r\n\r\n overflow: auto !important;\r\n\r\n position: fixed;\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n\r\n padding-top: 67px;\r\n left: 0;\r\n\r\n text-align: left;\r\n\r\n background: $lightblue;\r\n\r\n transition: height .4s ease .1s, opacity .6s ease;\r\n opacity: 0;\r\n\r\n &.collapse {\r\n height: 67px !important;\r\n display: none !important;\r\n }\r\n\r\n\r\n &.collapse.in {\r\n display: block !important;\r\n height: 100vh !important;\r\n opacity: 1;\r\n }\r\n\r\n .menu {\r\n display: block;\r\n margin: 0;\r\n padding: 0 0 10px 0;\r\n\r\n li {\r\n display: block;\r\n padding: 0;\r\n\r\n &.get-started-btn {\r\n position: absolute;\r\n padding: 0 16px;\r\n bottom: 10%;\r\n width: 100%;\r\n }\r\n\r\n &.menu-item-has-children {\r\n position: relative;\r\n\r\n ul {\r\n position: relative;\r\n max-height: 0;\r\n padding: 0;\r\n\r\n overflow: hidden;\r\n transition: all .5s ease;\r\n }\r\n\r\n &.open {\r\n ul {\r\n max-height: 1500px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n a {\r\n display: block;\r\n padding: 10px 25px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.subnav {\r\n position: fixed;\r\n top: 67px;\r\n width: 100%;\r\n z-index: 999;\r\n background-color: #f8f8f8;\r\n}\r\n","@import \"../variables\";\r\n\r\n:root {\r\n --docsearch-primary-color: #{$blue} !important;\r\n --docsearch-logo-color: #{$blue} !important;\r\n}\r\n\r\n.sidefilter {\r\n\r\n background-color: transparent;\r\n padding: 24px;\r\n height: auto;\r\n border: 1px solid #e7e7e7;\r\n border-top: 0;\r\n\r\n .DocSearch-Button {\r\n background: transparent;\r\n border: 2px inset $darkgray;\r\n border-radius: 6px;\r\n margin: 0;\r\n min-height: 45px;\r\n padding: 10px;\r\n width: 100%;\r\n }\r\n\r\n .DocSearch-Button:active, .DocSearch-Button:focus, .DocSearch-Button:hover {\r\n border: 2px solid $blue;\r\n box-shadow: none;\r\n }\r\n\r\n .DocSearch-Button .DocSearch-Search-Icon {\r\n display: none;\r\n }\r\n\r\n .DocSearch-Button-Placeholder {\r\n color: rgb(117, 117, 117);\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 14px;\r\n line-height: 20px;\r\n padding: 10px;\r\n display: block;\r\n }\r\n}\r\n\r\n.DocSearch.DocSearch-Container {\r\n z-index: 9999;\r\n}\r\n"]} \ No newline at end of file