https://druskii32.github.io/index_files/main.d05f4d2b67fa3f1c.js

1"use strict";(self.webpackChunkm3=self.webpackChunkm3||[]).push([[179],{9931:(z,I,l)=>{l.d(I,{Jd:()=>ne,sU:()=>te});var r=l(3149),e=l(7703),a=(()=>{return(w=a||(a={})).MIO_COOKIE_NOTICE_CONFIRM="MIO_COOKIE_NOTICE_CONFIRM_GA_KEY",w.MIO_FOOTER_LINK="MIO_FOOTER_LINK_GA_KEY",w.MIO_LEFT_NAV_BACK_TO_MENU="MIO_LEFT_NAV_BACK_TO_MENU_GA_KEY",w.MIO_LEFT_NAV_CLOSE_MENU="MIO_LEFT_NAV_CLOSE_MENU_GA_KEY",w.MIO_LEFT_NAV_ITEM="MIO_LEFT_NAV_ITEM_GA_KEY",w.MIO_LEFT_NAV_OPEN_MENU="MIO_LEFT_NAV_OPEN_MENU_GA_KEY",w.MIO_LEFT_NAV_SECTION="MIO_LEFT_NAV_SECTION_GA_KEY",w.MIO_LIGHT_DARK_MODE_SWITCH="MIO_LIGHT_DARK_MODE_SWITCH_GA_KEY",w.MIO_M3_ARTICLE_TAB_BAR="MIO_M3_ARTICLE_TAB_BAR_GA_KEY",w.MIO_M3_ARTICLE_TOC="MIO_M3_ARTICLE_TOC_GA_KEY",w.MIO_M3_FEATURE_MODULE_LINK="MIO_M3_FEATURE_MODULE_LINK_GA_KEY",w.MIO_M3_HERO_FEATURE_MODULE_LINK="MIO_M3_HERO_FEATURE_MODULE_LINK_GA_KEY",w.MIO_M3_RESOURCE_LINK="MIO_M3_RESOURCE_LINK_GA_KEY",w.MIO_M3_TILE="MIO_M3_TILE_GA_KEY",w.MIO_NAV_RAIL_ITEM="MIO_NAV_RAIL_ITEM_GA_KEY",w.MIO_SEARCH_PERFORMED="MIO_SEARCH_PERFORMED_GA_KEY",w.MIO_SEARCH_RESET="MIO_SEARCH_RESET_GA_KEY",w.MIO_SEARCH_RESULT="MIO_SEARCH_RESULT_GA_KEY",w.MIO_TESTING="MIO_TESTING_GA_KEY",w.MIO_TOOLBAR_M3_HOMEPAGE_LINK="MIO_TOOLBAR_M3_HOMEPAGE_LINK_GA_KEY",w.MIO_TOOLBAR_MENU="MIO_TOOLBAR_MENU_GA_KEY",w.MIO_TOOLBAR="MIO_TOOLBAR_GA_KEY",w.MIO_UP_NEXT="MIO_UP_NEXT_GA_KEY",w.MIO_RELATED_LINK="MIO_RELATED_LINK_GA_KEY",w.MIO_BLOG_SHARE="MIO_BLOG_SHARE_GA_KEY",a;var w})();const v=new e.E("toolbar menu",r._.click),s=new e.E("toolbar M3 homepage",r._.click),m=new e.E("nav rail item",r._.click),b=new e.E("left nav item",r._.click),C=new e.E("left nav section",r._.click),_=new e.E("left nav close menu",r._.click),P=new e.E("left nav open menu",r._.click),E=new e.E("left nav back to menu",r._.click),A=new e.E("toggle light/dark mode",r._.click),k=new e.E("resource link",r._.click),D=new e.E("tile",r._.click),p=new e.E("feature module link",r._.click),y=new e.E("hero module link",r._.click),N=new e.E("article - tab bar",r._.click),U=new e.E("article - toc",r._.click),Y=new e.E("footer",r._.click),Z=new e.E("category","action"),J=new e.E("cookie notice - confirm",r._.click),K=new e.E("Search performed",r._.enter),T=new e.E("Search results click",r._.click),G=new e.E("Search reset",r._.click),h=new e.E("up next",r._.click),M=new e.E("related",r._.click),L=new e.E("toolbar",r._.click),V=new e.E("blog social share",r._.click),te={AnalyticsKeys:a,AnalyticsEvents:{MIO_COOKIE_NOTICE_CONFIRM_GA_KEY:J,MIO_FOOTER_LINK_GA_KEY:Y,MIO_LEFT_NAV_BACK_TO_MENU_GA_KEY:E,MIO_LEFT_NAV_CLOSE_MENU_GA_KEY:_,MIO_LEFT_NAV_ITEM_GA_KEY:b,MIO_LEFT_NAV_OPEN_MENU_GA_KEY:P,MIO_LEFT_NAV_SECTION_GA_KEY:C,MIO_LIGHT_DARK_MODE_SWITCH_GA_KEY:A,MIO_M3_ARTICLE_TAB_BAR_GA_KEY:N,MIO_M3_ARTICLE_TOC_GA_KEY:U,MIO_M3_FEATURE_MODULE_LINK_GA_KEY:p,MIO_M3_HERO_FEATURE_MODULE_LINK_GA_KEY:y,MIO_M3_RESOURCE_LINK_GA_KEY:k,MIO_M3_TILE_GA_KEY:D,MIO_NAV_RAIL_ITEM_GA_KEY:m,MIO_SEARCH_PERFORMED_GA_KEY:K,MIO_SEARCH_RESET_GA_KEY:G,MIO_SEARCH_RESULT_GA_KEY:T,MIO_TESTING_GA_KEY:Z,MIO_TOOLBAR_M3_HOMEPAGE_LINK_GA_KEY:s,MIO_TOOLBAR_MENU_GA_KEY:v,MIO_TOOLBAR_GA_KEY:L,MIO_UP_NEXT_GA_KEY:h,MIO_RELATED_LINK_GA_KEY:M,MIO_BLOG_SHARE_GA_KEY:V}};function ne(w){var $;return{wallpaper:`${null==w?void 0:w.url}`,"brightness-change":`${null==w?void 0:w.dark}`,"theme-export":`${null===($=null==w?void 0:w.platform)||void 0===$?void 0:$.label}`,"tab-select":`${null==w?void 0:w.tab}`,"color-roles":`${null==w?void 0:w.url}`,"dynamic-color-link":`${null==w?void 0:w.url}`,"material-builder-link":`${null==w?void 0:w.url}`,"mtb-for-figma-link":`${null==w?void 0:w.url}`,"time-on-page":`${null==w?void 0:w.timeonpage}`,"copy-color":`${null==w?void 0:w.colorRole}`,"toggle-harmonize-color":`${w}`}}},9647:(z,I,l)=>{l.d(I,{z:()=>a});var r=l(6435);const e=["*"];let a=(()=>{class v{constructor(){}}return v.\u0275fac=function(m){return new(m||v)},v.\u0275cmp=r.Xpm({type:v,selectors:[["mio-card-set"]],ngContentSelectors:e,decls:1,vars:0,template:function(m,b){1&m&&(r.F$t(),r.Hsn(0))},styles:["[_nghost-%COMP%]{--min-row-height: 320px;--stacked-col-max-height: 198px;display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(6,1fr);grid-auto-flow:row;grid-auto-rows:minmax(var(--min-row-height),auto)}@media screen and (max-width: 1294px){[_nghost-%COMP%]{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){[_nghost-%COMP%]{grid-template-columns:1fr}}.stack[_nghost-%COMP%]{grid-auto-rows:fit-content(var(--stacked-col-max-height));grid-template-columns:1fr}.stretch[_nghost-%COMP%]{grid-auto-rows:1fr;grid-template-columns:1fr}.col-2[_nghost-%COMP%]{grid-template-columns:repeat(2,1fr)}@media screen and (max-width: 960px){.col-2[_nghost-%COMP%]{grid-template-columns:1fr}}.grid-toggle-view[_nghost-%COMP%]{--min-row-height: 0;grid-template-columns:1fr}"]}),v})()},8591:(z,I,l)=>{l.d(I,{A:()=>Q});var r=l(9931),e=l(4854),a=l(6435),v=l(8140),s=l(2313),m=l(3922),b=l(8786),C=l(9808);const _=["thumbContainer"];function P(u,R){if(1&u&&a._UZ(0,"div",5),2&u){const f=a.oxw();a.Udp("background-image",f.foregroundImage)("background-position",f.foregroundPosition)}}function E(u,R){if(1&u&&a._UZ(0,"div",6),2&u){const f=a.oxw();a.Udp("background-image",f.hoverImage&&"url("+f.hoverImage+")")}}function A(u,R){if(1&u){const f=a.EpF();a.TgZ(0,"img",7),a.NdJ("load",function(){return a.CHM(f),a.oxw().onLoad()}),a.qZA()}if(2&u){const f=a.oxw();a.Q6J("src",f.thumbnailImage,a.LSH)("loading",f.lazyload?"lazy":"")}}

1const k=function(u,R,f){return{"grid-thumbnail-view":u,"has-hover":R,"blur-bg":f}};let D=(()=>{class u{constructor(f){this.zone=f,this.imageLoaded=!1}ngAfterViewInit(){this.setupObserver()}setupObserver(){var f;const x=null===(f=this.thumbContainerRef)||void 0===f?void 0:f.nativeElement;x&&(this.observer=new ResizeObserver(q=>{this.zone.run(()=>{this.thumbnailAspectRatio=q[0].contentRect.width/q[0].contentRect.height})}),this.observer.observe(x))}onLoad(){this.thumbContainerRef.nativeElement.style.backgroundImage=`url(${this.thumbnailImage})`,this.imageLoaded=!0}ngOnDestroy(){this.observer&&this.observer.unobserve(this.thumbContainerRef.nativeElement)}}return u.\u0275fac=function(f){return new(f||u)(a.Y36(a.R0b))},u.\u0275cmp=a.Xpm({type:u,selectors:[["mio-thumbnail"]],viewQuery:function(f,x){if(1&f&&a.Gf(_,5),2&f){let q;a.iGM(q=a.CRH())&&(x.thumbContainerRef=q.first)}},inputs:{gridView:"gridView",backgroundColor:"backgroundColor",thumbnailImage:"thumbnailImage",showForeground:"showForeground",foregroundImage:"foregroundImage",foregroundPosition:"foregroundPosition",showHoverImage:"showHoverImage",hoverImage:"hoverImage",hasHover:"hasHover",lazyload:"lazyload"},decls:5,vars:12,consts:[[1,"thumb-container",3,"ngClass"],["thumbContainer",""],["class","foreground",3,"backgroundImage","backgroundPosition",4,"ngIf"],["class","hover-image",3,"backgroundImage",4,"ngIf"],["class","hidden-img","aria-hidden","true",3,"src","loading","load",4,"ngIf"],[1,"foreground"],[1,"hover-image"],["aria-hidden","true",1,"hidden-img",3,"src","loading","load"]],template:function(f,x){1&f&&(a.TgZ(0,"div",0,1),a.YNc(2,P,1,4,"div",2),a.YNc(3,E,1,2,"div",3),a.YNc(4,A,1,2,"img",4),a.qZA()),2&f&&(a.Udp("background",x.backgroundColor)("background-image",x.thumbnailImage&&"url("+x.thumbnailImage+"-s40-rj)"),a.Q6J("ngClass",a.kEZ(8,k,!x.gridView,x.hasHover,x.thumbnailImage&&!x.imageLoaded)),a.xp6(2),a.Q6J("ngIf",x.showForeground),a.xp6(1),a.Q6J("ngIf",x.showHoverImage),a.xp6(1),a.Q6J("ngIf",x.thumbnailImage&&!x.imageLoaded))},directives:[C.mk,C.O5],styles:['mio-card-set.stack[_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%], mio-card-set.stack   [_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%], mio-card-set.stretch[_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%], mio-card-set.stretch   [_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%]{width:200px}[size=small][_nghost-%COMP%], [size=medium][_nghost-%COMP%], [size=large][_nghost-%COMP%]{width:100%}[size=small][_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%], [size=medium][_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%], [size=large][_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%]{width:100%}[size=medium][_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%]{height:298px}[size=large][_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%]{height:398px}@media screen and (max-width: 1294px){[size=small][_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%]{height:200px}[size=medium][_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%]{height:298px}[size=large][_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%]{height:298px}}@media screen and (max-width: 600px){[size=small][_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%], [size=medium][_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%], [size=large][_nghost-%COMP%]   .thumb-container[_ngcontent-%COMP%]{height:200px}}.has-hover[_ngcontent-%COMP%]   .hover-image[_ngcontent-%COMP%]{opacity:1}.thumb-container[_ngcontent-%COMP%]{display:flex;position:relative;align-items:center;justify-content:center;

1min-width:200px;height:200px;border-radius:24px;background-color:var(--mio-theme-color-secondary-container);background-repeat:no-repeat;background-position:50%;background-size:cover;overflow:hidden;z-index:1}.thumb-container.blur-bg[_ngcontent-%COMP%]{position:relative}.thumb-container.blur-bg[_ngcontent-%COMP%]:after{display:block;position:absolute;width:100%;height:100%;animation:blur 3s;border-radius:24px;content:"";-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.foreground[_ngcontent-%COMP%]{width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;backface-visibility:hidden}.hover-image[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transition:opacity .3s cubic-bezier(.2,0,0,1);background-repeat:no-repeat;background-position:50%;background-size:cover;opacity:0;z-index:-1}.grid-thumbnail-view[_ngcontent-%COMP%]{display:none}.hidden-img[_ngcontent-%COMP%]{position:absolute;width:1px;height:1px;visibility:hidden;z-index:-1}@keyframes blur{0%{filter:blur(50px)}to{filter:blur(8px)}}']}),u})();function p(u,R){1&u&&(a.O4$(),a.TgZ(0,"svg",6),a._UZ(1,"path",7),a.qZA())}function y(u,R){1&u&&(a.O4$(),a.TgZ(0,"svg",8),a._UZ(1,"path",9),a.qZA())}function N(u,R){if(1&u&&(a.TgZ(0,"span",10),a._uU(1),a.qZA()),2&u){const f=a.oxw();a.xp6(1),a.Oqu(f.symbol)}}function U(u,R){1&u&&(a.O4$(),a.TgZ(0,"svg",14),a._UZ(1,"path",15),a.qZA())}function Y(u,R){if(1&u&&a._UZ(0,"div",16),2&u){const f=a.oxw(2);a.Q6J("ngClass",f.symbol)}}function Z(u,R){if(1&u&&(a.ynx(0,11),a.YNc(1,U,2,0,"svg",12),a.YNc(2,Y,1,1,"div",13),a.BQk()),2&u){const f=a.oxw();a.Q6J("ngSwitch",f.symbol),a.xp6(1),a.Q6J("ngSwitchCase",f.CustomSymbols.github)}}var J=(()=>{return(u=J||(J={})).clover="clover",u.flower="flower",J;var u})(),K=(()=>{return(u=K||(K={})).glitch="glitch",u.github="github",K;var u})();let T=(()=>{class u{constructor(){this.CustomSymbols=K,this.ShapeMasks=J,this.isSymbolFont=!0,this.shape=J.clover,this.spin=!1}ngOnInit(){Object.keys(this.CustomSymbols).includes(this.symbol)&&(this.isSymbolFont=!1)}}return u.\u0275fac=function(f){return new(f||u)},u.\u0275cmp=a.Xpm({type:u,selectors:[["mio-icon-badge"]],hostVars:10,hostBindings:function(f,x){2&f&&(a.Udp("--symbol-color",x.symbolHex)("--symbol-color-hover",x.symbolHoverHex)("--badge-bg-color",x.shapeHex)("--badge-bg-color-hover",x.shapeHoverHex),a.ekj("spin",x.spin))},inputs:{shape:"shape",symbol:"symbol",symbolHex:"symbolHex",symbolHoverHex:"symbolHoverHex",shapeHex:"shapeHex",shapeHoverHex:"shapeHoverHex",spin:"spin"},decls:6,vars:4,consts:[[1,"mask",3,"ngSwitch"],["class","flower","width","100%","height","100%","viewBox","0 0 80 80","fill","none","xmlns","http://www.w3.org/2000/svg",4,"ngSwitchCase"],["width","100%","class","clover","height","100%","viewBox","0 0 40 40","fill","none","xmlns","http://www.w3.org/2000/svg",4,"ngSwitchDefault"],[1,"symbol"],["aria-hidden","true","class","google-symbols",4,"ngIf"],[3,"ngSwitch",4,"ngIf"],["width","100%","height","100%","viewBox","0 0 80 80","fill","none","xmlns","http://www.w3.org/2000/svg",1,"flower"],["d","M77.1461 39.9994C83.6068 52.0411 78.7255 62.9426 66.2666 66.2653C62.9426 78.7255 52.0411 83.6055 39.9994 77.1461C27.9577 83.6068 17.0561 78.7255 13.7334 66.2666C1.27453 62.9426 -3.60675 52.0411 2.85391 39.9994C-3.60675 27.9577 1.27453 17.0561 13.7334 13.7334C17.0561 1.27453 27.9577 -3.60675 39.9994 2.85391C52.0411 -3.60675 62.9426 1.27453 66.2653 13.7334C78.7255 17.0561 83.6055 27.9577 77.1461 39.9994Z","fill","white"],["width","100%","height","100%","viewBox","0 0 40 40","fill","none","xmlns","http://www.w3.org/2000/svg",1,"clover"],["d","M.887 14.467C-2.845 5.875 5.875-2.845 14.467.887l1.42.617a10.323 10.323 0 0 0 8.225 0l1.42-.617c8.593-3.732 17.313 4.988 13.581 13.58l-.617 1.42a10.323 10.323 0 0 0 0 8.225l.617 1.42c3.732 8.593-4.989 17.313-13.58 13.581l-1.42-.617a10.323 10.323 0 0 0-8.225 0l-1.42.617C5.874 42.845-2.846 34.125.886 25.533l.617-1.42a10.323 10.323 0 0 0 0-8.225l-.617-1.42Z","fill","#D3E3FD"],["aria-hidden","true",1,"google-symbols"],[3,"ngSwitch"],["width","100%","height","100%","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg",4,"ngSwitchCase"],[3,"ngClass",4,"ngSwitchDefault"],["width","100%","height","100%","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["fill-rule","evenodd","clip-rule","evenodd","d","M12 2C6.48 2 2 6.59 2 12.25c0 4.53 2.87 8.37 6.84 9.73.5.09.68-.22.68-.49 0-.24-.01-.89-.01-1.74-2.78.62-3.37-1.37-3.37-1.37-.45-1.18-1.11-1.5-1.11-1.5-.91-.

164.07-.62.07-.62 1 .07 1.53 1.06 1.53 1.06.89 1.57 2.34 1.11 2.91.85.09-.66.35-1.11.63-1.37-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.03 1.03-2.75-.1-.26-.45-1.3.1-2.71 0 0 .84-.28 2.75 1.05.8-.23 1.65-.34 2.5-.34.85 0 1.7.12 2.5.34 1.91-1.33 2.75-1.05 2.75-1.05.55 1.41.2 2.45.1 2.71.64.72 1.03 1.63 1.03 2.75 0 3.94-2.34 4.81-4.57 5.06.36.32.68.94.68 1.9 0 1.37-.01 2.48-.01 2.81 0 .27.18.59.69.49 3.97-1.36 6.83-5.2 6.83-9.73C22 6.59 17.52 2 12 2z","fill","#000"],[3,"ngClass"]],template:function(f,x){1&f&&(a.TgZ(0,"div",0),a.YNc(1,p,2,0,"svg",1),a.YNc(2,y,2,0,"svg",2),a.qZA(),a.TgZ(3,"div",3),a.YNc(4,N,2,1,"span",4),a.YNc(5,Z,3,2,"ng-container",5),a.qZA()),2&f&&(a.Q6J("ngSwitch",x.shape),a.xp6(1),a.Q6J("ngSwitchCase",x.ShapeMasks.flower),a.xp6(3),a.Q6J("ngIf",x.isSymbolFont),a.xp6(1),a.Q6J("ngIf",!x.isSymbolFont))},directives:[C.RF,C.n9,C.ED,C.O5,C.mk],styles:['@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[_nghost-%COMP%]{--symbol-size: 32px;--badge-bg-color: var(--mio-theme-color-surface-0);--badge-bg-color-hover: var(--mio-theme-color-secondary);--symbol-color: var(--mio-theme-color-on-secondary-container);--symbol-color-hover: var(--mio-theme-color-on-secondary);display:grid;align-items:center;transform-origin:50%;transition:transform cubic-bezier(.4,0,.2,1) .25s;color:var(--symbol-color);font-weight:500;justify-items:center}[_nghost-%COMP%]   .google-symbols[_ngcontent-%COMP%]{transition:font-variation-settings cubic-bezier(.4,0,.2,1) .25s;font-variation-settings:"wght" 500}a:focus[_nghost-%COMP%], a:focus   [_nghost-%COMP%]{color:var(--symbol-color-hover)}a:focus[_nghost-%COMP%]   .mask[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%], a:focus   [_nghost-%COMP%]   .mask[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%]{fill:var(--badge-bg-color-hover)}a:hover[_nghost-%COMP%], a:hover   [_nghost-%COMP%]{color:var(--symbol-color-hover)}a:hover[_nghost-%COMP%]   .mask[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%], a:hover   [_nghost-%COMP%]   .mask[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%]{fill:var(--badge-bg-color-hover)}a:hover[_nghost-%COMP%]   .google-symbols[_ngcontent-%COMP%], a:hover   [_nghost-%COMP%]   .google-symbols[_ngcontent-%COMP%]{font-variation-settings:"wght" 700}a:hover[_nghost-%COMP%]   .symbol[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%], a:hover   [_nghost-%COMP%]   .symbol[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%]{fill:var(--symbol-color-hover)}a:active[_nghost-%COMP%]   .mask[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%], a:active   [_nghost-%COMP%]   .mask[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%]{fill:var(--badge-bg-color-hover)}a:active[_nghost-%COMP%]   .google-symbols[_ngcontent-%COMP%], a:active   [_nghost-%COMP%]   .google-symbols[_ngcontent-%COMP%]{font-variation-settings:"wght" 300}@media (prefers-reduced-motion: no-preference){a:hover.spin[_nghost-%COMP%]   .clover[_ngcontent-%COMP%], a:hover   .spin[_nghost-%COMP%]   .clover[_ngcontent-%COMP%]{transform:rotate(90deg)}a:hover.spin[_nghost-%COMP%]   .flower[_ngcontent-%COMP%], a:hover   .spin[_nghost-%COMP%]   .flower[_ngcontent-%COMP%]{animation-play-state:running}}.mask[_ngcontent-%COMP%], .symbol[_ngcontent-%COMP%]{grid-column:1;grid-row:1}.mask[_ngcontent-%COMP%]{width:inherit;height:inherit;background-repeat:no-repeat;background-size:contain}.mask[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{transition:all cubic-bezier(.4,0,.2,1) .25s}.mask[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%]{transition:fill .3s cubic-bezier(.2,0,0,1);

1fill:var(--badge-bg-color)}.mask[_ngcontent-%COMP%]   .flower[_ngcontent-%COMP%]{animation:spin 12s linear;animation-iteration-count:infinite;animation-play-state:paused}.symbol[_ngcontent-%COMP%]{width:var(--symbol-size);height:var(--symbol-size);z-index:1}.symbol[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%]{fill:var(--symbol-color)}.symbol[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{width:inherit;height:inherit;background-size:contain}.symbol[_ngcontent-%COMP%]   .glitch[_ngcontent-%COMP%]{background-image:url(/static/angular/glitch.53045f4cdfa6c48a.svg)}.symbol[_ngcontent-%COMP%]   .google-symbols[_ngcontent-%COMP%]{font-size:var(--symbol-size)}']}),u})();function G(u,R){if(1&u&&a._UZ(0,"span",12),2&u){const f=a.oxw();a.Q6J("innerHtml",f.overline,a.oJD)}}function h(u,R){if(1&u&&(a.TgZ(0,"span",13),a._uU(1),a.qZA()),2&u){const f=a.oxw();a.xp6(1),a.Oqu(f.date)}}function M(u,R){if(1&u&&(a.TgZ(0,"button",14)(1,"span"),a._uU(2),a.qZA(),a.TgZ(3,"span",15),a._uU(4,"arrow_outward"),a.qZA()()),2&u){const f=a.oxw();a.xp6(2),a.Oqu(f.titleLinkText)}}function L(u,R){if(1&u&&(a.TgZ(0,"div"),a._uU(1),a.qZA()),2&u){const f=a.oxw(2);a.xp6(1),a.Oqu(f.cardTabDescription.cardTabDescription)}}function V(u,R){1&u&&(a.TgZ(0,"div",19),a._uU(1,"chevron_right"),a.qZA())}function j(u,R){if(1&u&&(a.TgZ(0,"div"),a._uU(1),a.qZA()),2&u){const f=a.oxw(2);a.xp6(1),a.Oqu(f.cardTabDescription.cardTab)}}function te(u,R){if(1&u&&(a.TgZ(0,"div",16),a.YNc(1,L,2,1,"div",17),a.YNc(2,V,2,0,"div",18),a.YNc(3,j,2,1,"div",17),a.qZA()),2&u){const f=a.oxw();a.xp6(1),a.Q6J("ngIf",null==f.cardTabDescription?null:f.cardTabDescription.cardTabDescription),a.xp6(1),a.Q6J("ngIf",null==f.cardTabDescription?null:f.cardTabDescription.cardTab),a.xp6(1),a.Q6J("ngIf",null==f.cardTabDescription?null:f.cardTabDescription.cardTab)}}function ne(u,R){if(1&u&&(a.TgZ(0,"span",20),a._uU(1),a.qZA()),2&u){const f=a.oxw();a.xp6(1),a.Oqu(f.description)}}function w(u,R){if(1&u&&a._UZ(0,"span",21),2&u){const f=a.oxw();a.Q6J("innerHTML",f.sanitizeRichDescription(f.richDescription),a.oJD)}}function $(u,R){if(1&u&&a._UZ(0,"mio-thumbnail",22),2&u){const f=a.oxw();a.Q6J("gridView",f.isGridView)("backgroundColor",f.isDarkMode?f.thumbnailDarkModeHex:f.thumbnailHex)("thumbnailImage",f.thumbnailImage)("showForeground",f.thumbnailForeground3x1)("foregroundImage",f.getActiveThumbnailForegroundCss())("foregroundPosition",f.thumbnailForegroundAlignment)("showHoverImage",f.thumbnailHoverImage)("hoverImage",f.isDarkMode?f.thumbnailDarkModeHoverImage:f.thumbnailHoverImage)("hasHover",f.hasHover)("lazyload",f.lazyload),a.uIk("size",f.size)}}function ae(u,R){if(1&u&&a._UZ(0,"mio-icon-badge",23),2&u){const f=a.oxw();a.Q6J("symbol",f.badgeIcon)("symbolHex",f.badgeIconHex)("symbolHoverHex",f.badgeIconHoverHex)("shape",f.badgeShape)("shapeHex",f.badgeShapeHex)("shapeHoverHex",f.badgeShapeHoverHex)}}var ee=(()=>{return(u=ee||(ee={})).Small="small",u.Medium="medium",u.Large="large",ee;var u})();let Q=(()=>{class u{constructor(f,x){this.themeService=f,this.sanitized=x,this.AnalyticsKeys=r.sU.AnalyticsKeys,this.size=ee.Small,this.analyticsKey="MIO_M3_TILE",this.openNewWindow=!1,this.isGridView=!0,this.lazyload=!0,this.hasHover=!1,this.isDarkMode=this.themeService.isDarkMode,this.themeService.darkMode$.subscribe(q=>{this.isDarkMode=q})}getActiveThumbnailForegroundCss(){let f;if(this.isDarkMode)switch(!0){case this.thumbnailAspectRatio<=2&&this.thumbnailAspectRatio>1.5:f=this.thumbnailDarkModeForeground2x1?this.thumbnailDarkModeForeground2x1:this.thumbnailDarkModeForeground3x1;break;case this.thumbnailAspectRatio<=1.5:f=this.thumbnailDarkModeForeground3x2?this.thumbnailDarkModeForeground3x2:this.thumbnailDarkModeForeground3x1;break;default:f=this.thumbnailDarkModeForeground3x1}else switch(!0){case this.thumbnailAspectRatio<=2&&this.thumbnailAspectRatio>1.5:f=this.thumbnailForeground2x1?this.thumbnailForeground2x1:this.thumbnailForeground3x1;break;case this.thumbnailAspectRatio<=1.5:f=this.thumbnailForeground3x2?this.thumbnailForeground3x2:this.thumbnailForeground3x1;break;default:f=this.thumbnailForeground3x1}return`url(${f})`}setFocus(){this.link&&(document.dispatchEvent(new CustomEvent(e.vn.scrollToTop)),document.dispatchEvent(new CustomEvent(e.vn.setFocus)))}scrollToTop(){this.link&&document.dispatchEvent(new CustomEvent(e.vn.scrollToTop))}sanitizeRichDescription(f){return this.sanitized.sanitize(1,f)}}return u.\u0275fac=function(f){return new(f||u)(a.Y36(v.f),a.Y36(s.H7))},u.\u0275cmp=a.Xpm({type:u,selectors:[["mio-card"]],hostVars:7,hostBindings:function(f,x){2&f&&(a.uIk("size",x.size),a.Tol(x.theme),a.Udp("--dynamic-background-hover",x.backgroundHoverColor),a.ekj("dark-mode",x.isDarkMode))},inputs:{size:"size",backgroundHoverColor:"backgroundHoverColor",theme:"theme",backgroundImage:"backgroundImage",backgroundHex:"backgroundHex",alignText:"alignText",analyticsKey:"analyticsKey",thumbnailImage:"thumbnailImage",thumbnailHex:"thumbnailHex",thumbnailForeground1x1:"thumbnailForeground1x1",thumbnailForeground3x2:"thumbnailForeground3x2",thumbnailForeground2x1:"thumbnailForeground2x1",thumbnailForeground3x1:"thumbnailForeground3x1",thumbnailForegroundAlignment:"thumbnailForegroundAlignment",thumbnailDarkModeHex:"thumbnailDarkModeHex",thumbnailDarkModeForeground1x1:"thumbnailDarkModeForeground1x1",thumbnailDarkModeForeground3x2:"thumbnailDarkModeForeground3x2",thumbnailDarkModeForeground2x1:"thumbnailDarkModeForeground2x1",thumbnailDarkModeForeground3x1:"thumbnailDarkModeForeground3x1",thumbnailHoverImage:"thumbnailHoverImage",thumbnailDarkModeHoverImage:"thumbnailDarkModeHoverImage",overline:"overline",title:"title",titleLinkText:"titleLinkText",description:"description",richDescription:"richDescription",link:"link",linkAriaLabel:"linkAriaLabel",openNewWindow:"openNewWindow",badgeIcon:"badgeIcon",badgeIconHex:"badgeIconHex",badgeIconHoverHex:"badgeIconHoverHex",badgeShape:"badgeShape",badgeShapeHex:"badgeShapeHex",badgeShapeHoverHex:"badgeShapeHoverHex",isGridView:"isGridView",cardTabDescription:"cardTabDescription",date:"date",lazyload:"lazyload"},decls:13,vars:27,consts:[["mioAnalyticsTracking","","mioRipple","",3,"href","analyticsKey","analyticsLabel","analyticsValue","target","click","keydown.enter","mouseenter","focus","mouseleave","focusout"],[1,"content-container"],["class","overline",3,"innerHtml",4,"ngIf"],["class","date",4,"ngIf"],[1,"mio-title-row"],[1,"title"],["tabindex","-1","aria-hidden","true","class","mio-title-button",4,"ngIf"],["class","card-tab",4,"ngIf"],["class","description",4,"ngIf"],["class","description rich-description",3,"innerHTML",4,"ngIf"],[3,"gridView","backgroundColor","thumbnailImage","showForeground","foregroundImage","foregroundPosition","showH

1overImage","hoverImage","hasHover","lazyload",4,"ngIf"],[3,"symbol","symbolHex","symbolHoverHex","shape","shapeHex","shapeHoverHex",4,"ngIf"],[1,"overline",3,"innerHtml"],[1,"date"],["tabindex","-1","aria-hidden","true",1,"mio-title-button"],["aria-hidden","true",1,"google-symbols"],[1,"card-tab"],[4,"ngIf"],["class","google-symbols",4,"ngIf"],[1,"google-symbols"],[1,"description"],[1,"description","rich-description",3,"innerHTML"],[3,"gridView","backgroundColor","thumbnailImage","showForeground","foregroundImage","foregroundPosition","showHoverImage","hoverImage","hasHover","lazyload"],[3,"symbol","symbolHex","symbolHoverHex","shape","shapeHex","shapeHoverHex"]],template:function(f,x){1&f&&(a.TgZ(0,"a",0),a.NdJ("click",function(){return x.scrollToTop()})("keydown.enter",function(){return x.setFocus()})("mouseenter",function(){return x.hasHover=!0})("focus",function(){return x.hasHover=!0})("mouseleave",function(){return x.hasHover=!1})("focusout",function(){return x.hasHover=!1}),a.TgZ(1,"div",1),a.YNc(2,G,1,1,"span",2),a.YNc(3,h,2,1,"span",3),a.TgZ(4,"span",4)(5,"span",5),a._uU(6),a.qZA(),a.YNc(7,M,5,1,"button",6),a.qZA(),a.YNc(8,te,4,3,"div",7),a.YNc(9,ne,2,1,"span",8),a.YNc(10,w,1,1,"span",9),a.qZA(),a.YNc(11,$,1,11,"mio-thumbnail",10),a.YNc(12,ae,1,6,"mio-icon-badge",11),a.qZA()),2&f&&(a.Udp("justify-content",x.alignText)("background",x.backgroundHex)("background-image",x.backgroundImage&&"url("+x.backgroundImage+")"),a.ekj("scrim",x.backgroundImage)("thumbnail",x.thumbnailHex||x.thumbnailImage)("overline",x.overline),a.Q6J("href",x.link,a.LSH)("analyticsKey",x.AnalyticsKeys[x.analyticsKey])("analyticsLabel","MIO_M3_TILE"===x.analyticsKey?x.link:x.title)("analyticsValue","MIO_M3_TILE"===x.analyticsKey?"":x.link)("target",x.openNewWindow?"_blank":"_self"),a.uIk("aria-label",x.linkAriaLabel),a.xp6(2),a.Q6J("ngIf",x.overline),a.xp6(1),a.Q6J("ngIf",x.date),a.xp6(3),a.Oqu(x.title),a.xp6(1),a.Q6J("ngIf",x.titleLinkText),a.xp6(1),a.Q6J("ngIf",x.cardTabDescription),a.xp6(1),a.Q6J("ngIf",x.description),a.xp6(1),a.Q6J("ngIf",x.richDescription),a.xp6(1),a.Q6J("ngIf",x.thumbnailHex||x.thumbnailImage||x.thumbnailForeground3x1),a.xp6(1),a.Q6J("ngIf",x.badgeIcon))},directives:[m.v,b.E,C.O5,D,T],styles:['mio-card-set.stack[_nghost-%COMP%], mio-card-set.stack   [_nghost-%COMP%], mio-card-set.stretch[_nghost-%COMP%], mio-card-set.stretch   [_nghost-%COMP%]{grid-column:span 1}mio-card-set.stack[_nghost-%COMP%]   a[_ngcontent-%COMP%], mio-card-set.stack   [_nghost-%COMP%]   a[_ngcontent-%COMP%], mio-card-set.stretch[_nghost-%COMP%]   a[_ngcontent-%COMP%], mio-card-set.stretch   [_nghost-%COMP%]   a[_ngcontent-%COMP%]{flex-direction:initial}mio-card-set.stack[_nghost-%COMP%]   a.thumbnail[_ngcontent-%COMP%], mio-card-set.stack   [_nghost-%COMP%]   a.thumbnail[_ngcontent-%COMP%], mio-card-set.stretch[_nghost-%COMP%]   a.thumbnail[_ngcontent-%COMP%], mio-card-set.stretch   [_nghost-%COMP%]   a.thumbnail[_ngcontent-%COMP%]{justify-content:space-between}mio-card-set.stack[_nghost-%COMP%]   .content-container[_ngcontent-%COMP%], mio-card-set.stack   [_nghost-%COMP%]   .content-container[_ngcontent-%COMP%], mio-card-set.stack[_nghost-%COMP%]   .description[_ngcontent-%COMP%], mio-card-set.stack   [_nghost-%COMP%]   .description[_ngcontent-%COMP%], mio-card-set.stretch[_nghost-%COMP%]   .content-container[_ngcontent-%COMP%], mio-card-set.stretch   [_nghost-%COMP%]   .content-container[_ngcontent-%COMP%], mio-card-set.stretch[_nghost-%COMP%]   .description[_ngcontent-%COMP%], mio-card-set.stretch   [_nghost-%COMP%]   .description[_ngcontent-%COMP%]{align-self:end;overflow:hidden}mio-card-set.stack[_nghost-%COMP%]   mio-thumbnail[_ngcontent-%COMP%] + mio-icon-badge[_ngcontent-%COMP%], mio-card-set.stack   [_nghost-%COMP%]   mio-thumbnail[_ngcontent-%COMP%] + mio-icon-badge[_ngcontent-%COMP%], mio-card-set.stretch[_nghost-%COMP%]   mio-thumbnail[_ngcontent-%COMP%] + mio-icon-badge[_ngcontent-%COMP%], mio-card-set.stretch   [_nghost-%COMP%]   mio-thumbnail[_ngcontent-%COMP%] + mio-icon-badge[_ngcontent-%COMP%]{right:200px}[badgeicon][_nghost-%COMP%]   mio-card-set.stack[_nghost-%COMP%]   mio-icon-badge[_ngcontent-%COMP%], mio-card-set.stack   [_nghost-%COMP%]   mio-icon-badge[_ngcontent-%COMP%], [badgeicon][_nghost-%COMP%]   mio-card-set.col-2[_nghost-%COMP%]   mio-icon-badge[_ngcontent-%COMP%], mio-card-set.col-2   [_nghost-%COMP%]   mio-icon-badge[_ngcontent-%COMP%], [badgeicon][_nghost-%COMP%]   mio-card-set.stretch[_nghost-%COMP%]   mio-icon-badge[_ngcontent-%COMP%], mio-card-set.stretch   [_nghost-%COMP%]   mio-icon-badge[_ngcontent-%COMP%]{--symbol-size: 24px;width:40px;height:40px}[badgeicon][_nghost-%COMP%]   mio-card-set.stack[_nghost-%COMP%]   .title[_ngcontent-%COMP%], mio-card-set.stack   [_nghost-%COMP%]   .title[_ngcontent-%COMP%], [badgeicon][_nghost-%COMP%]   mio-card-set.col-2[_nghost-%COMP%]   .title[_ngcontent-%COMP%], mio-card-set.col-2   [_nghost-%COMP%]   .title[_ngcontent-%COMP%], [badgeicon][_nghost-%COMP%]   mio-card-set.stretch[_nghost-%COMP%]   .title[_ngcontent-%COMP%], mio-card-set.stretch   [_nghost-%COMP%]   .title[_ngcontent-%COMP%]{margin-right:56px}@media screen and (max-width: 600px){[badgeicon][_nghost-%COMP%]   mio-card-set.stack[_nghost-%COMP%]   .title[_ngcontent-%COMP%], mio-card-set.stack   [_nghost-%COMP%]   .title[_ngcontent-%COMP%], [badgeicon][_nghost-%COMP%]   mio-card-set.col-2[_nghost-%COMP%]   .title[_ngcontent-%COMP%], mio-card-set.col-2   [_nghost-%COMP%]   .title[_ngcontent-%COMP%], [badgeicon][_nghost-%COMP%]   mio-card-set.stretch[_nghost-%COMP%]   .title[_ngcontent-%COMP%], mio-card-set.stretch   [_nghost-%COMP%]   .title[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-s-font-family);

1font-size:var(--mio-theme-v2-headline-s-font-size);font-weight:var(--mio-theme-v2-headline-s-font-weight);letter-spacing:var(--mio-theme-v2-headline-s-letter-spacing);line-height:var(--mio-theme-v2-headline-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-s-font-variation-opsz)}}[size=small][_nghost-%COMP%]   a[_ngcontent-%COMP%], [size=medium][_nghost-%COMP%]   a[_ngcontent-%COMP%], [size=large][_nghost-%COMP%]   a[_ngcontent-%COMP%]{flex-direction:column-reverse}[size=small][_nghost-%COMP%]   a.thumbnail[_ngcontent-%COMP%], [size=small][_nghost-%COMP%]   a.overline[_ngcontent-%COMP%], [size=small][_nghost-%COMP%]   a.align-text-top[_ngcontent-%COMP%], [size=medium][_nghost-%COMP%]   a.thumbnail[_ngcontent-%COMP%], [size=medium][_nghost-%COMP%]   a.overline[_ngcontent-%COMP%], [size=medium][_nghost-%COMP%]   a.align-text-top[_ngcontent-%COMP%], [size=large][_nghost-%COMP%]   a.thumbnail[_ngcontent-%COMP%], [size=large][_nghost-%COMP%]   a.overline[_ngcontent-%COMP%], [size=large][_nghost-%COMP%]   a.align-text-top[_ngcontent-%COMP%]{justify-content:start}[size=small][_nghost-%COMP%]{grid-column:span 2}[size=small][_nghost-%COMP%]   mio-icon-badge[_ngcontent-%COMP%]{--symbol-size: 32px;width:56px;height:56px}[size=medium][_nghost-%COMP%]{grid-column:span 3}[size=medium][_nghost-%COMP%]   mio-icon-badge[_ngcontent-%COMP%]{--symbol-size: 32px;width:64px;height:64px}[size=large][_nghost-%COMP%]{grid-column:span 4}[size=large][_nghost-%COMP%]   mio-icon-badge[_ngcontent-%COMP%]{--symbol-size: 40px;width:72px;height:72px}[_nghost-%COMP%]{vertical-align:middle;grid-column:span 6}@media screen and (max-width: 1294px){[_nghost-%COMP%]{grid-column:span 2}[size=xsmall][_nghost-%COMP%]{grid-column:span 1}[size=small][_nghost-%COMP%]{grid-column:span 1}[size=medium][_nghost-%COMP%]{grid-column:span 1}[size=large][_nghost-%COMP%]{grid-column:span 2}}@media screen and (max-width: 600px){[_nghost-%COMP%]{grid-column:span 1}[size=small][_nghost-%COMP%], [size=medium][_nghost-%COMP%], [size=large][_nghost-%COMP%]{grid-column:span 1}}a[_ngcontent-%COMP%]{display:inline-flex;position:relative;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0;transition:border-radius .3s cubic-bezier(.2,0,0,1),background-color .3s cubic-bezier(.2,0,0,1);border-radius:24px;background:var(--mio-theme-color-surface-1);color:var(--mio-theme-color-on-surface);text-decoration:none;overflow:hidden;-webkit-tap-highlight-color:transparent;font-variation-settings:"GRAD" 0}a[_ngcontent-%COMP%]:hover{color:var(--mio-theme-color-on-secondary-container)}a[_ngcontent-%COMP%]:hover   .title[_ngcontent-%COMP%]{font-variation-settings:"GRAD" 50}a[_ngcontent-%COMP%]:hover   .overline[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-secondary-container)}a[_ngcontent-%COMP%]:focus{margin:0;margin:initial;border:medium none currentColor;border:initial;border-radius:48px;outline:2px solid var(--mio-theme-color-on-surface);color:var(--mio-theme-color-on-secondary-container);box-shadow:none;box-shadow:initial}a[_ngcontent-%COMP%]:focus   .overline[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-secondary-container)}a[_ngcontent-%COMP%]:active{border-radius:48px;outline:medium none invert;outline:initial;color:var(--mio-theme-color-on-secondary-container)}a[_ngcontent-%COMP%]:active   .title[_ngcontent-%COMP%]{font-variation-settings:"GRAD" -50}a[_ngcontent-%COMP%]:active   .overline[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-secondary-container)}a[_ngcontent-%COMP%]:hover, a[_ngcontent-%COMP%]:focus, a[_ngcontent-%COMP%]:active{background:var(--mio-theme-color-secondary-container)}a[_ngcontent-%COMP%]:hover   .overline[_ngcontent-%COMP%], a[_ngcontent-%COMP%]:focus   .overline[_ngcontent-%COMP%], a[_ngcontent-%COMP%]:active   .overline[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-secondary-container)}a[_ngcontent-%COMP%]:hover   .mio-title-button[_ngcontent-%COMP%], a[_ngcontent-%COMP%]:focus   .mio-title-button[_ngcontent-%COMP%], a[_ngcontent-%COMP%]:active   .mio-title-button[_ngcontent-%COMP%]{box-shadow:var(--mio-theme-elevation-1)}a[_ngcontent-%COMP%], a[_ngcontent-%COMP%]:hover, a[_ngcontent-%COMP%]:focus, a[_ngcontent-%COMP%]:active{background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.scrim[_ngcontent-%COMP%]   .overline[_ngcontent-%COMP%], .scrim[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%], .scrim[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%], .scrim[_ngcontent-%COMP%]   .date[_ngcontent-%COMP%]{color:var(--m

1io-theme-color-on-secondary)}.scrim[_ngcontent-%COMP%]:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--mio-theme-color-on-surface);opacity:.8;content:""}.scrim[_ngcontent-%COMP%]:hover:before{background-color:var(--mio-theme-color-on-secondary-container);opacity:.8}.scrim[_ngcontent-%COMP%]:focus:before{background-color:var(--mio-theme-color-on-secondary-container);opacity:.88}.scrim[_ngcontent-%COMP%]:active:before{background-color:var(--mio-theme-color-on-secondary-container);opacity:.88}.content-container[_ngcontent-%COMP%]{display:grid;position:relative;align-self:start;min-width:calc(100% - 48px);margin:24px;grid-gap:8px;gap:8px}.content-container[_ngcontent-%COMP%]   .card-tab[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;color:var(--mio-theme-color-secondary);text-transform:capitalize;gap:4px}.content-container[_ngcontent-%COMP%]   .card-tab[_ngcontent-%COMP%]   .google-symbols[_ngcontent-%COMP%]{width:16px;height:16px;margin-right:4px;margin-left:-4px}.overline[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-m-font-family);font-size:var(--mio-theme-v2-title-m-font-size);font-weight:var(--mio-theme-v2-title-m-font-weight);letter-spacing:var(--mio-theme-v2-title-m-letter-spacing);line-height:var(--mio-theme-v2-title-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-m-font-variation-opsz);display:inline-flex;align-items:center;color:var(--mio-theme-color-on-surface-variant)}@media screen and (max-width: 600px){.overline[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-m-font-family);font-size:var(--mio-theme-v2-title-m-font-size);font-weight:var(--mio-theme-v2-title-m-font-weight);letter-spacing:var(--mio-theme-v2-title-m-letter-spacing);line-height:var(--mio-theme-v2-title-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-m-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.overline[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-m-font-family);font-size:var(--mio-theme-v2-title-m-font-size);font-weight:var(--mio-theme-v2-title-m-font-weight);letter-spacing:var(--mio-theme-v2-title-m-letter-spacing);line-height:var(--mio-theme-v2-title-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-m-font-variation-opsz)}}.title[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-s-font-family);font-size:var(--mio-theme-v2-headline-s-font-size);font-weight:var(--mio-theme-v2-headline-s-font-weight);letter-spacing:var(--mio-theme-v2-headline-s-letter-spacing);line-height:var(--mio-theme-v2-headline-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-s-font-variation-opsz);transition:font-variation-settings .3s cubic-bezier(.2,0,0,1)}@media screen and (max-width: 600px){.title[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-s-font-family);font-size:var(--mio-theme-v2-headline-s-font-size);font-weight:var(--mio-theme-v2-headline-s-font-weight);letter-spacing:var(--mio-theme-v2-headline-s-letter-spacing);line-height:var(--mio-theme-v2-headline-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-s-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.title[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-s-font-family);font-size:var(--mio-theme-v2-headline-s-font-size);font-weight:var(--mio-theme-v2-headline-s-font-weight);letter-spacing:var(--mio-theme-v2-headline-s-letter-spacing);line-height:var(--mio-theme-v2-headline-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-s-font-variation-opsz)}}.mio-title-button[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-m-font-family);font-size:var(--mio-theme-v2-body-m-font-size);

1font-weight:var(--mio-theme-v2-body-m-font-weight);letter-spacing:var(--mio-theme-v2-body-m-letter-spacing);line-height:var(--mio-theme-v2-body-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-m-font-variation-opsz);display:flex;align-items:center;padding:6px 12px 6px 16px;transition:all .2s ease-in-out;border:none;border-radius:24px;background:var(--mio-theme-color-tertiary-container);color:var(--mio-theme-color-on-tertiary-container);text-align:left;cursor:pointer;gap:4px}@media screen and (max-width: 600px){.mio-title-button[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-m-font-family);font-size:var(--mio-theme-v2-body-m-font-size);font-weight:var(--mio-theme-v2-body-m-font-weight);letter-spacing:var(--mio-theme-v2-body-m-letter-spacing);line-height:var(--mio-theme-v2-body-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-m-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.mio-title-button[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-m-font-family);font-size:var(--mio-theme-v2-body-m-font-size);font-weight:var(--mio-theme-v2-body-m-font-weight);letter-spacing:var(--mio-theme-v2-body-m-letter-spacing);line-height:var(--mio-theme-v2-body-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-m-font-variation-opsz)}}.mio-title-button[_ngcontent-%COMP%]:hover{box-shadow:var(--mio-theme-elevation-1)}.mio-title-button[_ngcontent-%COMP%]   .google-symbols[_ngcontent-%COMP%]{font-size:20px}.mio-title-row[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between}.description[_ngcontent-%COMP%], .date[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-l-font-family);font-size:var(--mio-theme-v2-body-l-font-size);font-weight:var(--mio-theme-v2-body-l-font-weight);letter-spacing:var(--mio-theme-v2-body-l-letter-spacing);line-height:var(--mio-theme-v2-body-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-l-font-variation-opsz);width:auto}@media screen and (max-width: 600px){.description[_ngcontent-%COMP%], .date[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-m-font-family);font-size:var(--mio-theme-v2-body-m-font-size);font-weight:var(--mio-theme-v2-body-m-font-weight);letter-spacing:var(--mio-theme-v2-body-m-letter-spacing);line-height:var(--mio-theme-v2-body-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-m-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.description[_ngcontent-%COMP%], .date[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-l-font-family);font-size:var(--mio-theme-v2-body-l-font-size);font-weight:var(--mio-theme-v2-body-l-font-weight);letter-spacing:var(--mio-theme-v2-body-l-letter-spacing);line-height:var(--mio-theme-v2-body-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-l-font-variation-opsz)}}.rich-description[_ngcontent-%COMP%]{word-break:break-word}.title[_ngcontent-%COMP%], .description[_ngcontent-%COMP%], .date[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-surface)}.date[_ngcontent-%COMP%]{margin-bottom:8px}mio-icon-badge[_ngcontent-%COMP%]{position:absolute;top:0;right:0;width:48px;height:48px;margin:24px;z-index:1}@media screen and (min-width: 601px){.feature-block[_nghost-%COMP%]{display:grid;grid-column:span 6;grid-gap:0;gap:0;padding:0}.feature-block[_nghost-%COMP%]   a[_ngcontent-%COMP%]{display:grid;flex-direction:row-reverse;grid-template-columns:1fr 1fr;grid-auto-flow:column}.feature-block[_nghost-%COMP%]   .content-container[_ngcontent-%COMP%]{min-width:calc(50% - 48px)}.feature-block[_nghost-%COMP%]   .content-container[_ngcontent-%COMP%], .feature-block[_nghost-%COMP%]   .description[_ngcontent-%COMP%]{display:grid;align-self:center;grid-template-columns:1fr}

1.feature-block[_nghost-%COMP%]   mio-thumbnail[_ngcontent-%COMP%]{order:-1;height:298px}}@media screen and (min-width: 601px) and (max-width: 1294px){.feature-block[_nghost-%COMP%]{grid-column:span 2}}']}),u})()},3203:(z,I,l)=>{l.d(I,{D:()=>_});var r=l(6435),e=l(2313),a=l(9808);function v(P,E){if(1&P&&(r.TgZ(0,"span",5)(1,"span",6),r._uU(2,"check"),r.qZA(),r._uU(3),r.qZA()),2&P){const A=r.oxw(2);r.xp6(3),r.hij(" ",A.captionLabels.DO," ")}}function s(P,E){if(1&P&&(r.TgZ(0,"span",7)(1,"span",6),r._uU(2,"close"),r.qZA(),r._uU(3),r.qZA()),2&P){const A=r.oxw(2);r.xp6(3),r.hij(" ",A.captionLabels.DONT," ")}}function m(P,E){if(1&P&&(r.TgZ(0,"span",8)(1,"span",6),r._uU(2,"exclamation"),r.qZA(),r._uU(3),r.qZA()),2&P){const A=r.oxw(2);r.xp6(3),r.hij(" ",A.captionLabels.CAUTION," ")}}function b(P,E){if(1&P&&(r.TgZ(0,"figcaption"),r.YNc(1,v,4,1,"span",1),r.YNc(2,s,4,1,"span",2),r.YNc(3,m,4,1,"span",3),r._UZ(4,"span",4),r.qZA()),2&P){const A=r.oxw();r.xp6(1),r.Q6J("ngIf",A.case&&"do"===A.case),r.xp6(1),r.Q6J("ngIf",A.case&&"dont"===A.case),r.xp6(1),r.Q6J("ngIf",A.case&&"caution"===A.case),r.xp6(1),r.Q6J("innerHTML",A.sanitizer.bypassSecurityTrustHtml(A.caption),r.oJD)}}const C=["*"];let _=(()=>{class P{constructor(A){this.sanitizer=A,this.captionLabels={DO:"Do",DONT:"Don\u2019t",CAUTION:"Caution"}}}return P.\u0275fac=function(A){return new(A||P)(r.Y36(e.H7))},P.\u0275cmp=r.Xpm({type:P,selectors:[["mio-figure"]],inputs:{bordered:"bordered",caption:"caption",case:"case"},ngContentSelectors:C,decls:4,vars:5,consts:[[4,"ngIf"],["class","caption-label do",4,"ngIf"],["class","caption-label dont",4,"ngIf"],["class","caption-label caution",4,"ngIf"],[1,"caption",3,"innerHTML"],[1,"caption-label","do"],[1,"google-symbols"],[1,"caption-label","dont"],[1,"caption-label","caution"]],template:function(A,k){1&A&&(r.F$t(),r.TgZ(0,"figure")(1,"div"),r.Hsn(2),r.qZA(),r.YNc(3,b,5,4,"figcaption",0),r.qZA()),2&A&&(r.xp6(1),r.ekj("bordered",k.bordered)("with-modifier",k.case),r.xp6(2),r.Q6J("ngIf",k.caption||k.case))},directives:[a.O5],styles:['.full-width[_nghost-%COMP%]   figure[_ngcontent-%COMP%]{width:100%}figure[_ngcontent-%COMP%]{display:inline-flex;flex-direction:column}figure[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:flex;flex-direction:column;border-radius:16px;overflow:hidden}figure[_ngcontent-%COMP%]   div.with-modifier[_ngcontent-%COMP%]{border-radius:16px 16px 2px 2px}figure[_ngcontent-%COMP%]   div.bordered[_ngcontent-%COMP%]{border:1px solid var(--mio-theme-color-surface-variant)}figcaption[_ngcontent-%COMP%]{display:flex;flex-direction:column;white-space:break-spaces}.caption[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-m-font-family);font-size:var(--mio-theme-v2-body-m-font-size);font-weight:var(--mio-theme-v2-body-m-font-weight);letter-spacing:var(--mio-theme-v2-body-m-letter-spacing);line-height:var(--mio-theme-v2-body-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-m-font-variation-opsz);margin:8px 10px 0;color:var(--mio-theme-color-on-surface-variant)}@media screen and (max-width: 600px){.caption[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-m-font-family);font-size:var(--mio-theme-v2-body-m-font-size);font-weight:var(--mio-theme-v2-body-m-font-weight);letter-spacing:var(--mio-theme-v2-body-m-letter-spacing);line-height:var(--mio-theme-v2-body-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-m-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.caption[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-m-font-family);font-size:var(--mio-theme-v2-body-m-font-size);font-weight:var(--mio-theme-v2-body-m-font-weight);letter-spacing:var(--mio-theme-v2-body-m-letter-spacing);line-height:var(--mio-theme-v2-body-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-m-font-variation-opsz)}}.caption-label[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-s-font-family);

1font-size:var(--mio-theme-v2-title-s-font-size);font-weight:var(--mio-theme-v2-title-s-font-weight);letter-spacing:var(--mio-theme-v2-title-s-letter-spacing);line-height:var(--mio-theme-v2-title-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-s-font-variation-opsz);display:flex;align-items:center;margin-top:4px;padding:8px;border-radius:2px 2px 16px 16px;white-space:nowrap}@media screen and (max-width: 600px){.caption-label[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-s-font-family);font-size:var(--mio-theme-v2-title-s-font-size);font-weight:var(--mio-theme-v2-title-s-font-weight);letter-spacing:var(--mio-theme-v2-title-s-letter-spacing);line-height:var(--mio-theme-v2-title-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-s-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.caption-label[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-s-font-family);font-size:var(--mio-theme-v2-title-s-font-size);font-weight:var(--mio-theme-v2-title-s-font-weight);letter-spacing:var(--mio-theme-v2-title-s-letter-spacing);line-height:var(--mio-theme-v2-title-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-s-font-variation-opsz)}}.caption-label.caution[_ngcontent-%COMP%]{background-color:var(--mio-theme-color-extensions-caution-container);color:var(--mio-theme-color-extensions-on-caution-container)}.caption-label.do[_ngcontent-%COMP%]{background-color:var(--mio-theme-color-extensions-do-container);color:var(--mio-theme-color-extensions-on-do-container)}.caption-label.dont[_ngcontent-%COMP%]{background-color:var(--mio-theme-color-extensions-dont-container);color:var(--mio-theme-color-extensions-on-dont-container)}.caption-label[_ngcontent-%COMP%]   .google-symbols[_ngcontent-%COMP%]{margin-right:4px;font-family:Google Symbols;font-size:20px}']}),P})()},6968:(z,I,l)=>{l.d(I,{c:()=>A});var r=l(9931),e=l(4854);const a={content:"Material Design is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. Backed by open-source code, Material Design streamlines collaboration between designers and developers, and helps teams quickly build beautiful products.",channel_links:[{label:"GitHub",aria_label:"Find us on Github",href:"https://www.github.com/material-components",open_new_window:!0},{label:"Twitter",aria_label:"Find us on Twitter",href:"https://www.twitter.com/materialdesign",open_new_window:!0},{label:"YouTube",aria_label:"Find us on Youtube",href:"https://www.youtube.com/materialdesign",open_new_window:!0},{label:"Blog RSS",aria_label:null,href:"https://material.io/feed.xml",open_new_window:!0}],library_links:[{label:"Android",aria_label:"Android",href:"/develop/android/mdc-android",open_new_window:!1},{label:"Compose",aria_label:"Compose",href:"/develop/android/jetpack-compose",open_new_window:!1},{label:"Flutter",aria_label:"Flutter",href:"/develop/flutter",open_new_window:!1},{label:"Web",aria_label:"web",href:"/develop/web",open_new_window:!1}],bottom_links:[{label:"Privacy Policy",aria_label:null,href:"https://policies.google.com/privacy",open_new_window:!1},{label:"Terms of Service",aria_label:null,href:"https://policies.google.com/terms",open_new_window:!1},{label:"Join research studies",aria_label:null,href:"https://google.qualtrics.com/jfe/form/SV_3NMIMtX0F2zkakR?utm_source=Website&Q_Language=en&utm_campaign=Q2&campaignDate=June2022&referral_code=UXRgbtM2422655&productTag=b2d",open_new_window:!1}]},v=()=>{try{return window.userfeedback.api.startFeedback({productId:"1027542",bucket:"material_spec",locale:"en",allowNonLoggedInFeedback:!0}),!1}catch(k){}};var s=l(6435),m=l(3922),b=l(9808);function C(k,D){if(1&k&&(s.TgZ(0,"li")(1,"a",24),s._uU(2),s.qZA()()),2&k){const p=D.$implicit,y=s.oxw();s.xp6(1),s.Q6J("analyticsKey",y.AnalyticsKeys.MIO_FOOTER_LINK)("analyticsLabel",p.href)("href",p.href,s.LSH)("target",p.open_new_window?"_blank":""),s.uIk("aria-label",p.aria_label),s.xp6(1),s.hij("",p.label," ")}}function _(k,D){if(1&k&&(s.TgZ(0,"li")(1,"a",24),s._uU(2),s.qZA()()),2&k){const p=D.$implicit,y=s.oxw();s.xp6(1),s.Q6J("analyticsKey",y.AnalyticsKeys.MIO_FOOTER_LINK)("analyticsLabel",p.href)("href",p.href,s.LSH)("target",p.open_new_window?"_blank":""),s.uIk("aria-label",p.aria_label),s.xp6(1),s.hij("",p.label," ")}}function P(k,D){if(1&k&&(s.O4$(),s.kcU(),s.TgZ(0,"li",22)(1,"a",25),s._uU(2),s.qZA()()),2&k){const p=D.$implicit,y=s.oxw();s.xp6(1),s.Q6J("analyticsKey",y.AnalyticsKeys.MIO_FOOTER_LINK)("analyticsLabel",p.href)("href",p.href,s.LSH)("target",p.open_new_window?"_blank":""),s.xp6(1),s.hij("",p.label," ")}}let A=(()=>{class k{constructor(){this.config=a,this.AnalyticsKeys=r.sU.AnalyticsKeys,this.launchFeedback=v}setFocus(){document.dispatchEvent(new CustomEvent(e.vn.setFocus))}triggerFeedback(){var p,y;this.pageEl=document.querySelector(".page-content"),this.mwcDrawerRoot=null===(p=document.querySelector("mwc-drawer"))||void 0===p?void 0:p.shadowRoot,this.mwcDrawerEl=null===(y=this.mwcDrawerRoot)||void 0===y?void 0:y.querySelector(".mdc-drawer"),this.pageEl&&this.mwcDrawerRoot&&this.mwcDrawerEl&&(this.observeFeedbackDialog(this.pageEl,this.mwcDrawerEl),v())}observeFeedbackDialog(p,y){const N=new MutationObserver(U=>{for(const Y of Array.from(U)){for(const Z of Array.from(Y.addedNodes))"google-feedback"===Z.id&&(y.style.position="fixed",p.classList.remove("page-content-height"));

1for(const Z of Array.from(Y.removedNodes))"google-feedback"===Z.id&&(y.style.removeProperty("position"),p.classList.add("page-content-height"),p.scrollTo(0,p.scrollHeight),N.disconnect())}});N.observe(document.querySelector("body"),{childList:!0})}}return k.\u0275fac=function(p){return new(p||k)},k.\u0275cmp=s.Xpm({type:k,selectors:[["mio-footer"]],decls:44,vars:8,consts:[[1,"squiggle"],["aria-hidden","true","width","100%","height","8","fill","none","xmlns","http://www.w3.org/2000/svg"],["id","a","width","91","height","8","patternUnits","userSpaceOnUse"],["clip-path","url(#clip0_2426_11367)"],["d","M114 4c-5.067 4.667-10.133 4.667-15.2 0S88.667-.667 83.6 4 73.467 8.667 68.4 4 58.267-.667 53.2 4 43.067 8.667 38 4 27.867-.667 22.8 4 12.667 8.667 7.6 4-2.533-.667-7.6 4s-10.133 4.667-15.2 0S-32.933-.667-38 4s-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0-10.133-4.667-15.2 0-10.133 4.667-15.2 0","stroke","#E1E3E1","stroke-linecap","square"],["width","100%","height","100%","fill","url(#a)"],[1,"about"],[1,"about-material"],["mioAnalyticsTracking","","analyticsLabel","/","href","/","aria-label","Material Design",3,"analyticsKey","keydown.enter"],[1,"google-symbols","ally-container"],[1,"social-links"],[4,"ngFor","ngForOf"],[1,"library-links"],[1,"versions"],["mioAnalyticsTracking","","analyticsLabel","https://m1.material.io","href","https://m1.material.io","target","_blank","rel","noopener","aria-label","Material Design 1",1,"ally-container",3,"analyticsKey"],["mioAnalyticsTracking","","analyticsLabel","https://m2.material.io","href","https://m2.material.io","target","_blank","rel","noopener","aria-label","Material Design 2",1,"ally-container",3,"analyticsKey"],[1,"legal"],[1,"google-logo"],["mioAnalyticsTracking","","analyticsLabel","https://www.google.com","href","https://www.google.com","rel","noopener","target","_blank","aria-label","Google",3,"analyticsKey"],["width","71","height","23","xmlns","http://www.w3.org/2000/svg"],["d","M0 8.773C0 3.937 4.083 0 8.938 0c2.684 0 4.595 1.047 6.034 2.415l-1.695 1.693c-1.032-.962-2.429-1.712-4.339-1.712-3.545 0-6.317 2.847-6.317 6.377s2.772 6.381 6.317 6.381c2.297 0 3.607-.921 4.446-1.756.687-.686 1.137-1.67 1.307-3.02H8.938V7.982h8.097c.085.43.129.946.129 1.5 0 1.797-.494 4.025-2.084 5.608-1.547 1.603-3.524 2.462-6.142 2.462C4.083 17.55 0 13.61 0 8.773zm23.693 6.303c-1.719 0-3.198-1.413-3.198-3.425 0-2.032 1.479-3.423 3.198-3.423 1.718 0 3.201 1.391 3.201 3.423 0 2.012-1.483 3.425-3.201 3.425m0-9.076C20.557 6 18 8.375 18 11.65c0 3.257 2.557 5.652 5.693 5.652 3.137 0 5.692-2.395 5.692-5.651C29.385 8.375 26.83 6 23.693 6m13.003 9.076c-1.719 0-3.2-1.413-3.2-3.425 0-2.032 1.481-3.423 3.2-3.423 1.718 0 3.2 1.391 3.2 3.423 0 2.012-1.482 3.425-3.2 3.425m0-9.076C33.559 6 31 8.375 31 11.65c0 3.257 2.559 5.652 5.696 5.652 3.135 0 5.692-2.395 5.692-5.651C42.388 8.375 39.831 6 36.696 6m11.952 9.076c-1.716 0-3.156-1.432-3.156-3.403 0-1.991 1.44-3.445 3.156-3.445 1.697 0 3.031 1.454 3.031 3.445 0 1.971-1.334 3.403-3.031 3.403zm2.858-8.732v.918h-.085C50.861 6.601 49.789 6 48.434 6 45.6 6 43 8.485 43 11.673c0 3.168 2.6 5.63 5.434 5.63 1.355 0 2.427-.6 2.987-1.287h.085v.816c0 2.162-1.161 3.316-3.028 3.316-1.526 0-2.471-1.092-2.857-2.01l-2.171.9c.624 1.498 2.278 3.336 5.028 3.336 2.922 0 5.391-1.713 5.391-5.885V6.344h-2.363zM56 16.608h2.49V0H56zm9.434-8.425c.987 0 1.825.494 2.104 1.199l-5.069 2.096c-.065-2.182 1.697-3.295 2.965-3.295m.192 6.891c-1.267 0-2.169-.578-2.748-1.71l7.582-3.125-.259-.643C69.729 8.333 68.29 6 65.347 6 62.427 6 60 8.292 60 11.65c0 3.167 2.404 5.65 5.626 5.65 2.599 0 4.103-1.583 4.727-2.504l-1.934-1.284c-.643.942-1.525 1.562-2.793 1.562","fill-rule","evenodd"],["class","legal-link",4,"ngFor","ngForOf"],[1,"legal-link"],["href","javascript:void(0)",3,"click"],["mioAnalyticsTracking","","rel","noopener",1,"ally-container",3,"analyticsKey","analyticsLabel","href","target"],["mioAnalyticsTracking","","rel","noopener",3,"analyticsKey","analyticsLabel","href","target"]],template:function(p,y){1&p&&(s.TgZ(0,"div",0),s.O4$(),s.TgZ(1,"svg",1)(2,"pattern",2)(3,"g",3),s._UZ(4,"path",4),s.qZA()(),s._UZ(5,"rect",5),s.qZA()(),s.kcU(),s.TgZ(6,"footer")(7,"section",6)(8,"div",7)(9,"a",8),s.NdJ("keydown.enter",function(){return y.setFocus()}),s.TgZ(10,"span",9),s._uU(11,"material_design"),s.qZA()(),s.TgZ(12,"p"),s._uU(13),s.qZA()(),s.TgZ(14,"ul",10)(15,"li")(16,"h3"),s._uU(17,"Social"),s.qZA()(),s.YNc(18,C,3,6,"li",11),s.qZA(),s.TgZ(19,"ul",12)(20,"li")(21,"h3"),s._uU(22,"Libraries"),s.qZA()(),s.YNc(23,_,3,6,"li",11),s.qZA(),s.TgZ(24,"ul",13)(25,"li")(26,"h3"),s._uU(27,"Archived versions"),s.qZA()(),s.TgZ(28,"li")(29,"a",14),s._uU(30,"Material Design 1 "),s.qZA()(),s.TgZ(31,"li")(32,"a",15),s._uU(33,"Material Design 2 "),s.qZA()()()(),s.TgZ(34,"section",16)(35,"ul")(36,"li",17)(37,"a",18),s.O4$(),s.TgZ(38,"svg",19),s._UZ(39,"path",20),s.qZA()()(),s.YNc(40,P,3,5,"li",21),s.kcU(),s.TgZ(41,"li",22)(42,"a",23),s.NdJ("

1click",function(){return y.triggerFeedback()}),s._uU(43,"Feedback"),s.qZA()()()()()),2&p&&(s.xp6(9),s.Q6J("analyticsKey",y.AnalyticsKeys.MIO_FOOTER_LINK),s.xp6(4),s.Oqu(y.config.content),s.xp6(5),s.Q6J("ngForOf",y.config.channel_links),s.xp6(5),s.Q6J("ngForOf",y.config.library_links),s.xp6(6),s.Q6J("analyticsKey",y.AnalyticsKeys.MIO_FOOTER_LINK),s.xp6(3),s.Q6J("analyticsKey",y.AnalyticsKeys.MIO_FOOTER_LINK),s.xp6(5),s.Q6J("analyticsKey",y.AnalyticsKeys.MIO_FOOTER_LINK),s.xp6(3),s.Q6J("ngForOf",y.config.bottom_links))},directives:[m.v,b.sg],styles:['[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:center;width:calc(100% - 16px);margin:120px 8px 0}@media screen and (max-width: 960px){[_nghost-%COMP%]{margin-top:120px}}.squiggle[_ngcontent-%COMP%]{position:relative;width:100%;height:8px}.squiggle[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{position:absolute;top:0}.squiggle[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%]{stroke:var(--mio-theme-color-surface-variant)}footer[_ngcontent-%COMP%]{padding:64px 40px}@media screen and (max-width: 600px){footer[_ngcontent-%COMP%]{padding:64px 24px}}@media screen and (min-width: 601px) and (max-width: 960px){footer[_ngcontent-%COMP%]{padding:64px 32px}}.about[_ngcontent-%COMP%]{display:grid;justify-content:space-between;max-width:1200px;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;grid-template-columns:3fr 1fr 1fr 1fr}@media screen and (max-width: 960px){.about[_ngcontent-%COMP%]{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width: 960px){.about[_ngcontent-%COMP%]   .about-material[_ngcontent-%COMP%]{grid-column:span 3}}.about[_ngcontent-%COMP%]   .about-material[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:nth-child(1){text-decoration:none}.about[_ngcontent-%COMP%]   .google-symbols[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-surface);font-size:40px}.about[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-l-font-family);font-size:var(--mio-theme-v2-body-l-font-size);font-weight:var(--mio-theme-v2-body-l-font-weight);letter-spacing:var(--mio-theme-v2-body-l-letter-spacing);line-height:var(--mio-theme-v2-body-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-l-font-variation-opsz);margin-top:24px;margin-right:64px;color:var(--mio-theme-color-on-surface)}@media screen and (max-width: 600px){.about[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-m-font-family);font-size:var(--mio-theme-v2-body-m-font-size);font-weight:var(--mio-theme-v2-body-m-font-weight);letter-spacing:var(--mio-theme-v2-body-m-letter-spacing);line-height:var(--mio-theme-v2-body-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-m-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.about[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-l-font-family);font-size:var(--mio-theme-v2-body-l-font-size);font-weight:var(--mio-theme-v2-body-l-font-weight);letter-spacing:var(--mio-theme-v2-body-l-letter-spacing);line-height:var(--mio-theme-v2-body-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-l-font-variation-opsz)}}@media screen and (max-width: 960px){.about[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin-right:0}}.about[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{display:flex;flex-flow:column wrap;margin-top:24px;row-gap:20px}@media screen and (max-width: 960px){.about[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{grid-column:span 1}}@media screen and (max-width: 600px){.about[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{row-gap:24px}}.about[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-s-font-family);font-size:var(--mio-theme-v2-title-s-font-size);font-weight:var(--mio-theme-v2-title-s-font-weight);letter-spacing:var(--mio-theme-v2-title-s-letter-spacing);line-height:var(--mio-theme-v2-title-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-s-font-variation-opsz);display:inline-block;

1color:var(--mio-theme-color-on-surface-variant)}@media screen and (max-width: 600px){.about[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-s-font-family);font-size:var(--mio-theme-v2-title-s-font-size);font-weight:var(--mio-theme-v2-title-s-font-weight);letter-spacing:var(--mio-theme-v2-title-s-letter-spacing);line-height:var(--mio-theme-v2-title-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-s-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.about[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-s-font-family);font-size:var(--mio-theme-v2-title-s-font-size);font-weight:var(--mio-theme-v2-title-s-font-weight);letter-spacing:var(--mio-theme-v2-title-s-letter-spacing);line-height:var(--mio-theme-v2-title-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-s-font-variation-opsz)}}.about[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-s-font-family);font-size:var(--mio-theme-v2-title-s-font-size);font-weight:var(--mio-theme-v2-title-s-font-weight);letter-spacing:var(--mio-theme-v2-title-s-letter-spacing);line-height:var(--mio-theme-v2-title-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-s-font-variation-opsz);margin:0}@media screen and (max-width: 600px){.about[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-s-font-family);font-size:var(--mio-theme-v2-title-s-font-size);font-weight:var(--mio-theme-v2-title-s-font-weight);letter-spacing:var(--mio-theme-v2-title-s-letter-spacing);line-height:var(--mio-theme-v2-title-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-s-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.about[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-s-font-family);font-size:var(--mio-theme-v2-title-s-font-size);font-weight:var(--mio-theme-v2-title-s-font-weight);letter-spacing:var(--mio-theme-v2-title-s-letter-spacing);line-height:var(--mio-theme-v2-title-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-s-font-variation-opsz)}}.about[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-m-font-family);font-size:var(--mio-theme-v2-title-m-font-size);font-weight:var(--mio-theme-v2-title-m-font-weight);letter-spacing:var(--mio-theme-v2-title-m-letter-spacing);line-height:var(--mio-theme-v2-title-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-m-font-variation-opsz);display:flex;position:relative;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 600px){.about[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-m-font-family);font-size:var(--mio-theme-v2-title-m-font-size);font-weight:var(--mio-theme-v2-title-m-font-weight);letter-spacing:var(--mio-theme-v2-title-m-letter-spacing);line-height:var(--mio-theme-v2-title-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-m-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.about[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-m-font-family);font-size:var(--mio-theme-v2-title-m-font-size);font-weight:var(--mio-theme-v2-title-m-font-weight);letter-spacing:var(--mio-theme-v2-title-m-letter-spacing);line-height:var(--mio-theme-v2-title-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-m-font-variation-opsz)}}.legal[_ngcontent-%COMP%]{display:flex;flex-direction:row;margin-top:64px}@media screen and (max-width: 600px){.legal[_ngcontent-%COMP%]   .legal-link[_ngcontent-%COMP%]{-moz-column-gap:16px;column-gap:16px}}.legal[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{display:inline-block}.legal[_ngcontent-%COMP%]   .google-logo[_ngcontent-%COMP%]{margin-right:8px}.legal[_ngcontent-%COMP%]   .google-logo[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{display:block;width:73px;height:26px;margin:0}.legal[_ngcontent-%COMP%]   .google-logo[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{fill:var

1(--mio-theme-color-on-surface)}.legal[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-surface);white-space:nowrap}.legal[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;row-gap:16px;-moz-column-gap:24px;column-gap:24px}.legal[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{text-decoration:none}.legal[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{text-decoration:underline}ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{position:relative;width:-moz-fit-content;width:fit-content}']}),k})()},3646:(z,I,l)=>{l.d(I,{G:()=>K}),l(5815);var e=l(6435),a=l(8140),v=l(9808),s=l(8786),m=l(9647),b=l(8591),C=l(5465);const _=["mwcButton"];function P(T,G){if(1&T&&(e.TgZ(0,"div",11),e._uU(1),e.qZA()),2&T){const h=e.oxw();e.xp6(1),e.hij(" ",h.date," ")}}function E(T,G){if(1&T&&(e.TgZ(0,"div",12),e._uU(1),e.qZA()),2&T){const h=e.oxw();e.xp6(1),e.Oqu(h.description)}}function A(T,G){if(1&T&&(e.TgZ(0,"div")(1,"a",15)(2,"button",16),e._UZ(3,"div",17),e.TgZ(4,"span",18),e._uU(5),e.qZA()()()()),2&T){const h=e.oxw(2);e.xp6(1),e.Q6J("target",null!=h.config&&h.config.ctas[0].open_new_window?"_blank":"_self")("href",null==h.config?null:h.config.ctas[0].href,e.LSH),e.uIk("aria-label",null==h.config?null:h.config.ctas[0].aria_label),e.xp6(4),e.Oqu(null==h.config?null:h.config.ctas[0].label)}}function k(T,G){if(1&T&&(e.TgZ(0,"div",13),e.YNc(1,A,6,4,"div",14),e.qZA()),2&T){const h=e.oxw();e.xp6(1),e.Q6J("ngIf",null==h.config?null:h.config.ctas[0])}}function D(T,G){if(1&T&&(e.ynx(0),e._UZ(1,"mio-card",22),e.BQk()),2&T){const h=G.$implicit;e.xp6(1),e.Q6J("title",h.title)("description",h.description)("badgeIcon",h.icon)("link",h.link.href)("linkAriaLabel",h.link.aria_label)("openNewWindow",h.link.open_new_window)}}const p=function(T,G){return{stack:T,stretch:G}};function y(T,G){if(1&T&&(e.TgZ(0,"div",19)(1,"h3"),e._uU(2,"Popular Resources"),e.qZA(),e.TgZ(3,"mio-card-set",20),e.YNc(4,D,2,6,"ng-container",21),e.qZA()()),2&T){const h=e.oxw();e.xp6(3),e.Q6J("ngClass",e.WLB(2,p,h.stackResourceCards,h.stretchResourceCards)),e.xp6(1),e.Q6J("ngForOf",h.config.resources)}}function N(T,G){if(1&T&&e._UZ(0,"div",26),2&T){const h=e.oxw(2);e.Udp("background-image",h.isDarkMode?"url("+(null==h.config||null==h.config.foreground_image_1x1_dark_mode?null:h.config.foreground_image_1x1_dark_mode.url)+"=w1200)":"url("+(null==h.config||null==h.config.foreground_image_1x1?null:h.config.foreground_image_1x1.url)+"=w1200)")}}function U(T,G){if(1&T&&e._UZ(0,"div",27),2&T){const h=e.oxw(2);e.Udp("background-image",h.isDarkMode?"url("+(null==h.config||null==h.config.foreground_image_2x1_dark_mode?null:h.config.foreground_image_2x1_dark_mode.url)+"=w2400)":"url("+(null==h.config||null==h.config.foreground_image_2x1?null:h.config.foreground_image_2x1.url)+"=w2400)")}}function Y(T,G){if(1&T&&(e.TgZ(0,"div",23),e.YNc(1,N,1,2,"div",24),e.YNc(2,U,1,2,"div",25),e.qZA()),2&T){const h=e.oxw();e.Udp("background-image",h.getSplitBackgroundAssetStyle()),e.ekj("position-right","position_right"===(null==h.config?null:h.config.horizontal_foreground_alignment_override))("position-left","position_left"===(null==h.config?null:h.config.horizontal_foreground_alignment_override))("position-top","position_top"===(null==h.config?null:h.config.vertical_foreground_alignment_override))("position-bottom","position_bottom"===(null==h.config?null:h.config.vertical_foreground_alignment_override)),e.xp6(1),e.Q6J("ngIf",null==h.config||null==h.config.foreground_image_1x1?null:h.config.foreground_image_1x1.url),e.xp6(1),e.Q6J("ngIf",null==h.config||null==h.config.foreground_image_2x1?null:h.config.foreground_image_2x1.url)}}function Z(T,G){if(1&T&&(e.TgZ(0,"div",28),e._UZ(1,"mio-video",29),e.qZA()),2&T){const h=e.oxw();e.xp6(1),e.Q6J("url",null==h.config||null==h.config.split_background_asset?null:h.config.split_background_asset.url)("bordered",!1)("autoplay",!0)("controls",!1)}}const J=function(T){return{"text-sm":T}};let K=(()=>{class T{constructor(h){this.themeService=h,this.imageWidthSuffix={xl:"w2400-rj",lg:"w1200-rj"},this.fullWidth=!1,this.fullWidthContentCentered=!1,this.isDarkMode=this.themeService.isDarkMode,this.themeService.darkMode$.subscribe(M=>{this.isDarkMode=M})}ngOnInit(){this.stackResourceCards=this.shouldStackResourceCards(),this.stretchResourceCards=this.shouldStretchResourceCards()}onResize(){this.stackResourceCards=this.shouldStackResourceCards(),this.stretchResourceCards=this.shouldStretchResourceCards()}shouldStackResourceCards(){return window.innerWidth<600}shouldStretchResourceCards(){return window.innerWidth>1294}getPrimaryContainerClasses(){var h,M,L;return{background:null===(M=null===(h=this.config)||void 0===h?void 0:h.main_background_image)||void 0===M?void 0:M.url,description:this.description,light:null===(L=this.config)||void 0===L?void 0:L.foreground_text_light}}getHeaderClasses(){return{"full-width":this.fullWidth,"content-centered":this.fullWidth&&this.fullWidthContentCentered,"split-asset":this.isSplitAsset()}}isSplitAsset(){var h,M;

1return!this.fullWidth&&0===(null===(M=null===(h=this.config)||void 0===h?void 0:h.resources)||void 0===M?void 0:M.length)}getBackgroundAssetStyle(){var h,M,L,V;return this.isDarkMode?(null===(M=null===(h=this.config)||void 0===h?void 0:h.main_background_image_dark_mode)||void 0===M?void 0:M.url)?`url(${this.config.main_background_image_dark_mode.url}=${this.imageWidthSuffix.xl})`:"":(null===(V=null===(L=this.config)||void 0===L?void 0:L.main_background_image)||void 0===V?void 0:V.url)?`url(${this.config.main_background_image.url}=${this.imageWidthSuffix.xl})`:""}getSplitBackgroundAssetStyle(){var h,M,L,V;return this.isDarkMode?(null===(M=null===(h=this.config)||void 0===h?void 0:h.split_background_image_dark_mode)||void 0===M?void 0:M.url)?`url(${this.config.split_background_image_dark_mode.url}=${this.imageWidthSuffix.lg})`:"":(null===(V=null===(L=this.config)||void 0===L?void 0:L.split_background_image)||void 0===V?void 0:V.url)?`url(${this.config.split_background_image.url}=${this.imageWidthSuffix.lg})`:""}}return T.\u0275fac=function(h){return new(h||T)(e.Y36(a.f))},T.\u0275cmp=e.Xpm({type:T,selectors:[["mio-header"]],viewQuery:function(h,M){if(1&h&&e.Gf(_,5),2&h){let L;e.iGM(L=e.CRH())&&(M.mwcButtonsRef=L)}},hostVars:2,hostBindings:function(h,M){1&h&&e.NdJ("resize",function(V){return M.onResize(V)},!1,e.Jf7),2&h&&e.ekj("dark-mode",M.isDarkMode)},inputs:{config:"config",description:"description",pageTitle:"pageTitle",fullWidth:"fullWidth",fullWidthContentCentered:"fullWidthContentCentered",date:"date",textSize:"textSize"},decls:12,vars:14,consts:[[3,"ngClass"],[1,"primary-container",3,"ngClass"],[1,"wrapper",3,"ngClass"],["class","date",4,"ngIf"],[1,"title"],["tabindex","-1"],["class","description",4,"ngIf"],["class","ctas",4,"ngIf"],["class","resources",4,"ngIf"],["class","split-asset-image",3,"backgroundImage","position-right","position-left","position-top","position-bottom",4,"ngIf"],["class","split-asset-video",4,"ngIf"],[1,"date"],[1,"description"],[1,"ctas"],[4,"ngIf"],[3,"target","href"],["mioRipple","","tabindex","-1",1,"mio-button"],[1,"state-overlay"],[1,"label"],[1,"resources"],[1,"card-container",3,"ngClass"],[4,"ngFor","ngForOf"],["size","small",3,"title","description","badgeIcon","link","linkAriaLabel","openNewWindow"],[1,"split-asset-image"],["class","foreground foreground-1x1",3,"backgroundImage",4,"ngIf"],["class","foreground foreground-2x1",3,"backgroundImage",4,"ngIf"],[1,"foreground","foreground-1x1"],[1,"foreground","foreground-2x1"],[1,"split-asset-video"],[3,"url","bordered","autoplay","controls"]],template:function(h,M){1&h&&(e.TgZ(0,"header",0)(1,"div",1)(2,"div",2),e.YNc(3,P,2,1,"div",3),e.TgZ(4,"div",4)(5,"h1",5),e._uU(6),e.qZA(),e.YNc(7,E,2,1,"div",6),e.qZA(),e.YNc(8,k,2,1,"div",7),e.qZA()(),e.YNc(9,y,5,5,"div",8),e.YNc(10,Y,3,12,"div",9),e.YNc(11,Z,2,4,"div",10),e.qZA()),2&h&&(e.Q6J("ngClass",M.getHeaderClasses()),e.xp6(1),e.Udp("background-image",!M.isSplitAsset()&&M.getBackgroundAssetStyle()),e.Q6J("ngClass",M.getPrimaryContainerClasses()),e.xp6(1),e.Q6J("ngClass",e.VKq(12,J,"small"==M.textSize)),e.xp6(1),e.Q6J("ngIf",M.date),e.xp6(3),e.Oqu(M.pageTitle),e.xp6(1),e.Q6J("ngIf",M.description),e.xp6(1),e.Q6J("ngIf",(null==M.config?null:M.config.ctas)&&M.config.ctas.length>0),e.xp6(1),e.Q6J("ngIf",(null==M.config?null:M.config.resources)&&M.config.resources.length>0&&!M.fullWidth),e.xp6(1),e.Q6J("ngIf",!(null!=M.config&&M.config.resources&&0!==(null==M.config?null:M.config.resources.length)||M.fullWidth||null!=M.config&&null!=M.config.split_background_asset&&M.config.split_background_asset.url)),e.xp6(1),e.Q6J("ngIf",!M.fullWidth&&(null==M.config||null==M.config.split_background_asset?null:M.config.split_background_asset.url)))},directives:[v.mk,v.O5,s.E,m.z,v.sg,b.A,C.j],styles:['[_nghost-%COMP%]{display:block;color:var(--mio-theme-color-neutral-10)}.dark-mode[_nghost-%COMP%]{color:var(--mio-theme-color-neutral-90)}.primary-container[_ngcontent-%COMP%]{display:flex;margin:0;padding:56px;border-radius:24px;background:var(--mio-theme-color-surface-1);background-repeat:no-repeat;background-position:0 50%;background-size:cover}.primary-container.background[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]{min-height:unset}.primary-container.background[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{width:100%}.primary-container[_ngcontent-%COMP%], .split-asset-image[_ngcontent-%COMP%]{min-height:544px}@media screen and (max-width: 1294px){.primary-container[_ngcontent-%COMP%], .split-asset-image[_ngcontent-%COMP%]{min-height:unset}}header.homepage[_ngcontent-%COMP%]   .primary-container[_ngcontent-%COMP%]{min-height:calc(100vh - 64px)}.wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:center;max-width:840px;margin:0}.wrapper.text-sm[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-m-font-family);

1font-size:var(--mio-theme-v2-display-m-font-size);font-weight:var(--mio-theme-v2-display-m-font-weight);letter-spacing:var(--mio-theme-v2-display-m-letter-spacing);line-height:var(--mio-theme-v2-display-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-m-font-variation-opsz)}@media screen and (max-width: 600px){.wrapper.text-sm[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-l-font-family);font-size:var(--mio-theme-v2-headline-l-font-size);font-weight:var(--mio-theme-v2-headline-l-font-weight);letter-spacing:var(--mio-theme-v2-headline-l-letter-spacing);line-height:var(--mio-theme-v2-headline-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-l-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.wrapper.text-sm[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-s-font-family);font-size:var(--mio-theme-v2-display-s-font-size);font-weight:var(--mio-theme-v2-display-s-font-weight);letter-spacing:var(--mio-theme-v2-display-s-letter-spacing);line-height:var(--mio-theme-v2-display-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-s-font-variation-opsz)}}.wrapper.text-sm[_ngcontent-%COMP%]   .date[_ngcontent-%COMP%]{margin-bottom:16px}@media screen and (max-width: 600px){.wrapper.text-sm[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-l-font-family);font-size:var(--mio-theme-v2-display-l-font-size);font-weight:var(--mio-theme-v2-display-l-font-weight);letter-spacing:var(--mio-theme-v2-display-l-letter-spacing);line-height:var(--mio-theme-v2-display-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-l-font-variation-opsz)}}@media screen and (max-width: 600px) and (max-width: 600px){.wrapper.text-sm[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-s-font-family);font-size:var(--mio-theme-v2-display-s-font-size);font-weight:var(--mio-theme-v2-display-s-font-weight);letter-spacing:var(--mio-theme-v2-display-s-letter-spacing);line-height:var(--mio-theme-v2-display-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-s-font-variation-opsz)}}@media screen and (max-width: 600px) and (min-width: 601px) and (max-width: 1294px){.wrapper.text-sm[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-m-font-family);font-size:var(--mio-theme-v2-display-m-font-size);

1font-weight:var(--mio-theme-v2-display-m-font-weight);letter-spacing:var(--mio-theme-v2-display-m-letter-spacing);line-height:var(--mio-theme-v2-display-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-m-font-variation-opsz)}}@media screen and (min-width: 1295px){.wrapper.text-sm[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%], .wrapper.text-sm[_ngcontent-%COMP%]   .date[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-m-font-family);font-size:var(--mio-theme-v2-title-m-font-size);font-weight:var(--mio-theme-v2-title-m-font-weight);letter-spacing:var(--mio-theme-v2-title-m-letter-spacing);line-height:var(--mio-theme-v2-title-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-m-font-variation-opsz)}}@media screen and (min-width: 1295px) and (max-width: 600px){.wrapper.text-sm[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%], .wrapper.text-sm[_ngcontent-%COMP%]   .date[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-m-font-family);font-size:var(--mio-theme-v2-title-m-font-size);font-weight:var(--mio-theme-v2-title-m-font-weight);letter-spacing:var(--mio-theme-v2-title-m-letter-spacing);line-height:var(--mio-theme-v2-title-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-m-font-variation-opsz)}}@media screen and (min-width: 1295px) and (min-width: 601px) and (max-width: 1294px){.wrapper.text-sm[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%], .wrapper.text-sm[_ngcontent-%COMP%]   .date[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-m-font-family);font-size:var(--mio-theme-v2-title-m-font-size);font-weight:var(--mio-theme-v2-title-m-font-weight);letter-spacing:var(--mio-theme-v2-title-m-letter-spacing);line-height:var(--mio-theme-v2-title-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-m-font-variation-opsz)}}.primary-container[_ngcontent-%COMP%], .cards[_ngcontent-%COMP%], .resources[_ngcontent-%COMP%]{grid-column:span 1}@media screen and (max-width: 1294px){.primary-container[_ngcontent-%COMP%], .cards[_ngcontent-%COMP%], .resources[_ngcontent-%COMP%]{grid-column:span 2}}.full-width[_ngcontent-%COMP%]   .primary-container[_ngcontent-%COMP%]{grid-column:span 2}.content-centered[_ngcontent-%COMP%]   .primary-container[_ngcontent-%COMP%]{justify-content:center;text-align:center}.content-centered[_ngcontent-%COMP%]   .primary-container[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]{max-width:1200px}.content-centered[_ngcontent-%COMP%]   .primary-container[_ngcontent-%COMP%]   mwc-button[_ngcontent-%COMP%]{--mdc-button-horizontal-padding: 48px;width:unset}.content-centered[_ngcontent-%COMP%]   .primary-container[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center}.content-centered[_ngcontent-%COMP%]   .primary-container[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%], .content-centered[_ngcontent-%COMP%]   .primary-container[_ngcontent-%COMP%]   .date[_ngcontent-%COMP%]{max-width:840px}.title[_ngcontent-%COMP%]{padding:0}.title[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-l-font-family);font-size:var(--mio-theme-v2-title-l-font-size);font-weight:var(--mio-theme-v2-title-l-font-weight);letter-spacing:var(--mio-theme-v2-title-l-letter-spacing);line-height:var(--mio-theme-v2-title-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-l-font-variation-opsz);margin:0}@media screen and (max-width: 600px){.title[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-l-font-family);font-size:var(--mio-theme-v2-body-l-font-size);font-weight:var(--mio-theme-v2-body-l-font-weight);letter-spacing:var(--mio-theme-v2-body-l-letter-spacing);line-height:var(--mio-theme-v2-body-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-l-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.title[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-l-font-family);

1font-size:var(--mio-theme-v2-title-l-font-size);font-weight:var(--mio-theme-v2-title-l-font-weight);letter-spacing:var(--mio-theme-v2-title-l-letter-spacing);line-height:var(--mio-theme-v2-title-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-l-font-variation-opsz)}}h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-xl-font-family);font-size:var(--mio-theme-v2-display-xl-font-size);font-weight:var(--mio-theme-v2-display-xl-font-weight);letter-spacing:var(--mio-theme-v2-display-xl-letter-spacing);line-height:var(--mio-theme-v2-display-xl-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-xl-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-xl-font-variation-opsz);margin:0 0 8px}@media screen and (max-width: 600px){h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-m-font-family);font-size:var(--mio-theme-v2-display-m-font-size);font-weight:var(--mio-theme-v2-display-m-font-weight);letter-spacing:var(--mio-theme-v2-display-m-letter-spacing);line-height:var(--mio-theme-v2-display-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-m-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-l-font-family);font-size:var(--mio-theme-v2-display-l-font-size);font-weight:var(--mio-theme-v2-display-l-font-weight);letter-spacing:var(--mio-theme-v2-display-l-letter-spacing);line-height:var(--mio-theme-v2-display-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-l-font-variation-opsz)}}@media screen and (min-width: 601px){h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-hero-font-family);font-size:var(--mio-theme-v2-hero-font-size);font-weight:var(--mio-theme-v2-hero-font-weight);letter-spacing:var(--mio-theme-v2-hero-letter-spacing);line-height:var(--mio-theme-v2-hero-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-hero-font-variation-GRAD),"opsz" var(--mio-theme-v2-hero-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 600px){h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-l-font-family);font-size:var(--mio-theme-v2-display-l-font-size);font-weight:var(--mio-theme-v2-display-l-font-weight);letter-spacing:var(--mio-theme-v2-display-l-letter-spacing);line-height:var(--mio-theme-v2-display-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-l-font-variation-opsz)}}@media screen and (min-width: 601px) and (min-width: 601px) and (max-width: 1294px){h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-xl-font-family);font-size:var(--mio-theme-v2-display-xl-font-size);font-weight:var(--mio-theme-v2-display-xl-font-weight);letter-spacing:var(--mio-theme-v2-display-xl-letter-spacing);line-height:var(--mio-theme-v2-display-xl-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-xl-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-xl-font-variation-opsz)}}.wrapper[_ngcontent-%COMP%]:not(.text-sm)   h1[_ngcontent-%COMP%]{margin:0 0 16px}@media screen and (max-width: 1294px){.wrapper[_ngcontent-%COMP%]{max-width:none}}@media screen and (max-width: 600px){.primary-container[_ngcontent-%COMP%]{padding:32px}}h3[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-l-font-family);font-size:var(--mio-theme-v2-title-l-font-size);font-weight:var(--mio-theme-v2-title-l-font-weight);letter-spacing:var(--mio-theme-v2-title-l-letter-spacing);line-height:var(--mio-theme-v2-title-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-l-font-variation-opsz);height:40px;margin:8px 0 8px 24px;color:var(--mio-theme-color-on-surface)}@media screen and (max-width: 600px){h3[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-l-font-family);font-size:var(--mio-theme-v2-body-l-font-size);

1font-weight:var(--mio-theme-v2-body-l-font-weight);letter-spacing:var(--mio-theme-v2-body-l-letter-spacing);line-height:var(--mio-theme-v2-body-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-l-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){h3[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-l-font-family);font-size:var(--mio-theme-v2-title-l-font-size);font-weight:var(--mio-theme-v2-title-l-font-weight);letter-spacing:var(--mio-theme-v2-title-l-letter-spacing);line-height:var(--mio-theme-v2-title-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-l-font-variation-opsz)}}.card-container[_ngcontent-%COMP%]{height:calc(100% - 56px)}header[_ngcontent-%COMP%]{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.split-asset-video[_ngcontent-%COMP%]{position:relative;overflow:hidden}@media screen and (max-width: 1294px){.split-asset-video[_ngcontent-%COMP%]{grid-column:span 2}}.split-asset-video[_ngcontent-%COMP%]   mio-video[_ngcontent-%COMP%]{height:100%}.split-asset-video[_ngcontent-%COMP%]     video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width: 1294px){.split-asset-video[_ngcontent-%COMP%]     video{aspect-ratio:2/1}}.split-asset-video[_ngcontent-%COMP%]     .video-container button{z-index:2}.split-asset-video[_ngcontent-%COMP%]     figure{display:block;height:100%}.split-asset-video[_ngcontent-%COMP%]     figure div{height:100%;max-height:542px;border-radius:24px}.split-asset-image[_ngcontent-%COMP%]{display:flex;position:relative;justify-content:center;border:1px solid var(--mio-theme-color-surface-variant);border-radius:24px;background-repeat:no-repeat;background-size:cover;overflow:hidden}@media screen and (max-width: 1294px){.split-asset-image[_ngcontent-%COMP%]{padding-bottom:50%;grid-column:span 2}}.split-asset-image.position-right[_ngcontent-%COMP%]   .foreground[_ngcontent-%COMP%]{background-position-x:100%}.split-asset-image.position-left[_ngcontent-%COMP%]   .foreground[_ngcontent-%COMP%]{background-position-x:0%}.split-asset-image.position-top[_ngcontent-%COMP%]   .foreground[_ngcontent-%COMP%]{background-position-y:0%}.split-asset-image.position-bottom[_ngcontent-%COMP%]   .foreground[_ngcontent-%COMP%]{background-position-y:100%}.ctas[_ngcontent-%COMP%]{display:grid;width:100%;margin-top:24px;grid-gap:8px}.ctas[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{display:inline-block;transition:border-radius .2s cubic-bezier(.2,0,0,1);border-radius:48px;text-decoration:none;cursor:pointer}.ctas[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:focus-visible, .ctas[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover:focus-visible{margin:-2px;border:2px solid var(--mio-theme-color-on-surface);outline:0;box-shadow:inset 0 0 0 2px var(--mio-theme-color-surface-0)}.ctas[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:active, .ctas[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:active   .mio-button[_ngcontent-%COMP%], .ctas[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:active   .mio-button[_ngcontent-%COMP%]   .state-overlay[_ngcontent-%COMP%]{border-radius:16px}.ctas[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:active   .mio-button[_ngcontent-%COMP%]{font-variation-settings:"GRAD" -50}.ctas[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:active   .state-overlay[_ngcontent-%COMP%]{opacity:.12}.ctas[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:focus   .state-overlay[_ngcontent-%COMP%], .ctas[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover   .state-overlay[_ngcontent-%COMP%]{opacity:.08}.mio-button[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-s-font-family);font-size:var(--mio-theme-v2-headline-s-font-size);font-weight:var(--mio-theme-v2-headline-s-font-weight);letter-spacing:var(--mio-theme-v2-headline-s-letter-spacing);line-height:var(--mio-theme-v2-headline-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-s-font-variation-opsz);position:relative;width:100%;height:80px;padding:0 48px;transition:all .2s cubic-bezier(.2,0,0,1);border:0;border-radius:48px;

1background-color:var(--mio-theme-color-primary);color:var(--mio-theme-color-on-primary);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}@media screen and (max-width: 600px){.mio-button[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-s-font-family);font-size:var(--mio-theme-v2-headline-s-font-size);font-weight:var(--mio-theme-v2-headline-s-font-weight);letter-spacing:var(--mio-theme-v2-headline-s-letter-spacing);line-height:var(--mio-theme-v2-headline-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-s-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.mio-button[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-s-font-family);font-size:var(--mio-theme-v2-headline-s-font-size);font-weight:var(--mio-theme-v2-headline-s-font-weight);letter-spacing:var(--mio-theme-v2-headline-s-letter-spacing);line-height:var(--mio-theme-v2-headline-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-s-font-variation-opsz)}}.mio-button[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{position:relative;z-index:1}.mio-button[_ngcontent-%COMP%]   .state-overlay[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;transition:border-radius .2s cubic-bezier(.2,0,0,1);transition:opacity .2s cubic-bezier(.2,0,0,1);border-radius:48px;background:var(--mio-theme-color-white);opacity:0}@media (forced-colors: active){.mio-button[_ngcontent-%COMP%]{border:1px solid Highlight}}.foreground[_ngcontent-%COMP%]{display:flex;position:absolute;align-self:stretch;justify-content:center;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}@media screen and (max-width: 1294px){.foreground.foreground-1x1[_ngcontent-%COMP%]{display:none}}@media screen and (min-width: 1295px){.foreground.foreground-2x1[_ngcontent-%COMP%]{display:none}}.split-asset-center[_nghost-%COMP%]   .split-asset-image[_ngcontent-%COMP%]{background-position:center center}']}),T})()},772:(z,I,l)=>{l.d(I,{r:()=>m});var r=l(6435),e=l(9808);const a=function(b){return{"font-filled":b}};function v(b,C){if(1&b&&(r.TgZ(0,"span",2),r._uU(1),r.qZA()),2&b){const _=r.oxw();r.Q6J("ngClass",r.VKq(2,a,_.isFontFilled)),r.xp6(1),r.Oqu(_.icon)}}function s(b,C){if(1&b&&(r.TgZ(0,"span",3),r._UZ(1,"img",4),r.qZA()),2&b){const _=r.oxw();r.xp6(1),r.Q6J("src",_.iconUrl,r.LSH)}}let m=(()=>{class b{constructor(){this.ariaRole="button",this.ariaLabel="",this.tabIndex=0}}return b.\u0275fac=function(_){return new(_||b)},b.\u0275cmp=r.Xpm({type:b,selectors:[["mio-icon-button"]],hostVars:3,hostBindings:function(_,P){2&_&&r.uIk("role",P.ariaRole)("aria-label",P.ariaLabel)("tabindex",P.tabIndex)},inputs:{ariaLabel:"ariaLabel",icon:"icon",iconUrl:"iconUrl",isToggleIcon:"isToggleIcon",isFontFilled:"isFontFilled",isMaterialIcon:"isMaterialIcon"},decls:2,vars:2,consts:[["class","google-symbols btn-icon ally-container","aria-hidden","true",3,"ngClass",4,"ngIf"],["class","google-symbols btn-icon ally-container",4,"ngIf"],["aria-hidden","true",1,"google-symbols","btn-icon","ally-container",3,"ngClass"],[1,"google-symbols","btn-icon","ally-container"],["alt","ariaLabel",3,"src"]],template:function(_,P){1&_&&(r.YNc(0,v,2,4,"span",0),r.YNc(1,s,2,1,"span",1)),2&_&&(r.Q6J("ngIf",P.icon),r.xp6(1),r.Q6J("ngIf",P.iconUrl))},directives:[e.O5,e.mk],styles:['[_nghost-%COMP%]{font-family:var(--mio-theme-v2-title-m-font-family);font-size:var(--mio-theme-v2-title-m-font-size);font-weight:var(--mio-theme-v2-title-m-font-weight);letter-spacing:var(--mio-theme-v2-title-m-letter-spacing);line-height:var(--mio-theme-v2-title-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-m-font-variation-opsz);display:flex;position:relative;align-items:center;justify-content:center;width:48px;height:48px;border-radius:100px;color:var(--mio-theme-color-on-surface-variant);font-family:var(--mio-theme-display-font-family);cursor:pointer}[_nghost-%COMP%]:focus-visible{border:2px solid var(--mio-theme-color-on-surface);border-radius:24px;outline:0;box-shadow:inset 0 0 0 2px var(--mio-theme-color-surface-0)}[_nghost-%COMP%]:hover{background:var(--mio-theme-color-on-surface-variant-2);

1color:var(--mio-theme-color-on-surface)}[_nghost-%COMP%]:hover   .google-symbols[_ngcontent-%COMP%]{font-variation-settings:"wght" 600,"opsz" 24}[_nghost-%COMP%]:hover   .font-filled[_ngcontent-%COMP%]{font-variation-settings:"FILL" 1,"wght" 600,"opsz" 24}[_nghost-%COMP%]:active{background:var(--mio-theme-color-on-surface-variant-4);color:var(--mio-theme-color-on-surface)}[_nghost-%COMP%]:active   .google-symbols[_ngcontent-%COMP%]{font-variation-settings:"wght" 300,"opsz" 24}[_nghost-%COMP%]:active   .font-filled[_ngcontent-%COMP%]{font-variation-settings:"FILL" 1,"wght" 300,"opsz" 24}.google-symbols[_ngcontent-%COMP%]{font-variation-settings:"wght" 400,"opsz" 24;transition:font-variation-settings .2s cubic-bezier(.2,0,0,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.font-filled[_ngcontent-%COMP%]{font-variation-settings:"FILL" 1,"wght" 400,"opsz" 24}.material-icon[_ngcontent-%COMP%]{font-family:Google Material Icons}']}),b})()},5465:(z,I,l)=>{l.d(I,{j:()=>A});var r=l(4854),e=l(318),a=l(6435),v=l(2313),s=l(3203),m=l(9808),b=l(8786),C=l(3922);const _=["mioVideo"],P=function(k){return{paused:k}};function E(k,D){if(1&k){const p=a.EpF();a.TgZ(0,"button",6),a.NdJ("click",function(){a.CHM(p);const N=a.oxw(),U=a.MAs(3);return N.toggleVideoPlay(U)})("keydown.enter",function(){a.CHM(p);const N=a.oxw(),U=a.MAs(3);return N.toggleVideoPlay(U)}),a.TgZ(1,"span",7),a._uU(2),a.qZA()()}if(2&k){const p=a.oxw();a.Q6J("rippleDuration",p.rippleDuration)("ngClass",a.VKq(4,P,!p.isVideoPlaying)),a.uIk("aria-label",p.isVideoPlaying?"Pause Video":"Play Video"),a.xp6(2),a.Oqu(p.isVideoPlaying?"pause":"play_arrow")}}let A=(()=>{class k{constructor(p){this.sanitizer=p,this.isVideoPlaying=!0,this.rippleDuration=r.tl.MIO_DURATIONS.short,this.autoplay=!1,this.loop=!0,this.muted=!0,this.controls=!1,this.bordered=!1,this.playsInline=!0}set url(p){p!==this._url&&(this._url=p,this.safeUrl=this.sanitizer.bypassSecurityTrustResourceUrl(p))}get preload(){return this.autoplay?"auto":"metadata"}ngOnInit(){this.controls=(0,e.sw)(this.controls),this.autoplay=(0,e.sw)(this.autoplay),this.loop=(0,e.sw)(this.loop),this.muted=(0,e.sw)(this.muted),this.bordered=(0,e.sw)(this.bordered)}toggleVideoPlay(p){this.isVideoPlaying=this.videoPlayState(p),this.videoPlayState(p)?(p.pause(),this.isVideoPlaying=!1):(p.play(),this.isVideoPlaying=!0)}videoPlayState(p){return p.currentTime>0&&!p.paused&&!p.ended&&p.readyState>2}reset(){var p,y,N;null===(p=this.videoRef)||void 0===p||p.nativeElement.load(),this.isVideoPlaying?null===(y=this.videoRef)||void 0===y||y.nativeElement.play():null===(N=this.videoRef)||void 0===N||N.nativeElement.pause()}}return k.\u0275fac=function(p){return new(p||k)(a.Y36(v.H7))},k.\u0275cmp=a.Xpm({type:k,selectors:[["mio-video"]],viewQuery:function(p,y){if(1&p&&a.Gf(_,5),2&p){let N;a.iGM(N=a.CRH())&&(y.videoRef=N.first)}},inputs:{url:"url",autoplay:"autoplay",loop:"loop",muted:"muted",controls:"controls",bordered:"bordered",caption:"caption",case:"case",playsInline:"playsInline",width:"width",height:"height",a11yDescription:"a11yDescription",tabindex:"tabindex"},decls:6,vars:17,consts:[[3,"caption","bordered","case"],[1,"video-container"],[3,"preload","autoplay","controls","loop","muted"],["mioVideo",""],[3,"src"],["class","ally-container ally-container-align","mioRipple","","mioAnalyticsTracking","","id","btnToggleVideo",3,"rippleDuration","ngClass","click","keydown.enter",4,"ngIf"],["mioRipple","","mioAnalyticsTracking","","id","btnToggleVideo",1,"ally-container","ally-container-align",3,"rippleDuration","ngClass","click","keydown.enter"],[1,"google-symbols"]],template:function(p,y){1&p&&(a.TgZ(0,"mio-figure",0)(1,"div",1)(2,"video",2,3),a._UZ(4,"source",4),a.qZA(),a.YNc(5,E,3,6,"button",5),a.qZA()()),2&p&&(a.Q6J("caption",y.caption)("bordered",y.bordered)("case",y.case),a.xp6(2),a.Udp("width",y.width+"px")("aspect-ratio",y.width/y.height),a.Q6J("preload",y.preload)("autoplay",y.autoplay)("controls",y.controls)("loop",y.loop)("muted",y.muted),a.uIk("tabindex",y.tabindex)("playsInline",y.playsInline)("aria-label",y.a11yDescription),a.xp6(2),a.Q6J("src",y.safeUrl,a.LSH),a.xp6(1),a.Q6J("ngIf",!y.controls))},directives:[s.D,m.O5,b.E,C.v,m.mk],styles:['[_nghost-%COMP%]{--mio-theme-light-outline: #747775;--mio-theme-light-surface-variant: #f2f2f2;--mio-theme-dark-surface-variant: #44474614;--mio-theme-secondary-container: #3c4043;display:block}video[_ngcontent-%COMP%]{max-width:100%;height:auto;

1background-color:var(--mio-theme-color-inverse-on-surface)}.video-container[_ngcontent-%COMP%]{display:flex;position:relative}.video-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:flex;position:absolute;right:0;bottom:0;flex-shrink:0;align-items:center;justify-content:center;width:40px;min-width:0;height:40px;margin:4px;padding:0;transition-duration:.2s;transition-property:transform;transition-timing-function:linear;border:none;border-radius:50%;background:var(--mio-theme-color-tertiary-container);color:var(--mio-theme-color-on-surface-variant);line-height:40px;cursor:pointer;box-shadow:var(--mio-theme-elevation-1)}.video-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:focus-visible, .video-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover:focus-visible{border:2px solid var(--mio-theme-color-on-surface);outline:0;box-shadow:inset 0 0 0 2px var(--mio-theme-color-surface-0)}.video-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover, .video-container[_ngcontent-%COMP%]   button.hovered[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-tertiary-container);filter:brightness(.95)}.video-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:active{color:var(--mio-theme-color-on-tertiary-container)}.video-container[_ngcontent-%COMP%]   .paused[_ngcontent-%COMP%]{background:var(--mio-theme-color-primary-container);color:var(--mio-theme-color-on-primary-container)}.video-container[_ngcontent-%COMP%]   .paused[_ngcontent-%COMP%]   .google-symbols[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-tertiary-container);font-variation-settings:"wght" 600,"opsz" 24}.video-container[_ngcontent-%COMP%]   .paused[_ngcontent-%COMP%]:hover, .video-container[_ngcontent-%COMP%]   .paused.hovered[_ngcontent-%COMP%]{border:transparent;color:var(--mio-theme-color-on-tertiary-container);filter:brightness(.95)}.google-symbols[_ngcontent-%COMP%]{font-family:Google Symbols;font-size:20px}']}),k})()},7692:(z,I,l)=>{l.d(I,{_:()=>r});const r={title:"M3 Portal",children:[{title:"Search",slug:"search.html",children:[],symbol:"search",mobileOnly:!0},{title:"Home",slug:"",children:[],exactMatch:!0,symbol:"material_design"},{title:"Get started",slug:"get-started",children:[],symbol:"apps"},{title:"Develop",slug:"develop",symbol:"code",children:[{title:"Develop overview",slug:"develop",exactMatch:!0,children:[]},{title:"Android",slug:"develop/android",children:[{title:"MDC-Android",slug:"mdc-android"},{title:"Jetpack Compose",slug:"jetpack-compose"}]},{title:"Flutter",slug:"develop/flutter",children:[]},{title:"Web",slug:"develop/web",children:[]}]},{title:"Foundations",slug:"foundations",symbol:"book",children:[{title:"Foundations overview",slug:"foundations",exactMatch:!0,children:[]},{title:"Accessibility",slug:"foundations",children:[{title:"Overview",slug:"overview"},{title:"Designing",slug:"designing"},{title:"Writing and text",slug:"writing"}]},{title:"Content design",slug:"foundations/content-design",children:[{title:"Overview",slug:"overview"},{title:"Alt text",slug:"alt-text"},{title:"Global writing",slug:"global-writing"},{title:"Style guide",slug:"style-guide"}]},{title:"Customizing Material",slug:"foundations/customization",children:[]},{title:"Design tokens",slug:"foundations/design-tokens",children:[]},{title:"Interaction",slug:"foundations/interaction",children:[{title:"Gestures",slug:"gestures"},{title:"Inputs",slug:"inputs"},{title:"Selection",slug:"selection"},{title:"States",slug:"states"}]},{title:"Layout",slug:"foundations/layout",children:[{title:"Layout basics",slug:"understanding-layout"},{title:"Applying layout",slug:"applying-layout"},{title:"Canonical layouts",slug:"canonical-layouts"}]},{title:"Material A-Z",slug:"foundations/glossary",children:[]}]},{title:"Styles",slug:"styles",symbol:"palette",children:[{title:"Styles overview",slug:"styles",exactMatch:!0,children:[]},{title:"Color",slug:"styles/color",children:[{title:"Color system",slug:"system"},{title:"Color roles",slug:"roles"},{title:"Color schemes",slug:"",children:[{title:"Choosing a scheme",slug:"choosing-a-scheme"},{title:"Static",slug:"static"},{title:"Dynamic",slug:"dynamic"}]},{title:"Advanced",slug:"advanced"},{title:"Color resources",slug:"resources"}]},{title:"Elevation",slug:"styles/elevation",children:[]},{title:"Icons",slug:"styles/icons",children:[]},{title:"Motion",slug:"styles/motion",children:[{title:"Overview",slug:"overview"},{title:"Easing and duration",slug:"easing-and-duration"},{title:"Transitions",slug:"transitions"}]},{title:"Shape",slug:"styles/shape",children:[]},{title:"Typography",slug:"styles/typography",children:[]}]},{title:"Components",slug:"components",symbol:"add_circle",children:[{title:"Components overview",slug:"components",exactMatch:!0,children:[]}

1,{title:"App bars",slug:"components",children:[{title:"Bottom app bar",slug:"bottom-app-bar"},{title:"Top app bar",slug:"top-app-bar"}]},{title:"Badges",slug:"components/badges",children:[]},{title:"Buttons",slug:"components",children:[{title:"All buttons",slug:"all-buttons"},{title:"Common buttons",slug:"buttons"},{title:"FAB",slug:"floating-action-button"},{title:"Extended FAB",slug:"extended-fab"},{title:"Icon buttons",slug:"icon-buttons"},{title:"Segmented buttons",slug:"segmented-buttons"}]},{title:"Cards",slug:"components/cards",children:[]},{title:"Carousel",slug:"components/carousel",children:[]},{title:"Checkbox",slug:"components/checkbox",children:[]},{title:"Chips",slug:"components/chips",children:[]},{title:"Date pickers",slug:"components/date-pickers",children:[]},{title:"Dialogs",slug:"components/dialogs",children:[]},{title:"Divider",slug:"components/divider",children:[]},{title:"Lists",slug:"components/lists",children:[]},{title:"Menus",slug:"components/menus",children:[]},{title:"Navigation",slug:"components",children:[{title:"Navigation bar",slug:"navigation-bar"},{title:"Navigation drawer",slug:"navigation-drawer"},{title:"Navigation rail",slug:"navigation-rail"}]},{title:"Progress indicators",slug:"components/progress-indicators",children:[]},{title:"Radio button",slug:"components/radio-button",children:[]},{title:"Search",slug:"components/search",children:[]},{title:"Sheets",slug:"components",children:[{title:"Bottom sheets",slug:"bottom-sheets"},{title:"Side sheets",slug:"side-sheets"}]},{title:"Sliders",slug:"components/sliders",children:[]},{title:"Snackbar",slug:"components/snackbar",children:[]},{title:"Switch",slug:"components/switch",children:[]},{title:"Tabs",slug:"components/tabs",children:[]},{title:"Text fields",slug:"components/text-fields",children:[]},{title:"Time pickers",slug:"components/time-pickers",children:[]},{title:"Tooltips",slug:"components/tooltips",children:[]}]},{title:"Blog",slug:"blog",children:[],symbol:"pages"}]}},4854:(z,I,l)=>{l.d(I,{DZ:()=>J,G3:()=>K,Ik:()=>k,K3:()=>T,LB:()=>p,LJ:()=>G,Mq:()=>y,Nh:()=>P,Ru:()=>L,ZI:()=>e,a8:()=>j,e4:()=>ee,eM:()=>V,h7:()=>M,mG:()=>h,oC:()=>Z,sz:()=>te,tl:()=>E,vn:()=>D});const e={action:{id:"action",thumbnailHex:"#dcdaf5",thumbnailHexDarkMode:"#45455a",thumbnailHoverImage:"static/assets/m3-action-theming-thumbnail.jpg",thumbnailHoverImageDarkMode:"static/assets/m3-action-theming-thumbnail.jpg"},communication:{id:"communication",thumbnailHex:"#dcdaf5",thumbnailHexDarkMode:"#45455a",thumbnailHoverImage:"static/assets/m3-communication-theming-thumbnail.jpg",thumbnailHoverImageDarkMode:"static/assets/m3-communication-theming-thumbnail.jpg"},containment:{id:"containment",thumbnailHex:"#dcdaf5",thumbnailHexDarkMode:"#45455a",thumbnailHoverImage:"static/assets/m3-containment-theming-thumbnail.jpg",thumbnailHoverImageDarkMode:"static/assets/m3-containment-theming-thumbnail.jpg"},navigation:{id:"navigation",thumbnailHex:"#dcdaf5",thumbnailHexDarkMode:"#45455a",thumbnailHoverImage:"static/assets/m3-navigation-theming-thumbnail.jpg",thumbnailHoverImageDarkMode:"static/assets/m3-navigation-theming-thumbnail.jpg"},selection:{id:"selection",thumbnailHex:"#dcdaf5",thumbnailHexDarkMode:"#45455a",thumbnailHoverImage:"static/assets/m3-selection-theming-thumbnail.jpg",thumbnailHoverImageDarkMode:"static/assets/m3-selection-theming-thumbnail.jpg"},"text-input":{id:"selection",thumbnailHex:"#dcdaf5",thumbnailHexDarkMode:"#45455a",thumbnailHoverImage:"static/assets/m3-textInput-theming-thumbnail.jpg",thumbnailHoverImageDarkMode:"static/assets/m3-textInput-theming-thumbnail.jpg"}},a={STANDARD_EASE:"cubic-bezier(.2,0,0,1)",LINEAR:"linear"},v={_235ms:"235ms",xshort:"100ms",short:"200ms",medium:"300ms",long:"500ms"},P=280,E={BREAKPOINTS:{MOBILE_BREAKPOINT_WIDTH:600,TABLET_BREAKPOINT_WIDTH:960,LAPTOP_BREAKPOINT_WIDTH:1294,DESKTOP_BREAKPOINT_WIDTH:1800},MIO_ANIMATIONS:{SLIDE_UP_DOWN:`${v._235ms} ${a.STANDARD_EASE}`,LEFT_NAV_SLIDE_ANIMATION:`${v.medium} ${a.STANDARD_EASE}`,LEFT_NAV_CONTENT_CHANGE_FADE_IN:`${v.short} ${v.short} ${a.LINEAR}`,LEFT_NAV_CONTENT_CHANGE_FADE_OUT:`${v.xshort} ${a.STANDARD_EASE}`},MIO_COOKIE_NOTICE_CONFIRM:"cookie_notice_confirmed",MIO_CURVES:a,MIO_DURATIONS:v,MIO_CURRENT_MODE_KEY:"current_mode",MIO_CURRENT_MODE_LIGHT:"light",MIO_CURRENT_MODE_DARK:"dark"},k={title:null,slug:null,children:[]},D={MDCDrawerOpened:"MDCDrawer:opened",MDCTopAppBarNav:"MDCTopAppBar:nav",MDCDrawerClosed:"MDCDrawer:closed",closeNavigationDrawer:"closeNavigationDrawer",expandTopic:"expandTopic",scrollToTop:"scrollToTop",setNavRailFocus:"setNavRailFocus",setFocus:"setFocus",resetNavRail:"resetNavRail"},p={CONTENT_TRANSITION:300,CHANGE_STATE_DELAY:200},y=" - Material Design";var Z=(()=>{return(Q=Z||(Z={})).GET="GET",Q.SET="SET",Q.DELETE="DELETE",Z;var Q})();const J={PREFERRED_PLATFORM:"mio_preferred_platform",COOKIE_NOTICE:"mio_cookie_notice"};var K=(()=>{return(Q=K||(K={})).STATUS_TABLE="STATUS_TABLE",Q.TOKEN_TABLE="TOKEN_TABLE",Q.COLOR="COLOR",Q.ELEVATION="ELEVATION",Q.MOTION="MOTION",Q.SHAPE="SHAPE",Q.TYPOGRAPHY="TYPOGRAPHY",Q.OPACITY="OPACITY",Q.MEASUREMENT="MEASUREMENT",K;var Q})();const T=window.matchMedia("(prefers-reduced-motion)"),G="/static/assets/result_2x1.png",h=200,M=100,L=["components","styles","develop","blog","foundations"],V=[{id:"components",title:"Components",icon:"add_circle",ariaLabel:"component",hasThumbnail:!0,isVisible:!1},{id:"styles",title:"Styles",icon:"palette",ariaLabel:"styles",hasThumbnail:!0,isVisible:!1},{id:"foundations",title:"Foundations",icon:"book",ariaLabel:"foundations",hasThumbnail:!0,isVisible:!1}

1,{id:"develop",title:"Develop",icon:"code",ariaLabel:"develop",hasThumbnail:!1,isVisible:!1},{id:"home",title:"Material",icon:"material_design",ariaLabel:"material",hasThumbnail:!0,isVisible:!1},{id:"blog",title:"Blog",icon:"pages",ariaLabel:"blog",hasThumbnail:!0,isVisible:!1}];var j=(()=>{return(Q=j||(j={})).M2="Material Design 2",Q.M3="Material Design 3",j;var Q})();const te={mouseLeave:"mouseleave",mouseEnter:"mouseenter",keyDown:"keydown",enter:"Enter",tab:"Tab",escape:"Escape"},ee={DEFAULT:'\n    .outer {\n      border: none !important;\n      background-color: transparent !important;\n\n      .group-header,\n      .context-select,\n      .drop-down,\n      .menu-context-group-container,\n      .google-symbols {\n        color: var(--mio-theme-color-on-surface) !important;\n      }\n\n    .deprecated-icon {\n      width: auto !important;\n      vertical-align: middle;\n\n      .google-symbols {\n        color: var(--mio-theme-color-warning-icon) !important;\n        font-variation-settings: \'FILL\' 1 !important;\n      }\n    }\n\n      &.theme-table {\n        .display-name {\n          color: var(--mio-theme-color-on-surface) !important;\n        }\n      }\n    }\n    .nav {\n      color: var(--mio-theme-color-on-surface-variant) !important;\n\n      .token-set-select {\n        color: var(--mio-theme-color-primary) !important;\n      }\n\n      ::placeholder,\n      input[type="search"],\n      input[type="text"],\n      .version-name,\n      .reset-context,\n      .context-select {\n        color: var(--mio-theme-color-on-surface-variant) !important;\n      }\n    }\n    .content {\n      .group-header-container {\n        background-color: var(--mio-theme-color-surface-1) !important;\n      }\n\n      .context-menu {\n        --md-menu-container-color: var(--mio-theme-color-surface-1) !important;\n\n        .menu-context-tag {\n          --md-filter-chip-selected-container-color:\n              var(--mio-theme-color-primary-container) !important;\n          --md-filter-chip-label-text-color:\n              var(--mio-theme-color-on-surface) !important;\n          --md-filter-chip-selected-label-text-color:\n              var(--mio-theme-color-on-surface) !important;\n          --md-filter-chip-hover-label-text-color:\n              var(--mio-theme-color-on-surface) !important;\n          --md-filter-chip-selected-hover-label-text-color:\n              var(--mio-theme-color-on-surface) !important;\n          --md-filter-chip-pressed-label-text-color:\n              var(--mio-theme-color-on-surface) !important;\n          --md-filter-chip-selected-pressed-label-text-color:\n              var(--mio-theme-color-on-surface) !important;\n          --md-filter-chip-leading-icon-color-color:\n              var(--mio-theme-color-on-surface) !important;\n          --md-filter-chip-selected-leading-icon-color:\n              var(--mio-theme-color-on-surface) !important;\n          --md-filter-chip-hover-leading-icon-color:\n              var(--mio-theme-color-on-surface) !important;\n          --md-filter-chip-selected-hover-leading-icon-color:\n              var(--mio-theme-color-on-surface) !important;\n          --md-filter-chip-pressed-leading-icon-color:\n              var(--mio-theme-color-on-surface) !important;\n          --md-filter-chip-selected-pressed-leading-icon-color:\n              var(--mio-theme-color-on-surface) !important;\n        }\n      }\n      .context-select{\n        background: var(--mio-theme-color-on-surface-variant-4) !important;\n      }\n      .grouped-tokens {\n        &.nested-level-0 > .display-group {\n          background-color: var(--mio-theme-color-primary-container) !important;\n          color: var(--mio-theme-color-on-primary-container) !important;\n        }\n        &.nested-level-1 {\n          .display-group,\n          .group-content {\n            background-color: transparent !important;\n            color: var(--mio-theme-color-on-surface) !important;\n          }\n        }\n        .text-value {\n          color: var(--mio-theme-color-on-surface-variant) !important;\n        }\n        .close,\n        .less,\n        .more,\n        .copy-value {\n          color: var(--mio-theme-color-on-primary-container) !important;\n        }\n      }\n      .group-content {\n        .token[active] {\n          background-color: var(--mio-theme-color-surface-5) !important;\n        }

1\n        .token:not([active]):hover {\n          background: var(--mio-theme-color-on-surface-variant-2);\n        }\n        .token:not(.color):not(.shape) {\n          color: var(--mio-theme-color-on-background) !important;\n        }\n        .cubic_bezier .preview path:first-child {\n          fill: var(--mio-theme-color-secondary-container) !important;\n        }\n      }\n      .selected-detail {\n        .display-name {\n          color: var(--mio-theme-color-on-background) !important;\n        }\n        .description {\n          color: var(--mio-theme-color-on-surface-variant) !important;\n        }\n      }\n    }\n  ',STATUS_TABLE:'\n    table {\n      --theme-hairline: 1px solid var(--mio-theme-color-surface-variant);\n      color: var(--mio-theme-color-on-surface-variant);\n      border: none !important;\n    }\n    thead th {\n      background-color: var(--mio-theme-color-surface-1);\n    }\n    table a {\n      font-family: var(--mio-theme-v2-title-m-font-family);\n      font-size: var(--mio-theme-v2-title-m-font-size);\n      font-weight: var(--mio-theme-v2-title-m-font-weight);\n      letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);\n      line-height: var(--mio-theme-v2-title-m-line-height);\n      font-variation-settings:\n        "GRAD" var(--mio-theme-v2-title-m-font-variation-GRAD),\n        "opsz" var(--mio-theme-v2-title-m-font-variation-opsz);\n      padding: 1px;\n      border-radius: 4px;\n      color: var(--mio-theme-color-primary);\n    }\n    .mio-underline {\n      text-decoration: underline;\n    }\n  '}},3922:(z,I,l)=>{l.d(I,{v:()=>a});var r=l(6435),e=l(5260);let a=(()=>{class v{constructor(m){this.analytics=m}onClick(){this.recordEvent()}recordMTBEvent(m){m.stopPropagation(),this.analytics.themeBuilderEvent(m)}recordEvent(){this.analytics.event(this.analyticsKey,this.analyticsValue,this.analyticsLabel)}}return v.\u0275fac=function(m){return new(m||v)(r.Y36(e.$))},v.\u0275dir=r.lG2({type:v,selectors:[["","mioAnalyticsTracking",""]],hostBindings:function(m,b){1&m&&r.NdJ("click",function(){return b.onClick()})("log-event",function(_){return b.recordMTBEvent(_)})},inputs:{analyticsKey:"analyticsKey",analyticsCategory:"analyticsCategory",analyticsAction:"analyticsAction",analyticsValue:"analyticsValue",analyticsLabel:"analyticsLabel"}}),v})()},8786:(z,I,l)=>{l.d(I,{E:()=>E});var r=l(1777),e=l(9808),a=l(4854),v=l(6435);let E=(()=>{class A{constructor(D,p,y,N){this.elementRef=D,this.builder=p,this.renderer=y,this.document=N,this.rippleSize="",this.rippleScale=0,this.initialSize=0,this.rippleColor="#001d35",this.rippleDuration=a.tl.MIO_DURATIONS.medium}ngOnInit(){this.rippleEl=this.document.createElement("div"),this.rippleEl.classList.add("ripple"),this.renderer.appendChild(this.elementRef.nativeElement,this.rippleEl)}onMousedown(D){this.animate(D.clientX,D.clientY)}onKeydownEvent(D){"Enter"===D.key&&this.animate()}determineRippleSize(D,p){const y=Math.max(D,p),N=Math.max(.35*y,75);let U=y;const Y=Math.floor(.2*y);U=Math.sqrt(Math.pow(D,2)+Math.pow(p,2))+10,this.initialSize=Y,this.rippleScale=(U+N)/Y,this.rippleSize=`${this.initialSize}px`}animate(D,p){this.animation&&this.clearAnimation();const{x:y,y:N,width:U,height:Y}=this.elementRef.nativeElement.getBoundingClientRect();this.determineRippleSize(U,Y);const J_x=(U-this.initialSize)/2,J_y=(Y-this.initialSize)/2,K=[(0,r.oB)({display:"block",opacity:.12,width:this.rippleSize,height:this.rippleSize,background:this.rippleColor,transform:`translate(${D?D-y-this.initialSize/2:(U-this.initialSize)/2}px, ${p?p-N-this.initialSize/2:(Y-this.initialSize)/2}px) scale(1)`}),(0,r.jt)(`${this.rippleDuration} cubic-bezier(.4, 0, .2, 1)`,(0,r.oB)({opacity:0,transform:`translate(${J_x}px, ${J_y}px) scale(${this.rippleScale})`}))],T=this.builder.build(K);this.animation=T.create(this.rippleEl),this.animation.onDone(()=>{this.clearAnimation()}),this.animation.play()}clearAnimation(){this.animation.reset(),this.animation=null}}return A.\u0275fac=function(D){return new(D||A)(v.Y36(v.SBq),v.Y36(r._j),v.Y36(v.Qsj),v.Y36(e.K0))},A.\u0275dir=v.lG2({type:A,selectors:[["","mioRipple",""]],hostBindings:function(D,p){1&D&&v.NdJ("mousedown",function(N){return p.onMousedown(N)})("keydown",function(N){return p.onKeydownEvent(N)})},inputs:{rippleColor:"rippleColor",rippleDuration:"rippleDuration"}}),A})()},3149:(z,I,l)=>{l.d(I,{_:()=>r});var r=(()=>{return(e=r||(r={}

1)).click="CLICK",e.copied="COPIED",e.enter="ENTER",r;var e})()},2889:(z,I,l)=>{l.d(I,{I9:()=>s,gJ:()=>a,nu:()=>v});var r=l(1777),e=l(4854);const a=(0,r.X$)("fadeIn",[(0,r.eR)("void => *",[(0,r.oB)({opacity:0,transform:"translateY(10px)"}),(0,r.jt)(e.tl.MIO_ANIMATIONS.LEFT_NAV_CONTENT_CHANGE_FADE_IN,(0,r.oB)({opacity:1,transform:"translateY(0)"}))])]),v=(0,r.X$)("tabFadeOut",[(0,r.eR)(":increment",[(0,r.oB)({opacity:1,transform:"translateX(0)"}),(0,r.jt)(e.tl.MIO_ANIMATIONS.LEFT_NAV_CONTENT_CHANGE_FADE_OUT,(0,r.oB)({opacity:0,transform:"translateX(-10px)"}))]),(0,r.eR)(":decrement",[(0,r.oB)({opacity:1,transform:"translateX(0)"}),(0,r.jt)(e.tl.MIO_ANIMATIONS.LEFT_NAV_CONTENT_CHANGE_FADE_OUT,(0,r.oB)({opacity:0,transform:"translateX(10px)"}))])]),s=(0,r.X$)("tabFadeIn",[(0,r.eR)(":increment",[(0,r.oB)({opacity:0,transform:"translateX(10px)"}),(0,r.jt)(e.tl.MIO_ANIMATIONS.LEFT_NAV_CONTENT_CHANGE_FADE_IN,(0,r.oB)({opacity:1,transform:"translateX(0)"}))]),(0,r.eR)(":decrement",[(0,r.oB)({opacity:0,transform:"translateX(-10px)"}),(0,r.jt)(e.tl.MIO_ANIMATIONS.LEFT_NAV_CONTENT_CHANGE_FADE_IN,(0,r.oB)({opacity:1,transform:"translateX(0)"}))])])},318:(z,I,l)=>{l.d(I,{I8:()=>v,_b:()=>e,eF:()=>r,sw:()=>a});const r=s=>{s&&(s.querySelector(".scroll-target")||s).scrollIntoView({behavior:"smooth",block:"start"})},e=(s,m)=>{for(let b in m)s.setAttribute(b,m[b])},a=s=>"string"==typeof s?"true"===s:s,v=s=>JSON.parse(JSON.stringify(s))},6139:(z,I,l)=>{var r=l(2313),e=l(6435),a=l(6360),v=l(520),s=l(8469),m=l(4854),b=l(2889);const C=JSON.parse('{"v":{"header":{"title":"Components","description":"Components are interactive building blocks for creating a user interface. They can be organized into categories based on their purpose: Action, containment, communication, navigation, selection, and text input.","main_background_image":{},"main_background_image_dark_mode":{},"foreground_image_svg":null,"foreground_image":{},"foreground_image_alignment":"top","foreground_text_light":false,"split_background_asset":{"file_name":"Google_Mio_MaterialAZ_1080x1080_(1).mp4","file_path":"957183d66ec5fd675f9aad6974f12fcf231bb370922c3719b74ee95d5b9def6efe2f8ebdff687440c688fd14ffc3da460013010ad90dffd34e05b525acbb65f8","url":"https://kstatic.googleusercontent.com/files/957183d66ec5fd675f9aad6974f12fcf231bb370922c3719b74ee95d5b9def6efe2f8ebdff687440c688fd14ffc3da460013010ad90dffd34e05b525acbb65f8"},"full_width":false,"full_width_content_centered":false},"categories":[{"category":"action","description":"Action components help people achieve an aim.","theme":"green","title":"Actions"},{"category":"communication","description":"Communication components provide helpful information.","theme":"red","title":"Communication"},{"category":"containment","description":"Containment components hold information and actions \u2013 including other components like buttons, menus, or chips.","theme":"red","title":"Containment"},{"category":"navigation","description":"Navigation components help people move through the UI.","theme":"yellow","title":"Navigation"},{"category":"selection","description":"Selection components let people specify choices.","theme":"green","title":"Selection"},{"category":"text-input","description":"Text input components let people enter and edit text.","theme":"yellow","title":"Text inputs"}],"cards":[{"title":"All buttons","description":"Buttons let people take action and make choices with one tap","image_1x1":{},"image_2x1":{},"image_3x2":{},"image_3x1":{},"dark_image_1x1":{},"dark_image_2x1":{},"dark_image_3x2":{},"dark_image_3x1":{},"image_position":"center","category":null,"link":"/components/all-buttons","isDisplayed":true},{"title":"Common Buttons","description":"Common buttons prompt most actions in a UI","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/0bf10b2dfa247fbbcf6b41d88fe5cd6bd69f9ad38c757b91924108d92a958b5a4ce5c6c403369ac15164d95c6021dab6afa8abcdfc4b816b8a9ef3fa38e9df7b","height":560,"url":"https://lh3.googleusercontent.com/yqxz7JlhgsMD3DgQ85UXFE7t4yiZxd-9vAUgsQTs8nb8zqZS_zANoQpubeF9R-Dgtpti2z9LENZ4nWhur8BDz_h2WG1ySAbaw9VBeJamFp676ZOb5KA=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/0447e3ed6257d241d27c0fe83c625c01fa817fe243c65cd3c30f25281b96565231ee0f70df28bbb3a14fc43fb58944b9ffb0e364731d628e22ffbbf443005

1a8c","height":560,"url":"https://lh3.googleusercontent.com/CfVNjdEJAtjLMERtfpFJFwV1EnKB_pFM0Ypb8mvzzD4cc_Mz1_bCgHP0Z_fU825gw_MIEFvSBP1vD9kqXTCZjgCACM8HjXEgVCQMnPjAmMTVz5ospNQ=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/02be54e80ef6201b16a026499551dc4c3f0216cb24961fa17f1eb9c3426623ea9950fad2241388e04a4aa10e00b82f99e22fd0bfe1f05f656295393e12e660de","height":560,"url":"https://lh3.googleusercontent.com/VReYP2JWh78Mz_cj03k17AF9feV2hGUyhbOv0vPpEmRHGNajc-cMbHujgQXi21G24yEFK5RRNmirQQ3gjqVyzOA3yw7BZRpPw1ToR7X3c26gLzFdbg=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/4315e3aeaaabd73a2a0978ca65f5d33d8ebc5e615f8cb59e063b27a8fae6e62f594c16abb94168f752adefdcaecbda9535f0ffbc49dc6e5559d61ccb00b4447b","height":560,"url":"https://lh3.googleusercontent.com/pzaHPVf-CLyKJARasjukA85VrigWE4e934DgMboVvMnMT1bTrX5ezrO-AnByr1bEVGUjMIOVv8t2Tf-oSOnWk1yScjoWSbpDPPo6BUstP9P8R_dCV4iK=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/9016b2a316444179d80e83bf71103ef86141b53078183c54fcc32b282f970af74e20573472eba63278d69917fe70915d0f2bd87b39512572a9c3706813ca1525","height":560,"url":"https://lh3.googleusercontent.com/JPomj4-nv0TGKfH-H6qY1Ujj9lTQejN6shuKE83kA_3qmTnd4NwB6LQ8Tt06lXKRFyD6u4wvbpHq0QVntwBiULzm5asnjSFPueYuIRY_lhWBIK3N3_s=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/df7550fdbfc0e16b074384baf44789b1231d527cec4c6c5d02f3292a12d07e75dcb660cfaf22d7cd750d740004642fcf5d9cf5d78fc57982469ace2cf7df76af","height":560,"url":"https://lh3.googleusercontent.com/UKrSDjtaxBSYV21F-B6s0hrAPvdkDp6DEohIK-NbQEwUSBtstr_fEYU-BpCEsxRFcuyY2-V8Or5S4ASKcguvtFsxUYYr7IPlaNdvFGKHo7QSuOdsGQ=s0","width":1680},"image_position":"top center","category":"action","link":"/components/buttons","isDisplayed":true},{"title":"Floating action buttons","description":"Floating action buttons (FABs) help people take primary actions","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/a6550fdc7709984553777f1939324cde6ce316873cc7935e8a71a06b71414c8e6c1c86be592b0be36eedad8b2509fbe01af89b362d8b57ced439e4986745bbf3","height":560,"url":"https://lh3.googleusercontent.com/smKoq66xsagw6kRHPkhQHZRj64OVqnA1LVYNsUvFgrHxFnKztokBx4LMHydmKlpYBCmlyPZFj8iDG9C2_Ma7tc_SUrjVHNwFfIeM8oCJdXGhv5Anpw=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/e68b156d458b3e41e9b01642fc82516e89eca93d6f006ed2cf8dde248e7e3aa229b8960f6a4305f3d3a083347d3453a1672bb08d65aebb8c8165c2928a88a071","height":560,"url":"https://lh3.googleusercontent.com/IvtAvlytYmZyG7TjFMdXNUkJwsGPx4Mygb4020GzlmhHoGyXMSWquP4pRVxO9a88Ry_jtF0xQ8qSy3xIA_5Db39ER_5_Az6aPzFVTMy2LLNNWcetOj4=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/31ecf40b21330a9d53fb9ff03bd5df63eb94f628056706132491e79e18401e8e3ebc8ced7a45d7d242347176f83692dbaaa5bb4a4e417f4263854c12748e23a6","height":560,"url":"https://lh3.googleusercontent.com/FAKL8WWz2EgU0zXGd74OapBcO_udxkxNHo5uzWL91qX5K_ayHhCtaJThP7LIA5VYaLCh056u58oB_1EjnkpS_xfxnRzjzBceXIc1dT172DiIcb5FQ8E=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/c66d3b2287026cf87d69a24610aa68e19d83a34883d397f332ddd8dd2f85a9b9c9daedf9e824773d08ed1b7fe3d1f7b6f1e7f3f5705e635fc8c927cf754a0bd0","height":560,"url":"https://lh3.googleusercontent.com/fOx0tHgQfTWPyXQQR6mgIiKcZEeanzeCA4DCe24hUfUa1jqCaF1Cb8PnQjmFxzpTNpHrcR0mI-b_76gmXF3rLusIMGhieYA_5ANqDktyr-Ab0S_MNgJQ=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/9abdf8f307108afa5396ea2ec61726d912f3714779f301ff1596f6e0b1266d1b1cd97971b7c1b3910630a44d824b56aa2ecd6479985d85e014267c493a487158","height":560,"url":"https://lh3.googleusercontent.com/z4sGwnFIMi4-n_uT8OKUNQ3OxWWt4nUpow1np-uA-D1LsQoreUwfz4UKVyzj5MYE007jLsG0rjaLBX-yBiwEmClysj8SFkqQ1Gtx3YwuSzeJ2mhBZavQ=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/a289ca5b575a81cbd6ffd279a06bb08ebb79670332e6012d6cdf2b41e58411c2c658e521127d3c731d804c3b38988dffa4e3051fe55931d9b5fcae54f0deb35d","height":560,"url":"https://lh3.googleusercontent.com/bpuLtjvlhdRzHN_xzkYkC90c-im07pFy1ldnzgKA0pScRAwvmCPa8yjxzoJaSjb7d_2SO1DVNduxD1vTPhPIBIm2GoOH3VZZZluQXras96D-uuvfQ-Y=s0","width":1680},"image_position":"center","category":"action","link":"/components/floating-action-button","isDisplayed":true},{"title":"Extended FAB","description":"Extended floating action buttons (extended FABs) help people take primary actions","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/3813758f3d305be3ee3a3fd60961b56799bf1bba830fdd0aef3c533d5e082790a7c2d23e96b696c07715c837c6630e8737b31510960f798e73dcbee7161f9c17","height":560,"url":"https://lh3.googleusercontent.com/XH

1aBxad37zExZ1zsD7oVE1QvfKStWRU55UOMpZCjMkG7u5vmq9CnASwJKFrnOkXwzFe-HbR10cyfPm2Zbg6lxT1g8e0EwTSCCiY5OdIQlxto2J0sufk=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/b43bd7085efb07f50efeaa16d30ab7be72ccdfc10ca85c2d2dcabb38a6ab998c1682187913ea647aa3fa64e5184592cdb5f1e698f402e8eacb083011c43ed071","height":560,"url":"https://lh3.googleusercontent.com/JBUN6zAtvWG__GbJvowumu42gSpWDh_NFMksIy9d2nKy9795f9fEPVGi2tEk2hHzLwDxeyT-3BBzLDxnAE74lbhjNO6tZsQgECqNeQwljxGmZ66FvJ8=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/96db3dea339d6f8739e9876046c3af92ce688d23222ebfe7e68f95e13b54e0035d4fbc2e5d6fdae93c2afecaaf79b6909cb8a335d73ca228833559c1eeab1743","height":560,"url":"https://lh3.googleusercontent.com/icezCBGgwcgzDvvqwHASxbgwCOL4DFXtNI0FMZonsYilQlGk44VPmg-HnsxlSQPhQAg5DnOc96adNmJ7l5OS528tyg5LphrxRr67vbNxYZbvKL6njhE=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/7701600c95e3b9a2d05f37e627d5c0c5524bc9c952645af6d02e04742a64af4e87997611bd908a49e256325bbfb126a0a37d297add85b8e6184a0ec0901828d6","height":560,"url":"https://lh3.googleusercontent.com/7sAnIVLC_c1FJ0DARsU2ye7At0x6NAVfL2KvTP7QLnqnYnzzIBXks_XZnW-Ri0U2-5uptw7zuygui1wKUWuSDWgI9lU4VeSQsx_cb9RzofNRLQxoQUvW=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/c24e520d2eb3d1aa6a3150ec2c323a36b6e2b13ce9bd10907ce96b4c7ef9ff6f558ab6314e9af86ddb2b979508078fcb433ad0f6c211d7808e7bdb2915c11473","height":560,"url":"https://lh3.googleusercontent.com/PnJI-SMhygYpW7EccsHoUS91cM_vg-Ldg5zH3iklxy_GqcvQi_onD-CgaoPofCfHEPV4iLFIXuUrge1DfpfchReTTA5o8Bz7EQ66dXklTWQexFWtS2I=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/9f50e6669757d91296d50595c4f0f7d8c14289804dcedac5dbed8c985688e4a5f459e451e78f5c800c375740385953a8063c4d64f2db9d50555e4590e52c5489","height":560,"url":"https://lh3.googleusercontent.com/NTW_L5h__hWXg1HDWL-PLTp8k30QWFuKzzClhi1_AM7sKDTMztwxHJgRnTpL0q6VEWpNhGbDW_qmctLgeOq2EtvtWEOv9Wo_KGeCIpXpxeX4mmkAR3Y=s0","width":1680},"image_position":"center","category":"action","link":"/components/extended-fab","isDisplayed":true},{"title":"Icon buttons","description":"Icon buttons help people take minor actions with one tap","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/7eecbe6c9e8f52c70982a65dd6476c330b09d9029939fb263de39d5580c18efe86c86da8cddd2f39bb6e93d455a2b4ebec0290a1445c621df8959349220b4ac3","height":560,"url":"https://lh3.googleusercontent.com/5rlZ0tM-FBhTbe9cZpItcH8C58sWjd6UNPbc8tBs1stOAcMGFowm3kayREsTwlQhwc9Ga81Tn2ikrjMqN8VSo5nF9xImR2mA4zsrRhNIjEDWAYjDgQ=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/df63b769436ea2a0786321dedf2edc544aa6fe789ef931d34709521d3926ea0b65702cafba3e1edd8ba7b0b616d20d1d840adc13138e7335b3f1b0ae108232d9","height":560,"url":"https://lh3.googleusercontent.com/42l0Vu4jAcT9c8bAE5DpKPQ4s3HHvue2ikrccy9AM-k28k8y2KDCdf-oYjE7ZNRM6i5-TUnn6bo0oplSS13DiT4uVl-u3hGaj3AvQ4To0ckV9srr930=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/3921bc458aeecdfcb264b63612fd48e240f534b882f0fd5e539a21951bfad06b4aecdf3c415474b6b4dd2e507a78fffb79caac8e2ef5a4cc23667286a8154ea8","height":560,"url":"https://lh3.googleusercontent.com/Xvelzzzuz1UtnWQ8l85p6xuYAXTCotbNYqFHRnPl4tUZTdSZuoMGdyo0w3-eY5MWZY8fW-IZOmzAKzu6UG_9BpIfeYzUhht1JMaiFk8v8TofDvgf9Q=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/2bc3f9f22a1d303ee7fcc30cece280f4088a0687dd7bb3ef26c585afb313176ce048c6a9aac4543050ccb8271853e6c1b969cd49e92099e27624acadb94c685c","height":560,"url":"https://lh3.googleusercontent.com/5aynA-3TvwIm3cdjj8ZR0QNcSYVmoC8je1I1_sHrgwly5oMV_WrpbAuTFKzQG8eK1OYBpUdR9tTm1vp6RpESHQvDRDqrNjLwfvAVuTBSasvPrVBq4ylW=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/5908385d1b8071b3df8f133cd03672e39df6f9e6a9cc21248ec94385a7453361423425cb52fdf4a420b8a3247a632bb8f6e16888a046e0d6b2e5b4e

16ba552890","height":560,"url":"https://lh3.googleusercontent.com/i1izSB7uFUVRnh4is6brbOBsEyrCFqHiYUBsw87x3VuGXRjWjyHq1ZUFMMbHG25tmaqv-nNn4k2t1iYcylVPxnywRFwkZAbXv6qinnpapaSlqnF6ZQ=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/ae55d57789ce226d4288f6f34a97d18cf93032fabc0723f4b00134c71bf1731395b1ebe27d36ac532d283d5b775931b5b71e69ac455e2790e79908b6ab80592c","height":560,"url":"https://lh3.googleusercontent.com/OmfIq7AqYkzzc5Ebz7PlHG3ERBzcn6m7jlQDqo69LOPOK5LyUzETUcov3WnOaO-f98TWjWd66sP-o3JvUGwOUoTctzvvqRZBiFgCTImGw94kpV2KFw=s0","width":1680},"image_position":"bottom center","category":"action","link":"/components/icon-buttons","isDisplayed":true},{"title":"Segmented button","description":"Segmented buttons help people select options, switch views, or sort elements","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/fa715d8ce1ce700ecafb6f49f0802102d0329c74f320221ebd0ebb98e3a995feb4e37e698c726e192b2c078bc52697c2f9efa71c00ff8d1f5801c953a07e0855","height":560,"url":"https://lh3.googleusercontent.com/e7RBRLKbCcftlY-_QnbS2IbdeqH-mKp3jS1NFvFIOPg-2RbV-_AA08dSgieWDTb44Mrbx569_oXpBI2fRS0UU-VkTy9bxiMUj4QyKzcw0V-jNKv5EXg=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/81fa7ec88b1e5c14676195447651fcb82fed476d899ddf7e6b86e831416c8263a4112bcb4a8ec43bec3e327808b1dc31ad886a5b6e34530a4947054ec0b60902","height":560,"url":"https://lh3.googleusercontent.com/fULuVOhgrX41WqMREYnS-Uzsn-yG_M7IY1-_Viwto_fz2UA1xQ8m767dwmOXo6YG166GU2lfvzgMWOmSbbLS6ifPUUiks6_YnCO_iC8mTz-7nDBqZKU=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/44f5ee26540aaa4a99d6edbaea51cf1e32daff7a3e6898210f3f47d2b522c1d83401252fc3ffa78c800ab90cbdfd4781d872ec27ffb20176b6c934741c6b7c83","height":560,"url":"https://lh3.googleusercontent.com/GbJR-Tuk8k6rpR7-ZwPyLujqvNqTqyi1TDSv6xWS8h3FKYnJDezpxPtQQDX7G9ppiYsooOD8k751wE--lJCljPQAGw6zywyjf-OczyZcdvqPMrh7N2Gt=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/543bab55b9e94717efdbfcf0aea0c5a586b46473b475cf59f5901ea166f0db15a3869840a81ca116c3c143c562e1606b6e3cf82392fc929308df4e0b146196a9","height":560,"url":"https://lh3.googleusercontent.com/UYbSpFP2Dx-sgTg7C-Pkb0CtM4cOFa6vHoDR1RlNSg7W4kfoltwj3Ol66dutIj1_oDJ4ZeVdrG7AhYXkmwrizkClWuV0ejPlCiLK7QOeJUPi1ADMRRA=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/7a303315218655ff9829ddce4bc92013f4d74041d79b0b3d05d56300ab6edde612a5e1b2dd09bb029b37482d78f9583e996e6ba0b03e245460fef95779ed0616","height":560,"url":"https://lh3.googleusercontent.com/jxstQqzpUqkJe00iI6DdaiojUpv5mL6O8ywHoY9lswH2nHcn_hIKRWXbw9nzAUMRV6cGcG-nO-tMjkQy4n0_a9vgLqfiiQ4-XKqZMrv4M1N3e_gleR4=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/62b2774a3280f5b5c91e3dbf920d1a75e96ee2d8b9f9a0025f8d14a01b02225a2978a9eb007eacba54056d65a622ff192f7ff3c2b401a7604d671e7994346af0","height":560,"url":"https://lh3.googleusercontent.com/fng4jz1UrWwhJhciz1olXqYS_g6AwZZMF7Af2WRYNqjGkJy_CjiXqP1FYXUOIbgghZKsdo-uyJkfT_gOaMHQrQfFUelPKfDJCv2srDyd0_-dRoNrYg=s0","width":1680},"image_position":"bottom center","category":"action","link":"/components/segmented-buttons","isDisplayed":true},{"title":"Bottom app bar","description":"Bottom app bars display navigation and key actions at the bottom of mobile and tablet screens","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/3f06c7d002165449020d0d9d40b31c2bfb0dddc02275f476ccf24a7989b819e7c9814f188a60023dcaf6a5ab7fb57512625a02e96735149e2b5d5f158dd137a8","height":560,"url":"https://lh3.googleusercontent.com/jQO8_E1a2Xww3wEQ5zFas8g0X1zwd6YvQAekh0GEgffmrSksGAuuYJ5Jl7mF10dCV0fY--0gB-pQRx0Vqn1KiTy9YA1JsGMl7O0efxDDgGplZ5mZY00=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/f8d31adf359cf1726d128acea38c66a0e210bd978b135182aac92e2cd3dd20aaaee61f6641bd19ff32e2b11c

1591d85629bd6f24f65065825d8c3813dcaded99b","height":560,"url":"https://lh3.googleusercontent.com/QuAAGNeb8uT3dysUqGq4y6lgQ6FnrCH-AL-vOg_0-6yKINqzqrPHAOlgpHAneBTj0dd5Zwr_CfvV8HpattSoJe-7G-dEJj9ckao3V3wRebYWJvA9vGBR=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/91b2f84ed214a0df8f5ad3d8bf0880c0145a7bce42c9b8f869c498bdf783647e086ee349f673571b29977836a61003467cee45b2ff5c931d478acbfa65c8f501","height":560,"url":"https://lh3.googleusercontent.com/w8L06Sogr7XXXHjpHVyE7-b7um_jRISqepEGqf-6s5oanQwixC2efk6LYQU-RHZ4ReNAdKk50KGndtsZZlyIExQXQXZJ3M8Ph5Kr71iPRIn2rPr3met_=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/6933f6edf911ae503873299ce25f500cd9f04c963ae0754fd49f93ed5cb74ca4d07de11098fb07765b7f38e9bcf3cffbc8e278c5af303f4ecc221d84a106e36a","height":560,"url":"https://lh3.googleusercontent.com/ejcByXb7e7tHN8vL1z8fHXl-J4rHO7B0T5ZhuuFdwODA6JqEKOboQVhj93mPV8qxFPRCB1-djR3bnEd4Fnqb48WbhOvmE8EtS0AtcpN271hRrWJYIg=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/bd101bca870a05f1c9f6b8c23faf35169dc27af05cca07a3e563822e71daeab1c77ccf1a836d9c09c5bf121149aadfc3955e566ad9ce6fdf8259526eda5bc5b3","height":560,"url":"https://lh3.googleusercontent.com/Mueb5vrgd53owbj1LJuCz0MZkGOaFX9hh0buCQwclIcnuAS5HBghCH_Bq-i-JjSTN-NrKKCqnLZrsdkpuvPjqjGxjJYj-oc756zewL9O4GWxJM7h-O1o=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/b3761ae81c6336b2eb8b739f3bff88304dce09c2635a00015872203ba068ca13d4e48b072200b18ba3b8521488d533deb4d5f264ddf0f4449f856a6871c28e51","height":560,"url":"https://lh3.googleusercontent.com/GOwNgrM6l2C8AV3RjaY6BvC7gEWzqQWq8aoj4oKuDs_ena9FLrqe3VbjVHec35WbuP0KbPgxV5_suDTrK9UwBb4NWPLu9e2NWJqgUFNtGL9FYJE4FQ=s0","width":1680},"image_position":"top center","category":"navigation","link":"/components/bottom-app-bar","isDisplayed":true},{"title":"Bottom sheets","description":"Bottom sheets show secondary content anchored to the bottom of the screen","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/11ed64c8680616c59479f3aef53e5f3cdb81ffe3e271f6e421495666079dc1f52e7f13a8c4708bf440cd89a08ef498cf1fa0e42b5f9cd7309cd0236c048fd314","height":560,"url":"https://lh3.googleusercontent.com/2sQsMJoEmnkwutWMwelnzweynfAQplcUKoE5-mJVOUZhTUOAYh2Et-otggl47YMeHiVGl3tPONGuP7bPsmnu4s5WXtFV8B2vio4MupaezYr35HjtRQ=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/c4b42ed62d5b285bf7f6e428653928677ea61b9bd8e23889e3c60c84319754bfe7bcaf767042a9e13d8f2b71d5f723c9518dce56d16cdac90ca241e1f8fe9dfb","height":560,"url":"https://lh3.googleusercontent.com/AWkQvK9Jlh0HIcUEhg_vGyjdiMROTtsmk8H5Ouc-fh3SZhMVzwxHh2WK78eRZMWauvtCevBfbmQOMAI7OKq8hB5RTHYOlRjUll8K8myyBHfkmlqrRlo=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/0a9acb38006dd413ce886b23652db7893418a016d6fd2791a4c2ddde1ecf213c3c63f38d2c6ab3697684bd7b990e00781bb0e7f0f6ab846bc3182f4fb2a9b285","height":560,"url":"https://lh3.googleusercontent.com/vkbGjssFeiTQEv7MkxgPSkaWFCbC3VlmGsTajQdN4egvRYJ8_t0OEFtHHi8_SH_FlO9BCy-A4RYxVFXKrlPVLi2D4fY98Fk7vRiuR8T_pl22_phd7kLY=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/9b0b210a881be3522bd2f78ca07ec6db644cf0fbc99afc53b68b0c19473305867a1a3c853d9fbf83a79214f07fa31eae59bbbac08702d148ba2ccadd5b2b0f1d","height":560,"url":"https://lh3.googleusercontent.com/Za5TZFQsTrSBlQ7CEm-W2ECuK_adjsMlew4QEEZqyvfROQzuerQHwJKhfucMnrPXk0uMPemBi-7R5Uqy-CjPdqlo1eRXKMsv6xPALfTRQk1V7Sg4kzk=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/fc168f1220a07d153eb48972f278db735751ff8e15734d207ef0b6b94140800e06ba16c5304136c878ba9231ae9c2afa1ae29cb6216c81d03c1e0616f7c1284a","height":560,"url":"https://lh3.googleusercontent.com/uhvpLKb5clowsuj3KTUHsedV_y8ScLvhDApxH8crQhNEjVmtLUx9IVNKkisvWN1foZhPFoLHM09DktKzaz5YFVa0pzIwVetsefx9Tc4nYs9O_F5Fx6o=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/cc26cf68b466d11da8a27b1a71ddab12d0d58259955b6f4758e4d5d3d4413b4b43b0e8c9d7f61438c8d5778ccd481a6c1a5386a7296f4107bbc979e403b9afb7","height":560,"url":"https://lh3.googleusercontent.com/sHZ4m9taRPO_As9vLUH6Mw5lncuIYTBivxBxtNzgRiQesgRvDdkoX_XoQ6qjm-pAqFMWHxltHTjjuizPEsXjh6kzfm0G9KQ34tEhs-M1p0NIYYHR_g=s0","width":1680},"image_position":"top center","category":"containment","link":"/components/bottom-sheets","isDisplayed":true},{"title":"Cards","description":"Cards display content and actions about a single subject","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/d3024bf60c0d7ffa306514430c936d07dca8b820016eceb06fbd62aa8c01a273667ef862731c074506afc11f8b65c1b1c9dad0a255d023a8d4f25f0353832c15","height":560,"url":"https://lh3.googleusercontent.com/PMvOv9y2LC-Uz8a4EfGlG29SimgMSbrZad2GuAqJQ0wKscFvBsgfrWEyXJR54GlehoAeu17k_unPRBkoKCdPavD88SfgTPKaVOxqlspwSP4BEdVvEw=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/787651a534ec917a39b2405b129ab8246b03bd6e36b688bf6a29d6f90c58de1712632942402f2dfd27601f5bc7c7ce336bd7b6f0b5b2a4202f53ee8d5fa5644d","height":560,"url":"https://lh3.googleusercontent.com/hDu5uqvpBJscpa477iNMWk-lUqEzrDf8uV7XwDoyABr-In0ukVDjCVoV1cPBzrH9bw6A3H2Zid6K7d9n0UnUsNNoQSz7w3XPP0wUUtKT5jDhNNnaee2c=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/38b2f3732455f0a25db6e87cb75f6c5482982431aefb805366cbf1c6fc551049f464ee8468a720cfef7de6b

11659a0e8af3bc126ef6bad4f116ae511ad26cef56","height":560,"url":"https://lh3.googleusercontent.com/n_4aNsJuuiyg_sr2_uw8Q8G2oUOOvY6ICtuUHBg6HAvICeHxZRynFpHVVkQS1TteV9vKQRVX7DMe0NU7k-lWMWYTBChDePs9NtzYJTScRZkg54Zsce0=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/56abd7b33419fc67de57745300595fb3da4adb27db0221c0e60814390fc361290360438cbac40bcfcc608a3db92944bf38b35b241e4a47fde7a755c4c6c56ec2","height":560,"url":"https://lh3.googleusercontent.com/EVo6jJQJ6txVJvU_aV1ZqH7XI7jttFNbLwNcxtCGqRWdtpqjGXIck5CXPmSCAELuNY8g-oAtsU9c9eypM5Px35kb0y6YJjgcbCd0CUpO4506kxa7vw=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/d243ffc58dc56d619863e41a1131ab56568fc1be6bff44d50fa90d240f461c4dc217fcfd4787b685674094990a0d9663b2370cc609854a699c3fd7efcabf8707","height":560,"url":"https://lh3.googleusercontent.com/CIrFVyKM9hJFtS380Jj0lAvpzoyBAnYsPysi_gbfGN_A8TQTujDmaCuyVIuGQd0Z4feC6BuO2TDyCwFPR1lj-HmfeLInNn2PNQXlsoi9DfccU5j5dZw=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/c91323d2fb2c25e2a9562bc7f4b4fe6c52be223f24bd6df9b80d5b84c0a0613ca3cf36b5dfc0074b1fb6ea438e41a2662e327340a21f27641e63541958881b59","height":560,"url":"https://lh3.googleusercontent.com/5ILgY8HzUYW3n-4nfqNxrfSZfzH0bfdMfd0qtoS7sFotOFyRhOLaotWvWvbdHW-TLll9TGA503l6uH5pfUYH4gBTCv8-6ToJhg2nnQobP_4bwxcALqt_=s0","width":1680},"image_position":"center","category":"containment","link":"/components/cards","isDisplayed":true},{"title":"Carousel","description":"Carousels show a collection of items that can be scrolled on and off the screen","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/580f09a0eb8e7df788593afc6c21dab2ce53d28d58c2ae58f9efa9128edbdae6636f0472118e378ca0a457b98adbc054970a66f0ed0c200c294f776c2bd0f5bb","height":560,"url":"https://lh3.googleusercontent.com/7P0l-20-kE5TGascEA0Uti2E0zVw0knH9dhy1DuQL19Q1cyNgVt5ILvHZJgwZWzFOIfXtFHNkvHhHGtveSvfWd0GUnx3u_QQibmaSCFqPsrq07NS67M=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/366aa89d809c63f416884146da5deed468c3be311c7d72afe05dcc977c6e83a19b53da9f39e3a87f89797d4c2643b33d11075978e6d0d4df255a56fb01383b69","height":560,"url":"https://lh3.googleusercontent.com/JK-qmpKmNOx3Ga6dn8uEWi5b232tw-6fhxXJawQZHY6WnTPy6821i54vpCXxytCxdprrOoqMLk9FQ3GhGRXabv-UTVqPu9iwOxm27_xJkPV4VrfKJ4i3=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/746c4cd3441da3460102314c4fffac62acd97cae30e22b089f676a641de5fdcda72046bc328046029415a6f539ebed19eecffeaebe96e7f5341fd90f28220aa5","height":560,"url":"https://lh3.googleusercontent.com/upiNwG4eX_60jklYacwvBizzElShHsnkxVsJDZI0W9VtRPo_czilCrfyaMDWDsTWkbCwitevcrg9EDfjGgRRhlA5OaBnTDJd6FaOtqOSzcw3U5v3_Q=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/0be31d7df7912b1493b0483a9b30f51b256193a29f099cffc6aa3d45d80138de5966ee14db96d4f5a27b74cae5845bafc22769e61c57b437ebaaca1c71987e35","height":560,"url":"https://lh3.googleusercontent.com/u2CUJlzbmrkMzqU28l96EhgvqMFgAd-J5NmOCkhnkE9EPSiFmrbe16tC3dfIxICpBWdqmkR3iWWCbkh0v2xBZTgOtLe1OyFUbLjXZzSXg2TJvQx4tg=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/40eb4fdc0ecb49c17e1670fbc521e9b5a9c1a4b6db4290b16ba1278e2b38971bb7ed8b613fe27e590178df63f32ccf924c76461c0308c8cbbb1eae010eed6c7c","height":560,"url":"https://lh3.googleusercontent.com/URhHwlZnIPCs9yu8AM0svCKFyeLJTJ1ZtVP-Z0S_PI-qjFaYPOC0JcOMjkGXa343w3HY-WwUcXxeLg7n1GXEMGAaILiThgvlllB_sHSPcEImpfdNng=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/7c0430861acbb957fe0bab63e3939d3a6829c0bf5c029e537a3953814b4c6cfc592a1b6f6b829177eee39fa506c509d345290adbdc98ff940abc5eabf5c6f509","height":560,"url":"https://lh3.googleusercontent.com/ptONP8dc4XJP0PIOQFx5pYa-Vr3Z1TLNEbD574bKYdCOyNrkuA1AUpPcr2lO3PyZ_SXiVw5mRPpnVPsA7zAz2-Jnp08lYZi1JVFC4jZKDutmz3ttPjY=s0","width":1680},"image_position":"center","category":"containment","link":"/components/carousel","isDisplayed":true},{"title":"Chips","description":"Chips help people enter information, make selections, filter content, or trigger actions","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/a7ef6c475a23cc3b94cd01d6d14eaedcc3638806a871d7baf07b262c60137928891ba67c56f3f8fe598cc8a111bf7df70a1d03ea989cc2d8634fae3a45b3c5c8","height":560,"url":"https://lh3.googleusercontent.com/sfSJvpiDpyhp2-nOJugxj_zp-a8ad6E7C7kZVvYTaUVMltfi_PgzMupVY1IKE738sYM4WdH8RI_7xamlwS2KpCK8TCc579bYrV9hBN2EyXJmPmy-8GoR=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/ecaf81b7eeb304806d279e19a3ce79e98154c0c514c35366adcbc66303a0d3a8efe7072e4cc7119693d25172fa43dbf468d8f2ea9b227697ec378b841d0c1675","height":560,"url":"https://lh3.googleusercontent.com/3hyPX8dmqy4W-puh-icPSs9ey857-cu-SkGhgeol5h5SFmyL7uQC1MaIvlagx7ofd2e6_Uy6-Q7eCCgs8Hkh_pZp4iRXKzB-JcpOf4WSxQWEuvjF-lI=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/cef004e6a031f338e88410c8bcd40567ef523161fd4eb379da12bcc8c71fe5316587ad44aaa245e8236a42c9542febdd2bcdcc2fdca443316f55476376fbcff4","height":560,"url":"https://lh3.googleusercontent.com/gY9gbMTUWuCZP-R_5Koa-QoKw9OISwa0Rloax8LMDVSz-2TZLKGtBypUsugt6O9sFrkUdOpYkglDtRffy_AckXm1yQ0F0OMN0cPZumx00_HuuFSRfZc=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/b2d9e8e6e70df4a6790797782d5c

17108bbf27c57c72bda9e3866bcb94b95ac4547abdff255a7539e23da6c4fd8ebacb1cd7723c54a7e1d30ace0ad133ed712f6","height":560,"url":"https://lh3.googleusercontent.com/4SfNP-5t4jB3bAraU61goQ3W1O_5tqUzogP3E8WOa6Xx6yUDp-_M6sxJJmbRtb6NIDIoRn_I1A29CZq5JY5ZH9UOXhiq-RK1FEk9tKBC5dw9ZtkT-lE=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/f966bdf362421c8c2545c8d199acdfee3ba9587fa6284994ababa3812bc87f5de577b8025cc53cbdcb772b430f90720b777547815d8a64037ecdbfc3ff19e281","height":560,"url":"https://lh3.googleusercontent.com/3KBFrIsy2zV1XrUK8eFHMfoj-f8W1N_OBGLVNpjbIG5tMEGYrcxB77MWyych1wd2M3SoGlkbmIHfRhetJFeQKiJhBp-y_8a_bZcw8Y3ATzkrSNODr8QO=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/7b847ac9163a4126783a6118f93d46ba9b2bd3581187827fca1827c5b2cc4d7613ad4e970581aad48f07273a866609a778372d1b90833d19713983b2808410da","height":560,"url":"https://lh3.googleusercontent.com/59meZ_3w4iGPZBC0lQeHD1gjbuMs-XLr5-bqNU1IvRoYtVCSigeMXB_KpDpq0a4t_bDuTaDzJN1UHeDpSWSjf1QkXPr5wOQRMYwPzMlGu42z_QL3DuA=s0","width":1680},"image_position":"top center","category":"selection","link":"/components/chips","isDisplayed":true},{"title":"Dialogs","description":"Dialogs provide important prompts in a user flow","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/1717b2215637b182bc1b606643f04357951d1a6bacd26326e1e00e8b3c34096653e01a37f88b17a17dd16c6422ba78125ac52bd9597bc868cac061119fb4a473","height":560,"url":"https://lh3.googleusercontent.com/vYMTjpbyKhuhcQf0KxP6FhLCGgbYxqmJSAlFhBMS3NYqy8zQzQ0RjX0wJq3q2QeKnKUkqkaFczLqhQOastA4qCgUhSJmcScK4DODabPyJkMqDYAVHLcS=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/66d6fbf43e04726802ba1a5bc857a7c0cfe91c17ff8c350c50e3fc233544fbb7a9ca22c0ddf31a624c6680af1f55e4534fa718b4fc8a7f141122e2bc71ec0b0a","height":560,"url":"https://lh3.googleusercontent.com/igAVtLSjEh1oJhOokKkNeW1cypvo9ElSZvvxTUrFTPRwxvGXe01kCPDz1GqKPjfi4WA-B2BJFyB9Hcv_ZSgsSkS1u

1Lb4gaIBRyvNe_mW15dr7S-YN0u4=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/85508d54456d0a5d89e4e0492b27d0acd00dcb92b463bad7c87cafe6995d9c3c46e6a8e06a71899c29dc4373d445c65c2447b0cf401ecf0969b5f7cccd174848","height":560,"url":"https://lh3.googleusercontent.com/M3idEmsw4YRoThty6JUy3jdEU4AReim8cp3SOnbtR8iy4B-sHhttjd2mtHu4xcqlL42tPbwTmYwAQcchS834nv2tC8kcvMuevNDdtVnVmjAu0m8oeVyz=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/90615bf36e2f398448ecdc7853ce91bc918efa5c649655b6d7270100a8dcc9b7076b958dbf9dd29976cd1c09365998533c8f0e4c7250e175fe6168314f26aea1","height":560,"url":"https://lh3.googleusercontent.com/svKgkRsVAOiYQpKRjOCOlufE0ozk5xJmp2TSaP1T41PVc05CGGWGFhlBaVIsYNZKBQZBfzhg6iR8K-155LJDuBRbftdlbhVcxWf77ZmZHwVeOO1Askw=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/9fcbdd6f73ab03db9d725b8c3fce371f41648f5d675d2fb4d51cb6cdadaa24f7ae2ace0e9380dbef9137ad6777561c1f2b67ae9bf044a52cfd46dc06acaecbd0","height":560,"url":"https://lh3.googleusercontent.com/IkP7chlaCfGAM5Zfu0TKk8hlrH66ispOO_c-TX2x2yS6BsTua0WTSidngpqMrK30XXfD3Uqe5NthK65y0moPQhiJcJ5pEXVDHTJI3eEM1375LcOTUgE=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/25d5d2f8005acbe099912a239fba0815a84061f598e6cccd3549b247ff65a8bc3c365ee33135ef8f569dfa66bdf6fa852a55d7ed168d6d4cecb14b101fdef99a","height":560,"url":"https://lh3.googleusercontent.com/BwVxMT3UwKvmBIuIERsNqyATjB360dWIw79-BOLTBNa3eInaH-GFAnOoOSsyQPrIuI0AN2vVqjRmoVtr778N1Z4nj65zRF57TWTcpFWkzyxIpKaOVWo=s0","width":1680},"image_position":"center","category":"containment","link":"/components/dialogs","isDisplayed":true},{"title":"Divider","description":"Dividers are thin lines that group content in lists or other containers","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/043a7bdec1b40f77c8e1465087ab4949914cdd64713b99a1d8643422fb42fc4dd45483b717dc43ac997eea48586d985d7d81c92ac5707f3dc61f25f65b9524fb","height":560,"url":"https://lh3.googleusercontent.com/rLbUWndxZ9ecwLZfD4-_WIG-odwNbnQruhhJSlNycPJDdPhMpcHKGzkn6mYwxrf1NpZsf9vIeu6OUQgZjknwgj0YEdm54n3bx_alpwFxCaiV5Z-GnIgC=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/2da277201519a518bee9e943879cd65284535cb2c8f1928a145a02ece7bc37de5ebfa3542972ca2e6a641855189c0d9525e3c3e277226715daaac4f61828986a","height":560,"url":"https://lh3.googleusercontent.com/pU54CtUDId2FFuA7DudDcXEcqr4Bk48FnLyxyqVQmceTSGCkQ3l5gZ1l07MM0iV6uaca5HslngNSsah_AbeIknu2nTf-Notz6ZdeoKuSZ7eyUro0bOM=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/3def75d28f4e2c4396c0f8ae94a3bc7efa6ed1aa657f6b4830697f2b7632bc4dc05e0c9ca28b470b69fa9b1f1c5c6f3b326c533374743362764c3be19aacacde","height":560,"url":"https://lh3.googleusercontent.com/a9K_DZgVXzzXYtJhMzggPh8Q_GH939fVO0EfHHPc5JAn8TXA1VG8kjDJr2AWdFPeuMdb7SBVmULYGV0OIT9c7wmzFXtdSFoN3d85cme_NximgRRok20=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/335f88a100d46e6fd55c6871e51af4440881143a11bbbfde53c2688901121d323fe9440e5756d281da527232e5f3d9ff294e83a393e7881b85e637d33cb812b2","height":560,"url":"https://lh3.googleusercontent.com/fP2WEG8hIwDmoks4Krwegg8ixzqXPRQM-ljIjy4uhVl22lJTj6lYExFKkE1LLpKK-BXFvQEaYX7zeLufsM58PrtCwyMlsTZY3QpneqRejcNLCcJ3rV4y=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/ec55454c077d0365bc90f178632a21855bab440cd7071bde028c4c902aeaffdc2569f64f22d16a18f1ac94e00b466b9c4ef040285276468cdb38106fbc6ba805","height":560,"url":"https://lh3.googleusercontent.com/emFTrof3imeD_SyiluUz0GRgT6mjXaG6pYy8ue9a5f0f3BmiMKklEffGxqHftL7jQ6t4JhKh9AWhKlif30GpMwofPOlHsZGphBPcMcdm31SnPZ_wamA=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/6d78273beb68bb057d4340a24c9d05ea7001dac351536e6baa42f1f32db7e44ec95f89a3ea2a63fe1cd15514b62ee3f1baf4d4ba099034721d5b635d98b68de9","height":560,"url":"https://lh3.googleusercontent.com/R487dZe3vUVILcv4DlHLCn4NO129KsLQBZKl42_Qsp8GGrvp1C6xpC8VP1mLjrWzkXMPEBx5Q22vLZMovRyHW4NSw_42v7sV7hbUzjYa4drc76cuY_U=s0","width":1680},"image_position":"center","category":"containment","link":"/components/divider","isDisplayed":true},{"title":"Menus","description":"Menus display a list of choices on a temporary surface","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/4a69be5f60c621a9560b9b8a8bda934eb71b4e9bbd1d0858e858a5cb1790350a1d72a02915168e2799bac113ca391f40ca3a794ad970b507b987dad32684791b","height":560,"url":"https://lh3.googleusercontent.com/JyqTLIt

1czYSJKctd2pqHZNwZXd_qJoC2eVswXZkNwFZcPyXEb3lzoV3BTHlicx2dvvRw3MfI3B2XC-k2j2rZFFubxxcq4mkXxv9UjoNocQw1PVbbFg=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/67aeb230297d74962a95b3487955830b3558f8b28af316c12934077b23d9d954959afe5c90cc4e10e1051e05782a13366cba22d9c3344de7b7e12db827d8ccc1","height":560,"url":"https://lh3.googleusercontent.com/8wj2S6I9OGrhMRh-hkx_eYai8q-sAR2zcmSc2VvyWtdXz9kTxBBHPOupRznVQLwyIHILW5E5G7rzmnRG9pa0QVxdPOQXIWR6r3gwMMqzeDlwiCak74w=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/87a7098f42afb2c414ace980cef9ab1c4e9bde081ec284c89e532c1736a0e37bbf6101a2fe10d9cddea87b29b750f50dfca2f0a7cc8ec1d3faed3df5cef6f39a","height":560,"url":"https://lh3.googleusercontent.com/joNwOjX84SSVI5w0YPrqQcUVgrxjMWJXSBr0ID3aEsmlHguq2CfnPoxqK-7wXJ4Ip6Ei9MGjrf_T8eFi3sxlmiNdlbMJDTIeO39TPkQvQ4KAGRWjMZE=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/67a8b7df36ac0bb207d6ca2a33e367cbac088d7c338d842f0e301c908d65c49eb29919540468a8c56cc2fe7bcbdd3c2be1314448462fac9a44b457a6563a567b","height":560,"url":"https://lh3.googleusercontent.com/i2Zhvp7zsjWHv53NGOkZxq_Hihr_NMUhOcL2dGFW6EmDC9xFiChsk6LAVAeUVyGw28m9S9GRTzQ0YyktyIXYsL5KY0D8X7kkURTjZomCzOvVK1k6qtRC=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/9bc98821344cb9b95d159fb8a3053502a3e0cd3a8a81bbe9f8593e4857fc8eae15083e0fb36997fd3b62310aac5caad6c94b84c91785781896c4a2f8e27b7198","height":560,"url":"https://lh3.googleusercontent.com/dU9YdRT8e8YeVSKrNIZUCQx_kmI1nTTSRGBeDN1rcc_zS0lkGZHfBOYfxeqSn0KCQnuWNTtV36CVJVaSbDOSSXbGsVeR1z_JZ5QB63IO9oAhUH4Zlxw=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/f5b0c6f4ba7847099c80e17886edfcab25b6e2f8f76b0f74a22994e52a64e9482bd844b937783f984277702d5c9d13920558698d72f69ec31eb30a61b240c53b","height":560,"url":"https://lh3.googleusercontent.com/X07mcqlytdYKfwuERkxIwG_GoXMEnGh_I386MmBZYPTG4fzmC5DoeZdzyK_bpxbPk29TStm61gL0YWgb-tdaLTMSiAUoOTH3Cyo2T7umzjJUE97Sqxg=s0","width":1680},"image_position":"center","category":"selection","link":"/components/menus","isDisplayed":true},{"title":"Navigation bar","description":"Navigation bars let people switch between UI views on smaller devices","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/10a28fe6adca46feefa41af1264ecbd0f2443f56756f35592b85d4216b0d319e52c7e091500f79df5bfa6f8613750e18ada6b2b851caed78593839aca3f1e9b5","height":560,"url":"https://lh3.googleusercontent.com/FTzzNreHc_s1QCfgm-IHMnuwdzN5rX3j66uXZrpy2X-qjpUhcaNDo2PTZso9nhUvNYnceK_ZU3fh8pdmM2enfrWWRpePPU41h_swmg8ahaZvI_Qnsc0=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/64c828239b1646f6dbe415a5d613a325536571587ff77f63e10ab7de8fd2de42a076ff128bf2b326c68ff8df3188693539edd2a3e5c1e78a338e4c4edfba6c81","height":560,"url":"https://lh3.googleusercontent.com/opCwEVF-QLv5fYsPT_tymxAIH2flI62FaRPX_GgPfD_XLtOKN139Z87jUvhRDEXC6tfIS6Kv4BCa6uMCjgpQfBMQ7GqFDJ2kB96aXqeRvt2RaqJIg6mw=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/6ff698c5b40c0838822d0f5a975550eb4e64e6f45fd9d72d6bc39c55883cc546d65ff5f1a091bfe7785ad0b0ad4ce07579846f2506e0c6579a5e3884385ca933","height":560,"url":"https://lh3.googleusercontent.com/Ja2FXzNGLoZ4W2Z6XQBrjxfy7q_Ib1-Q8ytQRx2w12pJGrVeFBjjhtRHTDkSaBEd78lKd1xJbm3wkyBUEfV1hml7ic2sWjWPALY3ovb2GOXrF0sQJ5Q=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/975ddb4f10ed7f6a83088e1fa6024fb64a6f09fa744f71901ff4b215feeb209f7a56446824c9a850d4b5f43246112776ffb3b9835976f2499098dc2e4a4e46a0","height":560,"url":"https://lh3.googleusercontent.com/9EJzlRut0i_OHTA2ebDw7ay9Z6ytCs--fz6dVA-tZNkZt21kVLtqtN0RxVCKQTbNpPS5S0ezIIdWihcqgg78-UoB4A2OUvHM1H4HEEymZX2q7RINww=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/46ccbc6eaa6a8e98fe6303d865a9d3b1f2206439132b2a907ebc887f5baa272c395b1294e91c4348f81bcfac54a48c335e50c66356d5dc508de910ad65c127d2","height":560,"url":"https://lh3.googleusercontent.com/oi49K8M-DRSwdAqSRL7HJK20PPTZjDN1o40-i8yvdMvfHYsx_vmtCrESxnKemQ9Jp7804vPmFc3CLoknsUiakZ5ygcsrsglfbR3TP0fWc-YoCwa15sZt=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/e54020c46577bda87edf0da05f8e96aae7cdf8d8a368f66da6bd08b079174d798c4cf9b8548b13d8a82c616ddb4852a574ad78683ddfc28e831c93325f800907","height":560,"url":"https://lh3.googleusercontent.com/RZKLcFxvhbbuhPmoB9WtNhuPsDI7JutHurirZF0UdrT4PzcX_snnrYM3dERQicTuLfve1vtL_eaOU-EaHhUQN3K4n7O2WVNi1ViBiB8jYO42MsbhAA4=s0","width":1680},"image_position":"top center","category":"navigation","link":"/components/navigation-bar","isDisplayed":true},{"title":"Navigation drawer","description":"Navigation drawers let people switch between UI views on larger devices","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/be9318ce38831cb3a5c58dedcce2bc18b6bb43735bd2d5181fd9aac7a07dc890d50a2985bae86504cef6f204166f04ed7a788ec8f1fad1b9bd1a98c863a39c2d","height":560,"url":"https://lh3.googleusercontent.com/dFZdLR9AmOYoZJRAGfWwazZdkea4VCer9VpMWb7XUqhnNI4d0TLU0LudXGnX5wlCJsiz2CLX3B2oTMDgdynlVlvn4jGdCEv-VhqytLboWy3-21gYewY=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/0e64d6499858fa1f95de9ff2ec24487f89d49ab3ff512294c2ba498cd1b88e0aa0c5793abc6198172adca9316d27e12a62eed2c838870accb69191f587cb9b5b","height":560,"url":"https://lh3.googleusercontent.com/9eFtVw-1gV_oRXR5Mjlr9TfVvIUmWaPbProXEvfpQdlfSH06ypzEDUiWjKeWDJcKEHSwHCeZOVeo50q9ZWxpJUf8a1xh21nPkvOYYYeLKGhtY9U58g=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/1dea71f94778603a49968b3823f7ff3b895441eec4d02bbb09f89f4df1d07c2bceff5698f6f627f71747cff948bc9a97ade7f63b1b8df80b25072dc96cb8181f","height":560,"url":"https://lh3.googleusercontent.com/QAhkt1OFxAIIfDeDTarQQFMmR0nlBM4MOiIg2PhXJonfVgLk_EWrOzoU6ytZ2LcFCjshuxEzyFjRNLzvTqhMYLKmjzjejGOTcnWEhLxd9ZdMZ99ToGw=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/9c39f8dcc8cd1b181eb8cf0d90577c626ed47abd7c9ac6b5c168693a6a701ed0336096c7dc90cbf957e2d9a2e5ad234033fe2c49576086ec867a6aae5b925edf","height":560,"url":"https://lh3.googleusercontent.com/JgPBDkRgU11kL8fJIzO8jAXVgyB47LRz03h3uujL4f4CoC8zt5BYaWrexgArcmuwg5Divkh_DrlH5HeDl-hxaHYbGmZfZhdaI9gA5RSydvd0ZCNmpKIH=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/f9a585050d438906477081724335608330396b2198766fd27a361a1ec72d0a013ea79298019d524e61223a4026736783a9e751c7c5cc6e4c6d459d27f18d8c3c","height":560,"url":"https://lh3.googleusercontent.com/5n4C0t5xXkKuJN4byTZYFFxw-ZaB7E1-Ur2tq7EvbRoYre2Y7y_Jd46ktY36sBWss0HuOU4JXmAajazdQWVn7k5WGXHf70kTj-TgdTHfkWIvwTneASg=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/deed836f5715b609f2b4f41e43f844464d977b616dea76a94675081e8e00a5005c71fdb71ffbb642d52e2e1fa33ce1f47913dd52a92210142dd2ea79955bad7d","height":560,"url":"https://lh3.googleusercontent.com/mPjpF8eYVOtnVYqdy6ZqIGoYIFu7KPU3F_5VUPdtLfxd

1DrOIUL2WmK7dQvy3EPLoop6N1cZcNsNwPbpTkS-_oj9N3M1PAshW6XmzDZ8AzIwkH-mSAr1v=s0","width":1680},"image_position":"bottom center","category":"navigation","link":"/components/navigation-drawer","isDisplayed":true},{"title":"Navigation rail","description":"Navigation rails let people switch between UI views on mid-sized devices","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/246e3b27e8c8db6ff468b944c55f966d4fac3e47d04ec1aa4ade68d4b3401a5938cb63ba1a189f30316765b5497e93f43a21867e8878ff5f5c41207ce1308fba","height":560,"url":"https://lh3.googleusercontent.com/WN7A8TSYA2xEGJ8EdB6oHWyc34DEpI-B3hHiYSJ7As5IwEapXm5JLuL2FYjpp-DV1Tl89_Qiq0lc1ppC7OMdC62L-CWJupFz3VpdbyMniKp8m8wKIR8=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/b8c82ff4702a085386e240487894cfc35db772d1d895eaefed1d28d36c93041e2db8c54240f32c8918fe65940bb237c0bf9b1c36888168328f7316d03f75d974","height":560,"url":"https://lh3.googleusercontent.com/SwaXyqQM_6Ewc0PBRpXnEg-Fbwi3Uzg38aWOmC5nm56gNlPjIjJFTZRFP62fEy5T2H0FqrTvExg3I6mGxKeHbQDj3NUphc6-wbKVwMs7XM0g0yEIoA=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/a1e840d6c4de3e7152839e8b2e05bc19287e8a6c82a3c0d8c976462911fb0beefd4003d324b52b5fe99d37aa42704bdf0015214d7b2ebf529ff36b552b793a6a","height":560,"url":"https://lh3.googleusercontent.com/de3K_gVUszkstxDq0TSVIIQmkwBSOVnG_fi_pGgUld3fpcy_WSVl8tmc899a9cT7Ra5kWCPICjYNFvhQg1zm8c6vi4RNyy7h-pJ0HzDl9wDvXcJlv3g=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/20ee7d30122fcf8ae81c806879482eff39d3bfa8ceee1e2d9dad5ffb2ca8ae6b07c80d344e4ff6fe0be6a695eeef21c4215744517d8c2def10ea4d067a67d87b","height":560,"url":"https://lh3.googleusercontent.com/vfqQPCb-NExpRHCj5lB3pOXhMI9SXDzg7_NUupewO9Uq0thNhm6dxrIIWGd5FVG_2nNeL6Dx0bu5_abh_vCbm7LqNl8vHLkpv2xpBufWKrNN8qN1iKk=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/dbe116a6c34a87a34172dd870f676b823df9d13c88d7906cd94cddf561067df6a71314f75d8fcd5d3dafbc8c25fb416da94b69b20c8f31099e3dd6a68ef4a031","height":560,"url":"https://lh3.googleusercontent.com/A4Z3iS05w6u2ixwSuy2gaAMtzo74Plh3eK9APPPBMDQG0PVzIDLhzyVuHnBAjZgnDlf_aNmtgo3knPTeWu1JN9lG413ysGYWI9osYp50qNo1nNkaInw=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/22dc73e7608c5b18212f31bcd5f2433fab5b3db3808ced9a5a0d149e00ac9b642d380d25ac0228f41f97f9ba8456f4a7a69a259e40b98e3a8be01ec46dd25f7d","height":560,"url":"https://lh3.googleusercontent.com/8JMsxW6dNLDJ5-0yPusKeBs5W6-VkQXa4Yxwt5x6E-2KvEu2fBQzi9pf61ViWKxXYQgOZGmT5oiIPLXDWUcMXpwoUgWZUUpPQHbrINM9bix_efowFXN1=s0","width":1680},"image_position":"center","category":"navigation","link":"/components/navigation-rail","isDisplayed":true},{"title":"Progress indicators","description":"Progress indicators show the status of a process in real time","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/dc097247601a4f3f7c24de847012511f9616763412d5a6d4919070eb34aa4ad6a9d3e4c6d805b9fb243397989bd2ac6a9cba284e224b74d22b40bb5b997f622b","height":560,"url":"https://lh3.googleusercontent.com/TxFgH-Zk6GPEZ9MTbBH2pmgVZGiduv6JiEJ1HSrsBbUqdIq0pmQodh5sWDxHx7vYM0NLPP4tF6G4q_BsahCdoqz9NJynKvWK-ZYo5QwZL_5EqQGHXYw6=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/6783cb35672c7d9d598adf373a46d54837c36771eb3950a77be1006b4e2c5df2e7ee68c8ac3b6e3dfb3b3c4ec33ef56ce4f6282c62e72cf657fdff05e10d79d1","height":560,"url":"https://lh3.googleusercontent.com/huJ5LhqMgnIPzYoYFujd60fET9kyDvYKK4aPLeLMAPs4XQ4yUpQXy3S6iDKqWNz5N_GLnDRvpH9zS5ij9dVE6FY7x40krkSH84q-t253MtTPYhm

1wqy8=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/182cdc8104fee5bc8f61a8734231abf8da736081428de868d97e628c61d777bbf76eb52e082485bc8449bb68459192064e706d42056960a07752161ff871ff35","height":560,"url":"https://lh3.googleusercontent.com/Bd1UEHXUxzaeWRioaL1tKUyoPUqEQhpJs0TNxBfp0Q0LSzKke3F0VrOiCbC7xwwYBO_QyJXOi_mO3hGsf-pF4ai0qKU_rR8qF-zzhItcLljAQofNHSg=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/254315bf23197aa01c134041b19a5efca7b81b70a5a362908d86576e767ee98f322c6faee7a76f6f7dc843f6f0efa71a10fd4989e4549b776c14ffd4f1cd94e4","height":560,"url":"https://lh3.googleusercontent.com/wweyEXV8BPxNPXUKc_LDud21l7bLjJXU-iyr-72cG5s6s3N6ZLxcNeNPPJ5bdGTGUF5Gws0vKSbTOgFqi-O7h7HnV64FI5OPmMfRQ5hixvy8ReuuM7I=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/46739775967d670d7a2dabb930900cf329644bcb9b9bc798cf26fa0795a594211ce9c29ce174626a916136c93d9ec58d794929692a46ec677062d59f2fa09daa","height":560,"url":"https://lh3.googleusercontent.com/xn2iU--u8ajbRzEiy0rPp8eYhUdgrGfIlxW2NHXQX8RjSl6PYHOJySyiOQAiF82t_QsGsOTuuM-AEUBaJzf09NvynWvDGPgRCpuDgRLxFgF8FSs0SYC9=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/1e9b6ae5075653d7993f4fb6d0d1bc9bababaff905a5423f5d0c80aa1ba81ecc580a1587ea1087227546ba7c6e715b846954f26a103641c76e84e24a94dfe791","height":560,"url":"https://lh3.googleusercontent.com/Dkb8x6TiqJIO19y1ckzfzxhX52oDb42fHcjZeyuGpiLZyJUESYyAFA2kb4dzBWXCHf8HtJG0fA-QFyKWj_PFHN9NXluoAQ2Ke4Wn7dUBPU8EybvlCw=s0","width":1680},"image_position":"center","category":"communication","link":"/components/progress-indicators","isDisplayed":true},{"title":"Radio button","description":"Radio buttons let people select one option from a set of options","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/e5edb3d201679d870238ef3d8e708427a55f84bd7a4fd30bcc0943908cb0291f7790e0b04b45b4bdafb465ba5f7b5547fdc27fe1b71867476dd994430b2ceb22","height":560,"url":"https://lh3.googleusercontent.com/u7k_bana3DvBKrWodJhg2n_vWmj7rPgCOYwic7xcJ1spMq43ag_H3Kj2EecQ3BRblFi0HE1ZmHJKvwfxcoVk2kuFkJa4ehfeBfFqxb7u9f0dNTfheck=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/30782c485194588c48f824280b55e5125dcae8e58b10927d20f7ef166ef395b5b4549eec5cd2789ef15337dbb1c97d0523bad5a5fca82bbadc6dad7b92615b87","height":560,"url":"https://lh3.googleusercontent.com/VZ8Au_sjhJJuNdREMN3wuSJilgNyU3_6UJMubyirehKgj1rEuBRud_gFOABFHum9h3-UaH4eaHgjJ-A9oEFyFw3futtreI3IKQVOl-SF7KgRQZn4ruo=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/837471aa5635a9db1e7ce0557a0fcf6cdf88f37f4a006dd5dc633839baa1f2f1ad23aea61dd4324bc8a09d2ef31887ddd1d76267a6b9c1a5070f48c1a0518525","height":560,"url":"https://lh3.googleusercontent.com/DiuwbjKMcWE0nSmb3ScUye0iHHkRkTGbASPnNQW3KD9Vtcv7AvhkabHoKA-XSmTaFZdmYchqABypdX0w0kM_uaHHOStkdt9rXnNwqf1bfwSCXPvAQheo=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/687c3b9de449f48edd464313aedf840485049fa8efcca6420c464e9fdd66c7db9fd4a19cdd5c2807a618afbe8159ada739f590b8ef89d9651d35bb537ac08b47","height":560,"url":"https://lh3.googleusercontent.com/g8kz-rVnnj34Wgij4vjbdxvbdNAo3aGqUHwoENnqeUbyuLQLWRf3wJLPP23gdsBsRtfUEGG8EfJB-GtOv-Zcmx5VxZVynZUgPGF09fly2-ar8Vyzv4E=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/f25651af07f7a000b8ffe08e9bc2eace36fa5ff50322901c9c6a76f7253e9c8e0edffab6cde6c1cc5e148d36536c00e6ec1a7bf3f74fadbb0f256985ce43bc66","height":560,"url":"https://lh3.googleusercontent.com/5vA864YhxO-_44gha2R2czyXaMZXuLFf9J_d_7O4PTki5roUqkLjEq4dbVjCDHUSuSrlyftEowDGECz4dcCSroEprsmbNHWpQ9rE5KHUVCM5-lj6KgI=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/a47961af7f368cf4687efdf9a89427c0d4bbd47bc8a00b1504be58d71b0131edd531f5ca3b497a5fef1e5d33cff2a28b63b96f34a01933a485904aa1bfd699f5","height":560,"url":"https://lh3.googleusercontent.com/US_T

11ZQeTcxqfiyPkRXKx7w8VMJUqb-CNNF7MEaehBAHXl-pZHRp16i72RN5w9-_m4vo7xevMchJcDAueImpdSGeYqs-obREb8TVZOGqxHOWP25iJw=s0","width":1680},"image_position":"center","category":"selection","link":"/components/radio-button","isDisplayed":true},{"title":"Search","description":"Search lets people enter a keyword or phrase to get relevant information","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/f60c36b2c17e8cfeb281aec34e9dafa2e8b21cc1ca7c7e97d483640d9dc1af17423ad10aa35ab8a1d082ffe443618e557a86a7d6b99a908fe8349e2eeb52e64a","height":560,"url":"https://lh3.googleusercontent.com/1qwsPqNlmGpB94LqN0Xv6ZqvUl5DmYUEjyWS1NLSUOVSYl2WF05KDcNndV48wXxjL2VAQ5YI_TI_seWRIV2M6S2VQ6THWz3Hmc4MA45UROuCZCT4fayn=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/50f208c38d5fc05de370ef6501e665122096d05a6203523c3086b50086f68e516eea3249f8f849be7e706457ef388c94d314152da00f6655816d5f8fd2cef8a2","height":560,"url":"https://lh3.googleusercontent.com/v3nFKicR0JVlCtMy98t1aiD-_gcRQtZNT3rYKBANtY4S_qxTmc_Fh6SXOsUhrII_UBEAm66WJAoBZZZ7OE_Dron8YuUdNoLhWKG4iIhZ18HBYOJJbQ=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/9e4083acd16237bdae50166514fea7744c9ee7d31c17d04e38b04af12e8a06f34eb41a4f72db473d492d476cf230e37729494e19ad53225908edc947065a16e7","height":560,"url":"https://lh3.googleusercontent.com/tYbeB7gUUgUnTcas75LlAWkO4-GwMGeFXLw1MZQpbWbPBK98bo9PeW7yxS22Dqk5n5oLmPFEv9yAcg12DHQ2U58KQuHkUfVT1cBk1jCP6L4Axa4kEk8=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/2565312cf112a22848dfd493efb340ec5bd9e03fd1e88984b5ec2c760e31590526a2a1ee4d2e8a705aa00f29331bb4d9b3408a4bfb12ab4d246ca0992a69211b","height":560,"url":"https://lh3.googleusercontent.com/sH-y8cLCgcDPpGugSjDeV1u6qWfuxYaO3d7T0Ci3S87WypnmS_8iQW2wz0T8kTC4nXz_en2lM_q0f0YvAXcKiARbGhGgc3XQInFn3zwLk1NGG0CVsQg=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/e79916016dacd29db630d658d878904d5087779a151f655c99418cafdb5be73e923ba9e90e4f47e7620804c6f23b3e991a017132fad47af511c9776526999c92","height":560,"url":"https://lh3.googleusercontent.com/RAVYE90IWltpTwCRJlNap9tPfWlnvSWhKrwJChU_71PpyFTKTct17NFqLE8uIFBw_gVxnlKuIRA464LqbHD7tCwbHEOltFuQtaKM3wNxt0Hk7zXEIGeG=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/021ebb313fff4e73beb1b0f0352b524f0e5d1acdaaa2e8abe2cdaec83f77e13f6313c5ae04378ac005905e784a26c2bae296320d641015165f220057df777155","height":560,"url":"https://lh3.googleusercontent.com/tjcpmqadmMCg0N9m1h3EirdRqXmyLLlSVr03dqFFZdEwkr3qK3uVGRdJgjhohLcK2ozB15QRjQFukfTESBl7yS7Ey8b8FCEutfISt0SOPFTT0OlLCnc=s0","width":1680},"image_position":"top center","category":"navigation","link":"/components/search","isDisplayed":true},{"title":"Side sheets","description":"Side sheets show secondary content anchored to the side of the screen","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/566b38278cd0aa1718bbdc9b2b3cab70ad3c87f2b0f6723a75ed3d71f227c9711b5056fa6fc4313475415dddba2a7bdeb29f533d5a0f6c7abca7f9d8fa192a5d","height":560,"url":"https://lh3.googleusercontent.com/bVTM2Eb8LnccgCMvOF1q3lZEytOx--btAFUZ_AlzK2YbgUQgm472hLdsYyMqW0BkXhxNQzxVnYQ1Wc0EzYzVkRVsfh9BKXlHDGA2P10B5O5cKuaMwCo=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/1cc2545748433b8521b59d9b77c4013a162ba87eef4c07587bc65706e05b0978ce57bc76bf6998905dfff7569953dc84501e3b2991e1d672e5a66c16487e73e0","height":560,"url":"https://lh3.googleusercontent.com/JZRcRB2cnRiQ22R4kKOW46gAwqKF11dz8MHu0avzIR0ubiGiDcAgHACTfBLihxV0lNduWw75iMRBIi9A28c6Eesg4U2m65bwzVI0yh3ZPBqcbSW_x7qH=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/9c12a5d22b4622efed07e8e5654241d25a06b11ea7abf510cd0b7af51c8031882e9556520b92dfb007da9edf0266b3a59e745587b11b8aea4cd879d1b1392991","height":560,"url":"https://lh3.googleusercontent.com/Vs46g8j-KEI8Em22_bxJtx3UtKz1hPjqQ7SXxk13jJneZxa5bJ7unZ7EzTuihoqgu9nk9xjqsLiD3lU5uY8vbmRo4FD8p8lDWWEcYYInW81rrVw-zlk0=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/0915facfcbfc3828d143996c27c8b7017df89d261b3504617551805ad475fc4f4ae58776b4d7a69e390c48d513a25d19242c3f35058c0f8f59091e60683e5932","height":560,"url":"https://lh3.googleusercontent.com/quVpiVn0lEgzxJlYk38WlyBKbRjrb0phYb24MRSk668V5BGjvWV4pQrNVrHOx5xyHQc9s2OPPEB531U1QdsAoehIXwKmgwTAIVJ_AZDsIH3MX83FTPg=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/695796207e1beeb1fc8b540bab69d069e1f0d15eee378eb1621dad12c7113722ce886c1a08922d8cb5c428d3c55101245c2923782bea07ed9523764b9f225449","height":560,"url":"https://lh3.googleusercontent.com/M-jM7mtyV16OmihQ8ljYIQhxX960tlROboxs7tzWJDguq73XVb9xrj-jf14rUOmxQwmAae7aC6MxRjTpBLlbfj9vZ-CIs9IITcgHIULpc6ZRkDuYyX8=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/8e0f77f3071b9a746da7b71514cfb398d47cedd9e8543f38ef563c42e63fccabaafe15b33668975a714da038022ad6adb917b7f01a4070b6e3d44c47db8ea058","height":560,"url":"https://lh3.googleusercontent.com/OamkHNyj_pjhrM83nL0a1kPL8ux0j3USa7GvWDi3uG0cPED3IRHf0oLecvu-O98LL0EV9ICOUdT1ftIKkr2LQ71a8zSg91s5aW_q2xvissIRFUOL3Q=s0","width":1680},"image_position":"center","category":"containment","link":"/components/side-sheets","isDisplayed":true},{"title":"Sliders","description":"Sliders let users make selections from a range of values","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/33def28b847ef117f861da06d9c663a7be227ee9733dc8f0bc7e0c608f3d087e06e7094541435780139bc0a323aaf8ca8e00d41e98525205edcdda57ae78aedf","height":560,"url":"https://lh3.googleusercontent.com/TeDZJCuDavsvTJgehYRhTuBqcwkDrCSmEIFxtdrzbFSGcayF3GPUSzeXC9jn2n9va5rmWw9LQ5pWJtv_IGENDUTFbBjklBxTf2bwD5JQZFYLlmGQUuI=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/10da211d01d03ec11592c9326b1fbc871e4b3a2bacea1450a0f9e9418d7705ed7c50a9af8b8df33e3293a980aad4bdf3ffd592baed2daa088dc10005bedace84","height":560,"url":"https://lh3.googleusercontent.com/NWZWxC363AevBgOSXrjYk3eBgC8g25_XF_dkWEoVMzbmUHdGmexda_1XqMbusYs9rCQTjoqLkeWBloz9QC3Z6JjdzYdHcDSEwQbu7LB-GaJ_t6f8c7s=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/ecbc232a795780cd610232c5896088d2df6ac0d23cb425de726f3c9fbfc6c35a326bac70554bd2b6ee71ffda740423e4189083c83570183ee0e03eb5225aacee","height":560,"url":"https://lh3.googleusercontent.com/FPY73G1dC98_kbVj_A6HlM67

1otrXCHic5PQ95RgthUYzGp9qr7JZFkAR-4Z3QsrT7DobNSorb0EyVLTD9fsj721QLrinMlJSEX9eUkQ3299bodjjIbA=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/cb220e4a8bab571723cdc64ae983d1d59bc9ac94d6e55435a84153b42f2c72b6faa640a26d759ae35b090029870dd07c8131ee6abad6bc865c4c128485c96e89","height":560,"url":"https://lh3.googleusercontent.com/kN3CTTw-FV8JFog_gvbWmzLXbm3f8Int_q2BbXyhUVpMfK5mtS3AWKyRL9GV-MDcvtxrE_r7k86ftcup59fIliisFG8YkWN2SjbLPEaL8PIHneMLyw=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/f3bab82ce5d7d3acf3c0137b829d97b2210b78b63c863685db1d7cbc7db3d04df5b9be05d7911251b32d92cdcec8bf8ca54044b3b66bc9eb593a4f592acb3f86","height":560,"url":"https://lh3.googleusercontent.com/c8d6nuA08ZalniAVsKd_32nP6RhKoSdKmkrpEpBQPy3Lk_jYotSAqjc7GnRgtdAlXp44ygXgqjuNjBQzXv4ABGLK8Fq3iVoVIxWAPXcxRKwB324PBY4=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/3e9ba06f5371dfb8c6bd841cafe022726e146eb239060d9e43f16290573d97c0ecb28990711c231219d4c9acb315157c520114d4f30fc951983ed650b7dc35fa","height":560,"url":"https://lh3.googleusercontent.com/Z0MCAX2lPFtyl_0m2pTiwUx2I98JaI_23pnlTwJX8zScBHVZZvK6O7mjOL8cl0qXW-fjYEn_qEoSU6ZLLQbGG9vR7uee51z1TsoII2Sq1CRxNXSbKho=s0","width":1680},"image_position":"center","category":"selection","link":"/components/sliders","isDisplayed":true},{"title":"Switch","description":"Switches toggle the selection of an item on or off","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/2127e081b2151de47f85f09012af3527d36f399df98409e633c3f9847680d90e2c1bad006cd5e3ee45e04b9c7ee886f2a1949f31c505c3d920ced259295fe39a","height":560,"url":"https://lh3.googleusercontent.com/W8h5SCGJE393F0OgufKflZBYo4gtt65A-XZUjifVPJzOotxPfMpSKvlH4qY_ayggh_svLUMZNuzyozDGBg3IVPHh-sUaACeVZQvzkh4W-75bmjtSjDA=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/1782e1052bb1e8e0aa9d364cb13e7fc0c1cf02822ef71a2f31dbf1abd6a0716b188ada68b5f1c0bbad4991d68120dbcaae42289e1ab1848322201884dd80c5e2","height":560,"url":"https://lh3.googleusercontent.com/IDoGIRkhAbu05AxZq1qv2YTRx7vWOsVSfiz_oNV6HigsoMdzYSYZ-10VSL_IDtApSwl1yXJrNNw-XXePlOTvWeuz8PFaib7ZvDDdn-vYzXqUAm6CkQ=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/879849d448a8c0282769624522a55cf3cc98359f8b23c6729fcb62465f35e076c4a02e7a0f731d4f99319cc9576b1ce36d9b660cb4e90f3654a2f23cd1324081","height":560,"url":"https://lh3.googleusercontent.com/RGCrbGJi4c1TxaNOs2bt2OJAG4wkGPmIapgyKrrcLB_EWrNbSkuDzvQEgqlYc6sjDQL5RMHpaONWWXa5Dyybx4jfoXDrCzuiPA2A-98oumgUfA3atoo=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/c2531e7e35b39c82de7c6ec0cbaa51f24628472d4a4052a2da3c19a89e807a2538587987f4be5e46aebf3f45299bf408a64039b717401ab546c1e0cad416af88","height":560,"url":"https://lh3.googleusercontent.com/avsBYq-JnYDuetn0A2olyRxiQReXIJwfi5h-EFg09n8kvBKFNzgG39L7bSoDdLx26W5al01JW8d0RlsbOWn-Op8z54n_G3hEccvwjtroRC6-CTjQgn0=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/e8fe57e2730bd5710fb957a08433160cdf05eaf397356a2d15c8670199609d33a9081025c3fb67c0419fb6405574fbc720cdd5b4b5ea609483ef4a77b74a11e5","height":560,"url":"https://lh3.googleusercontent.com/-2aFNQzS5PyQ14Gd4eAvs9Qij4A7muKJfoJbADP8d8C2lpPVg8hd__0UU9bNtm8mHEGR0s9-s-UHJ-PM1e3bt7Jp-Ud1VRQUEtISS84OFvTNRNILYw=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/922d87413e9a14b7dda1f94206a3df5258c3cc7366416afe5bf326504fe198883eee979dcce860e0811668e507cb0443c34f2b62a915b7ffbf505ef931090420","height":560,"url":"https://lh3.googleusercontent.com/RQR2L3Ge5HqZ8jaAC69PYumFy22hEK_GzgRhQGTMsiJKD8OhFVEULkNb7NDuDErxlcVvw9GxVZrTSPkPe2oZ4EXbtjaU0NDp-PWK3z8KN5OZa81LZg=s0","width":1680},"image_position":"center","category":"selection","link":"/components/switch","isDisplayed":true},{"title":"Text fields","description":"Text fields let users enter text into a UI","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/4fde05f93114aae689e3c

1aae455de23359c20bdaeb82fe2043b0d11c2ef20d72a2225fba9818a8d3afed4e77f502e0be0b203a7d070d33e63852741dffb36e1b","height":1120,"url":"https://lh3.googleusercontent.com/BSUDsJbtoGH3R_OoF-vdLqmgd2Oxejj1qFyK6ZzRZ42Q8_hIm6mSmetMkB5JN2g-a7XFGIITARj312UgG1i2KdqGpJ88QNvLf0lK_ptoEioK7JO_0WY=s0","width":2240},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/50257ab82073574081fcac640f65c4e8fb85e9f37af8ed7bb9c2707c0fb9baa093440f7e27c23b09db0519b6e6f7ee7e1eace51bad3405d688868fab73747f41","height":560,"url":"https://lh3.googleusercontent.com/F7VKZz3irtS9PEZhZaYT9hIuT3Z78asy8ChggljmKLgycgmIRdjnWYXAXTLgAUOdFf5kqxvTH9fj_7xmH3orfmy7LnNaF870eQeivJA1BesgMcp12Q=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/2bc664a73a9ed68fbddc5324a55575fe9b12278874fca7033ac136f2f7aa2b82036db6364bb2f5e4456cc5047e8b95b94fdd5b91ef674d7ec56d7ea225fd3fe5","height":1120,"url":"https://lh3.googleusercontent.com/pqGY8YeYB2zRXzEoN-V2-2eqwmINKC0PvJJiOLRy1QxM3phdgbARDzNbmSE1dNiOlLKFxEdMQMGDcDG-ltvHVSwcwSiaaIAh9HQf2SKZdTiXs045pMA=s0","width":3360},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/000a28f6376c6af510c54b7a470669d38bc77dbd3802663a7acd44804501b3368a1d55bcc11c1392363fa0ed2d099f6559d8163bf372542042f96076e1fb354a","height":1120,"url":"https://lh3.googleusercontent.com/l-IbsGZ8Pp9iYM_QtXNOKZN6rcnpJokzSLbGGKJugVix6JoKhtp66oPZaCdSP71tTKmilOtCNsR0fTyDsUslM397iOjv3Y28nBFOub1ZsH22R68FrVw=s0","width":2240},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/3a118b49ef9e59474a8efb7552bc47ad1d2c4d43aff9eec017fadaf9801044366e5d469460e13688d4974f139d4fe1357163f36c9d442f3980eb3e76530c5bcb","height":1120,"url":"https://lh3.googleusercontent.com/J4jZdZlLCNoC7JFJsU4SbNWoYH3r5jbNkvjVK_HX8Zrw0QUr5cxcVT1KwY0Zi0IopDutDQE-QvUAtLvJjWvurNtdqQJZPZfu7qHnbT7o8NmCr_bVbss=s0","width":1680},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/5fd7033e44a0dec9bc0dabb3128d100f06c94535d301c1cb2a35875367c56697e8503e5fc2158f7f5609c4fe19e6fe16a4077bcaedd8bccd62bb110ef7a2bfc4","height":1120,"url":"https://lh3.googleusercontent.com/4CRbIdiT6VEE1kgY31mIGNWTW_vKkN6EPZjCUniD3uA550UQWoMkbVONQKAkXxU5w0f_xmu_Z7ZQRjwDjIQAebXxfGXlzoCQkjbbhESp3OmTbY0KACE=s0","width":3360},"image_position":"center","category":"text-input","link":"/components/text-fields","isDisplayed":true},{"title":"Tooltips","description":"Tooltips display brief labels or messages","image_1x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/06a5382281df25b7a852f704a84bacbb8c4921bdf40a9aa06ad18c34a8b7e7aa566035749ebcb5cef9c066fbdff0903e5aad3976e0be95c3903a96fa4a256aab","height":1120,"url":"https://lh3.googleusercontent.com/mImcmls5_kllutlrXB-6rtTUcvUZFjGpKUa7lRJqTWCaYu3Y2HbdE0ZT46qlCfQR5ENqXfQYQdd9X3zzRKiwTBgnyLen2fJboE7N9wL6ueo9XxokYQ=s0","width":1120},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/5fd113b4e0ca1ddce127495c0a06714d9208b10eadbc7c5ab3c249365fa02843a9f1e6095b49013d373540ef7ed7583523d3d49bfc008af6faeebdeb92d6aefd","height":560,"url":"https://lh3.googleusercontent.com/nmiPVR_YSMn2ta_rFDPjinIThV2wopXStSjjhuj17qEty2y_VcmPL8wpeRpBVJrkPrgi9byc9weeauFvBzfA67PV1eoTj_VYN_RpIrBaqtw_tTmyIiif=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/52b58df325f02a56f7c31f710a3258f2148d2f3f33f7b1b9f2e039fac4fd63301aee98a0c54d2e00cf20808d8e807c0de1dc4ea6aa1b6fe55cff22a55ba97813","height":560,"url":"https://lh3.googleusercontent.com/TUiS6IAsH2EzTrHVvihhNKuOMYPpw5J1aUl-1b_Rn89Cb3doBZHUnQp6R-iXl78qpe3I6UC5mhUH5Q6Ycpt_1KlGfi1HwXPUEtT-bUZTaGw6VV-AyUg=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/5dcd50209e202f5e8f3c1d3c54bd767d09f35205aafcac61dbb86b64f68dbcdf9dbdc89e1fdda4c5dcdeaaff7212921c2412a5be4d7486aec5c7215523481318","height":560,"url":"https://lh3.googleusercontent.com/6zQzHGeVuv--CdfzBrEyAdWQXU97PiIn1tUHAL74c-L7dxtvu1Zd623GCBlNxePg5mIIdebHz0_Xy3DZSHI13es3yJnpdzZnbK0yAUDjfY5t7K8OEQE=s0","width":1680},"dark_image_1x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/07009df0cf2b60dd145d378eafb71e3ac11db2d51314567f865e7898acf362e0c723aefaf26e73a5c8f7d8f97fde7e9277be2759999d4c5845ff5bbaa2d23bfd","height":1120,"url":"https://lh3.googleusercontent.com/33btSyctrnb_i048NECEZq7jY662vVzy-wkNq7NDiIAfc4TLrLx4KbbwiZ9LI7_ZH5A4Xh1KAkX3PTUcQjnaoeUvC3oZKREdDuot2Yr8HCkc7gf2Ov0G=s0","width":1120},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/8a7f79f6ac089b647b6936e2da21533d0375b4d550fdd9b1bcae374a57bc3136c15dcb0286fc3b04a012ce9724ba9bb932f9cec1697596aa873c0fc42dcc6680","height":560,"url":"https://lh3.googleusercontent.com/LTFbVPuYmyG6eIh-5cCZDCMUsfX4YMKigZ_IxexDgprpAHunaerIA1xn94WEf-X4q_TkWFh92NYMhx4iilrYBvASyVUzYaRoeAbQXIS7E6N-M5wXfq2_=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/5ec93891480cc1b58a42f09143ef6525dbb007d19b99761a7b48cfaa978d3f5b1a60e3eab23b6211d728369c43ac67e450176b0082b6f6095a0df74181217330","height":560,"url":"https://lh3.googleusercontent.com/HdeVjBb5EEuJkjiyhipnURcNjDAS3aH15kXKUhU9q3PCCRon21_mYlbymE-KBhEYpSUQXmGaVa6ATfOc9PKTdUyqwJwoF3UjceHIs0YRWfq_HiGLWs0=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/5a7c90f6981bd78a26d4122cb84b19877ec888a517bbbd7aab25f2c64223381f3dcb0771790d250c9da978978daa9e3285be785cbf12c74d6cf3871aba0df0c1","height":560,"url":"https://lh3.googleusercontent.com/8dqG34SjHXhnpgMFyNpykjhNlv4VHfVXZm55tW1wVA6z44d7B6xZLK0GXRy3FWkV2yIyCNn5ndVz94_qiTjx1qsUz2MmEoln27uVoS-3FYo3TR3wse8=s0","width":1680},"image_position":"top left","category":"communication","link":"/components/tooltips","isDisplayed":true},{"title":"Top app bar","description":"Top app bars display navigation, actions, and text at the top of a screen","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/8a34c2ded62d9f7471a07ba357b051634d398b120ddbceffea4f45d0eb937b82ba98db56056432f23

163f33640a9b254f0cee96cf7f959b15dfc9a1f10dd1fad4","height":560,"url":"https://lh3.googleusercontent.com/yu_hKyirIDrWHqcA2PD6GlqFxjDCIAxfDAbIBPLyZhbIUUR_wPHKNdq2dH9Ezx1YQUzUDHlJ-du0kCrxL-UZn_Mb0HFFMB7B4i5B4WzBpwWIosmH-w=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/a6a7e204e8425325ac235f981996c606c1a85329c09cd53159bc2951cf9aa11192a30fc78e0b9116cb6410c21e53146812f402e00b6f0ce568f23b455534c176","height":560,"url":"https://lh3.googleusercontent.com/XQsxodrDoM5qsjO5dRTeK5EQwVamI-qlx0-4N2HaHTxzo2Vt_FJ7mULxGIx9HX2rNDoJK6qyK3lAes-sw6IgvYiFVj6Ykm0Cig0Dx3OeoqQWhXVS6Hc=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/443b0803f1bac9cb4a07a7fd2c4f7e90a211070f892850819a313e6df50effec9d8585d96633b0fe4150b938d87d8dc13437664a158f9d8a2e10ff9af5006ef8","height":560,"url":"https://lh3.googleusercontent.com/y_HHMGS4SqA2X6Ktcbb2mmroVZ5TiVW7rZ_pjody4Mdj8KmdM6NNvv2gDbCemd9bzR4SWeH4inun7yDy-r-T9D-wYON-b4gHof4kz0FDTZItQQyv7wk=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/55c8fd2e360e7d2028e3e0518306de2d5ce34bd60907adb95d5b11b0f619d4f1a1f611bbdaa94d98da1078fd0b3c8d528cfc89efd332005ca4b55bb5bd40a6b8","height":560,"url":"https://lh3.googleusercontent.com/XN7N6_o9Lh48n6Ayh6g-wNsFzmINwo9Rl55sFRYQdnIjVGrDqAB1waseT3rAVmgby15M36tzliuIW4aw4YoipsL60dZnrSRuHqavlyo247a8c7A1n6k=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/3648dc6ac27f494d3560adcac30df7f61c8267cd468a63037fc5b37078f1226558096c3f6f1387d2c4ac48d43675fc87a4bfa5312f163aaee2c48ca6f1d5bdfd","height":560,"url":"https://lh3.googleusercontent.com/r7wht4l-k4CJLaQgHOfstORNnItzDqPLvuIDGMYA_PXFhMGMVjzITio_QjNIxaFJgQ94C39a3gyZqFQMOEQswO7xyp_WS0ab6L2eJ2C0XVD1SOYA6gtY=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/387b38e37b744a13cca7cba8bf4a5f878fa9cf977b39642cf7029046b997f2d68631a2554fa9db0fbdb7af803b2550cf112d68d741469e4151442ba406c8c75f","height":560,"url":"https://lh3.googleusercontent.com/Z5x3P5jAWXd2LiKMsFwKFHwJjImRwdywGwFr3Z-_zKuWP4vc6epSu5iWCLegt6kcfBlcil29QCQgKJ-SOPVjbZ0gOFxY4ikRHew5eFJ7Dg2WxPoCUAQH=s0","width":1680},"image_position":"bottom center","category":"navigation","link":"/components/top-app-bar","isDisplayed":true},{"title":"Lists","description":"Lists are continuous, vertical indexes of text and images","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/2b94496d1c2848816a62faf25314dabb67f51c18338c2fe43dc32ef196b98ae5013f23bae11d45145d1e19b7f57304e91dc51061b16c78fd784ff55849d06b72","height":560,"url":"https://lh3.googleusercontent.com/AZAnaCwvbB-EkEHcVNbn-sjMeSwEP0oMWQ9UuxAO3V5oPjq8xdBfXWziagh07oLhXpLyc02Ms9aOeRRR0XrN_kwCnG4m9t_nBDqdP3_PFov338ZTzOM=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/de7790cee189ae22bb0173b0ee9170a0f2fd75a063ef4d2dfcef8c06ad704dfcd6c574aedf3db89a94fa8c17a4063c48942fd5e0bcf0c84919ce90a132411796","height":560,"url":"https://lh3.googleusercontent.com/rXw3GPCECFGwDCAFiAxteIA-Wxdyr6k02miRHksFMw4_BZi-RXEksZNBGlR-bXXpsbuU5SgDiPprUDrm_FyQA2RK7K-mcDzjN2bERxA_GfvWiqkK6w=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/3bed0e0ceef5303c157b7dcbb86cb0934145d6de61e17fd3eb77e717a040d4c8b5dd0c8f6ca764c2207fcba7364a6442e8fbc0fcd04ae5b02c042a3ea761010e","height":560,"url":"https://lh3.googleusercontent.com/9hlUNJDaGqH7lp0p1yrILHeeWVDyC6Gq5w-MC43J4r2MqCifSbXhhquiB3P38NZMlAEbBG75MBpiWZPiycEacNfqcdFYTDycwwLa0ogNGCEcsy0NHQq7=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/6da474da6a65be468236210f7efc6c137aae5477424bc149201eebe17cc9cbd28eb7eff7058dd611092c5986791d342f0832e1aa3764319c855384a1586cd132","height":560,"url":"https://lh3.googleusercontent.com/t7uUSqFVWZIGB48e2Uuuin90w-B_r-Fzluu-MNlAIH9rd8s6Nw9XPMrUe9dmyVPvkwZVrQghqkrlcz9HHFV_fEEQpQMMoUKzPsQPbXIlP3QEcVYorQ=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/aec6588a6556143560026e5d2084d89357222ecb9349992e1be61ef5e369af1c8535c09967a13bc631b71e853103f2f9a2c8e1f68ac7dedf01313e6288564e13","height":560,"url":"https://lh3.googleusercontent.com/5lPloSKoKbyy8dRxwes-KYX15U6pw0Dr8Iku7aATkD1ffpNdQLo940Wl4uBWuWIhVEvn9zY0gKl_c3G-GOQ3-4yGGz-I_PC9-dja3wNGJPlasqQcZO7j=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/e7295bb7394d814ad01a66923d741848ea12eaf0d7b481f245e9ee1c9dd53bd2be03af7ee25c96873b18da95bf2b43fdcd88f0ff8b3e846ebe450ad5d7a678c4","height":560,"url":"https://lh3.googleusercontent.com/-t88XSPACrL8L4W6l4WF6EeDv3wTf_3tBTKRqWIjI66Q1C0pTcLLYUb5yW2PSizCA2OaEVNZxN60HYndzX3J6FmrqnB4bS6Z0Qq-SP-TmHm0EioepcbA=s0","width":1680},"image_position":"center","category":"containment","link":"/components/lists","isDisplayed":true}

1,{"title":"Badges","description":"Badges show notifications, counts, or status information on navigation items and icons","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/bc7ce2a84b6f7725ab050e95a4fce3e37c9fe359e13caab4117726798c607e4bee987b2f2069d5f31f51545c51f41cdc41371641fa9cd0b83cdb94b2383e7afb","height":560,"url":"https://lh3.googleusercontent.com/Cc5Pg7mZQiLiQDXdgL0Ge-ME-42jvmear72YAaYHdT58VNK1zh6a3MdjJeqEacjrXW54Iw4QcGZIEiNx5uRLy2A9s-9XhEE2D-hjXKzAKQ6m9yBLng=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/90d7da694cd8a24b65a2580475ade4a7f2b9991284632406ce083305435dc4b4fa038f7f98d5132dd1c90686a0d7eff588937a741fa501039fa633f7803a8d6e","height":560,"url":"https://lh3.googleusercontent.com/LKVBn1rMqOV9Vbzv-E0Gc-Lm39VV76kPgowCGb5Gn6Y1pX7pU9Jjv589pJiAxTDAnxgD2jAeiptDN0Ps8VxEzmi1H_g1dPCQQAm8RWsxmiUf1tiajg=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/8a07d19f3bc36e4f2c62c5634ab81352f7000e1145db2f82695409aaafb799fa922cc548d5d4341440ed12172198e010b8ea341f18e32be3b9d2afb2f3ac3153","height":560,"url":"https://lh3.googleusercontent.com/ZAEwaQxWLuyoeWeJF0ZbhZsGBD89Bv2wJFA81uh64qPtjpiujqKK-6XK_5EBZnRtcJH1tQGzaOVxXhI3wDY6r8zvs_8_RJI8yUypknOKSdV4a-vJqpLs=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/a6adad5fa951903702f13496b3916dd55b674009c091a2741904465fd6801106689c8550eb57aeebb317f072899aa5c70582066eae02d481cee2d952c2d1013e","height":560,"url":"https://lh3.googleusercontent.com/a89oYTfDTTW3TAVieiSQCahiu8zqnjBhGjYeHhpgY894nzW0Ytkho7FnFjaPJQWFx_41v0Q4_Fp-xfIFCKQviMFPWFQ0P8Idix2ySA4ltzjuuMw_bA=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/5eaab93c78a64761f04cb73487ac9dea3695dad9962e80fcfa14362f52a4242a95e04b0d45b55eb6dbd7c04988f39624886098473b7e947e98d6077447da9cfc","height":560,"url":"https://lh3.googleusercontent.com/QjMTJIiEWnjzOdqzH-d8x4liinrcx94jOoBcO3q4UBMFfo2g2c3wLSHJ0vsw6ccA3r-iQGu7dXgdOUFOW9gtOiIfyaWaN4tQGhBi_eJtRzMInmxVVJGP=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/0af2ecbdc1762f3b9f80cddad2c4d96ef52f6abf1789f28807a3cb1170b6acba5ab4f23fdf6c7bfe9a37acf10a259596794d9394c4b265a50e104af01a8033e7","height":560,"url":"https://lh3.googleusercontent.com/ar_pON87TwbT1HDV_am9Xwtxp9-F0Dt-5Te7s8ctQDRl6iDZ32boSmdw1VzXX3d6l6Yv8KEefkkQdqwaptGjoogVGcMwoJua4O2bcq2Wrj16hybbVuA=s0","width":1680},"image_position":"center","category":"communication","link":"/components/badges","isDisplayed":true},{"title":"Tabs","description":"Tabs organize content across different screens and views","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/103668b0d98d3636f20ecd6e4013058e583d0f58a7c3ee561c0dbe8c4430f1c8eb5935e9652a783f9decb8c5f0adeeb48a3293962ccff31baaf3edd6245cecef","height":560,"url":"https://lh3.googleusercontent.com/dunf9H7Guebh7HFD0GuSbb6p1zEd-wxcLHoeF8SiyZvITxLEE7LZ_CtAexrQK5O65a7wADyT5EKM9o4JVp0rn9C79bdd5lVWgP6tRp-nTu1jDCrjrUM=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/c072ad794b3e45b30d08e2e522b682896a90252b4eeab080fc8d8883e552b0866bc10608da2d25a938bc16e7898adb164365e051b96e1aa23c80a776991d2f3b","height":560,"url":"https://lh3.googleusercontent.com/hkBz7UgOBi0ct0TNQlqCoNs1VfL5oJ_RJlJi2Khbk6yz8Yp4Mi4zHjAFvLv8yoimR85pexpM5xHe0UGLEudendtORVFIelFW0KwmP1Kyz9DLE5GAIQ=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/12d9bc676e1cc025e9773c2474e7b2752bd9abb855158656ad6524fc6bfe9d63e633cb2d7983e58dee561cea6665a34ed287ea7df031c14110b89c4ef603902c","height":560,"url":"https://lh3.googleusercontent.com/THMeUmkSRyTap8ly3Z9SQSFoxxuio8oFIrCIv2jMN_K9lA8HNzgEXrfevBXBiBk0ESfjbyIT4sXa8KMd8jnUqa6K6dMDBwUYDFHRKW16b2Nf1Av1kQk=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/7b61b68a2dd21249fe877a6dbb16469218903e2cb48079b35ff8777afdc7fd7a2373265b62b7fd6d4496979b0f1eed89209a194d6a2cd8a7c4c949fd9d991b45","height":560,"url":"https://lh3.googleusercontent.com/s0kNzwddxojlhSwnUPY4ghHyA44_J-81qMgQjhVwlznh1xLexSMnKwA5xicBu9_UvIFW2cccnSqXExdsjy87Cv2Q0rzn49x3wspuiOFNwtW6w2UOfPQB=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/47c76a2f86a3480cfb510fb8476363930ebc4735c09ebfd21541d02140514d99bfb907428b46d576040c12a330f7b4d1abf60ad5d1ecf33a05002a624830b196","height":560,"url":"https://lh3.googleusercontent.com/BKN9AyutyDIyDAXRCfgF77iY85vm5vTQWigewg8SkIo6KwePCx

1RLSkFthZQFJx1OboM-HENpPzgChhAUO2kNLpykSHZe5fTfDeOT_ONfdQz1WCmcjgs=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/1ced49396302c78a6e0e91f375026165f53274fa24cd9fb74cbe234c64909a26192791f2a7c04365a8fbbaedfc8127acfe55d921c726bbbfdd7d3ad4d06ecc07","height":560,"url":"https://lh3.googleusercontent.com/6Y6nafNzy9RtlOhyLKvTpQW8mScLClvgOHepFXG7mtk1SyB_uKXsVeQOiH_58r3Cbpc3dN3vGi95eV6bnlaOk49UnZcQkzminlAnjHWP9Rt_cy4VGHw=s0","width":1680},"image_position":"center","category":"navigation","link":"/components/tabs","isDisplayed":true},{"title":"Checkbox","description":"Checkboxes let users select one or more items from a list, or turn an item on or off","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/3ffde7b6524f9272c5c34adcfad81bc6374af2b3b321c43da29eeed6b649d4cc81deaf03b6fa6dd0775e0b7af1a56b8754180cf25b7916e1d41f09163c583ea6","height":560,"url":"https://lh3.googleusercontent.com/tGpwFuORqA-NGqlZ6d02-TP3jE-Bi1Q_ou-4VHrq8Mh_OrFSopMrwk_9X--vRK5D2jZC7zleY_N1JcQKeHaD42OQSuxTX1bMTe_V80BsRcQaFfpTkUU=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/d1ac822f90087dc87b69c79c256789f2207faa8bd21c8f75d0b1e976a5f999453d2a236e599079b9a580bc7832b3497f3a34d49c14bc91cce1d608c7fc2e3869","height":560,"url":"https://lh3.googleusercontent.com/fJya2ffkm03UlpA6heU4p1QUaxWcXKFvmcKtEtArdCypp2Y-jCvgiGT8KUqWQja5AjagA1QYa1a8HtnnxKn8c6Ljrsg6Jc3E_i-eXBa4UzXsrH-_sDk=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/c42d6d7ff5f4acaf3e63829dfbec87fdd25d19f0e110c833b55ac062b979d891f1a9d0eef8aa0cb7a91b21949a50195a0be5654753b822928b3a3dfda5159717","height":560,"url":"https://lh3.googleusercontent.com/a8oEbc6APO_sOKJ_kQlz4nzxOMP9zrP4R2NyPtumbSQexcxO3Qmf23_14XRREYlgao1FtGGga3lgePq7IZU-A1ATB99Ft5KbGSsTqJ0Nch-IoU1lyiA=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/6424acce2fbea675738b208d66fcda66faa0ef4fecf3a7e60da590bc7bad3f795efe637c739fe1483518bd6ccb6e6a80ac7ab4da7488448d41bea4130f0625c7","height":560,"url":"https://lh3.googleusercontent.com/RTdb3vzjObDr6Yla4LHJCTf0mybf4amycOEaXBgsXh73wkeimkBHB_m7t8e-c1LG5OnBLUSuI3VZSHNFPMmnFVBTi3u-Z3vPsNjSRf-Uzhm_z7VJC6zI=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/6c9492a6d198f3263affff50f70a5fbf56120abff716e9374847da58e91d3181185fedce00fb06416ddeffa0ba17a153870e1937c12d9c0b5589c4ec5e9faafe","height":560,"url":"https://lh3.googleusercontent.com/NIkrA_b2reT8WGJb-tTS9XKsBaucQXO7nFsrHwoF3xiNVkQL65b4R4YkKahy0A4ynsq_-Qykx9paxmuHr8uO8JhROpAbWRQY8vawg1r1ytHKG6Dl8iFB=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/b1cd237422226128281b3e0762f8608ef91dec7eb973031081af341ebfd2bbd8fcb09beea737f8d6ceff4a6fd6878f99abac21d3733141964c8541e7a8037e7e","height":560,"url":"https://lh3.googleusercontent.com/pyhnUgTQdr6cXGocbEgGic0jGbK4-iJUUho3W_xIyQx-zDnAAsRgezNUkxyG1l-27iLKKw6SKLyVSwlrCvHypE8aKL_gflDUjv_VMi5QNBZt7AJRL7yi=s0","width":1680},"image_position":"center","category":"selection","link":"/components/checkbox","isDisplayed":true},{"title":"Date pickers","description":"Date pickers let people select a date, or a range of dates","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/50d4410131e07f8eaf2f599b2e4a2721291daaf4b90d28ea91b92c8f755109a59a4a8eab88c25d1b8c15123744176c9520a45fb667dbfc33abd621b86b19ec5d","height":560,"url":"https://lh3.googleusercontent.com/it_oAVAXMvpKCWFHJie4sQykCPO7GsWB-nIJH_gYn3MgvZ0KmUtBKNqe3vWNYEOpGQ8QnJPA9NkrXRTfZnUKigC2QvVnVEqNa1Xb9lmQjZJTFkx5vwZg=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/770f148c528bd127490356fcff8692a60ee91c98ed14abd12d758c4354ee900291ce9b22f7aded182efea2d40f29fbeaa33101c3b8d860d7465530fa8e268c95","height":560,"url":"https://lh3.googleusercontent.com/sijgqjwGEulfndC15-4GhhcgJhgHOdnH1DTvxurte25m2QUJYI_9VATrNIJDRVUb_jct1rwwUZknuUP0FyazzYtLxaTcu3aGK506GhH_b16J_mSQZ5I=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/3687db899c9241a55c2cc9eebf5caa7d5b372df120da9642bed4c438b6c4c0de7db4b207c78bbca33a7a73451b767830b8b3dcdff9dd8d5b

16412d35e67d2b6ab","height":560,"url":"https://lh3.googleusercontent.com/46ymYjuHWeewlwMlW_GH5C7wi2fK31TIt4ZycVFNYD4TLiWq3I3OEVMYiHrozYae4hgrZiyoItORRzkRFIi3nq_O4P5DXuhJH9g_5bgAO41DPP2aJlo=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/2c5ecde5c7f17e681939000929c0734b111314c80d162e7ed704038717d816db036e61f66882b236b5945347392c73328f4a5928af8f3e7a9769a68b9cc5f646","height":560,"url":"https://lh3.googleusercontent.com/_9Peicnf3eDMVpgT4RA5uqkgTZFTL7zFG_3mnlCqWyu6ZXYx8CEBi24vFmzbtXblRsrfkh5u2ii-0qdmU0P5Bx4x-8Lwp99WoA4jjizBteOZW4sFuvfh=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/e5b340ef1525526f30910c2aee7459a706e676ae47ae840497e23fd10dc5d4e89d1ce53aebcf16c9531d4b1ce60f7306c661a9778cf3777bcde8800ad1661c56","height":560,"url":"https://lh3.googleusercontent.com/W8YxSbpNu15RnB_zl0X7kloI4xvYncuRh6FCrFtRUKpvdoKLYCPiyegswCnrwg_bjT-Dk7roQA6wpRncBDtWOMNnBnnCijJzuR_34Fq6Jsc8Zf4pbCA=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/9b9536c22a92ebd17df262ac8a9241a9908cf4d1f93ab15928f1b994d3d7527ccb93f53b16128b586bc69f96781ab94c37dc8cf22cad39ae94ccf065b424cc12","height":560,"url":"https://lh3.googleusercontent.com/IDEI94qj_bYRWwyeNlBTrM7w8QMo9a8QQFT6eNFClNIdNQMnnk9Deq0PSEBDk9Y39VFZfxwr6IzPtPK5TtFACJHdGy0Kf0o0jGpa4MiNC98oi_hC_A=s0","width":1680},"image_position":"center","category":"selection","link":"/components/date-pickers","isDisplayed":true},{"title":"Time pickers","description":"Time pickers help users select and set a specific time","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/ce013fa684d1901b9d20e7ee636b2498a4776ae87405126cd7bcec9d020504b30c2d55b6b384ea49195f10ae8c7bbd988d23b7fb678ec15c789af47b7c700828","height":560,"url":"https://lh3.googleusercontent.com/PlT5ljayKVX-S0FONxM06Fh0rtwrJVpIjiepW1qGrImq-hTJ-J1eZkKrFhvOGxCD0JQ6k1M0pCMjY8g2-6Sss_JfhVp_SAsFoAodB0Xd8hepXQqkPEo=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/4a151aa3b86654f521c92ea62bfa5440f7e631065a22336d80bddebae898be671cbfb4e0f063fca46961e79cddb078ce5027e8b8917e6956700f860e6bbda095","height":560,"url":"https://lh3.googleusercontent.com/fq2eqyrxJPxHBoWrDiRLP1pYydVIytji5Zk8RyLXQA0EOdS_bnOojwWuj67s2UDnnlw9UbSN1-SOYMDKBEICinzUUKbQg89EAuaOfUYi5vBckYojhQ=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/6622d6b34313b54de7adc15845308f2ebf6c2bccc1191818a6e1f50ff41640520066773769c43ba4c6a49ed3250efae31a3c2b93c41514818a1f1ebfcc25f22a","height":560,"url":"https://lh3.googleusercontent.com/_dx3XskNs2VRzHMttrEUBZINV_5dftQi0bvsFXxisbnVIUV-SXEgkpuwW8jZ7xMfd4lr_dI_CbZbSh1D1ZrfVMt_Jrmzpi83-EQUM0DSqgOLNPw4xgk=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/27edd701a924971c63e90274da4c706157ae1a981376c4881589fa62b9429fc01cd019f8703de94a437a368dfb42484b431f59d0976cb277dad9f3a72a5dd49b","height":560,"url":"https://lh3.googleusercontent.com/BXlUaWSS_nIhyVD4UrvPgu1WZ-QxeH6PTpR58Iz_xQygZFwhGEbw8VtUHa969KcH-Tr48AZywWaYPz0mPh7m5Ivl6pCWr0ePi63ZuKAROUYaVTEcpZs=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/3ebcf78c6f39f13f058c7df3b59c76dc578cf4e4f99235eb499a133e2ebc5f633c2675dc5cd03066ab2334908ce8cf89ab3f16f781fce94eeed84bab27175d50","height":560,"url":"https://lh3.googleusercontent.com/g0Vb2brSKs5pMNP47MuqfkfX1HP4ZrKQBkv2B22q-y2v3DZ2b91HCCn7UyTVyZkRoyt_FRMAXl94h-Tcu2z7Q4f-bQaCWpbisfxMz0GvugCzlw8Ty_M=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/3b8c138d4918bd5bfa64973238a71cd79392fc39ad318ace590e40279856a287bf70b19ba31cd047dc370c1879b968510c5c7741c5913a84124f6fb181412369","height":560,"url":"https://lh3.googleusercontent.com/OQQ-S-fzFk0qe4JS3YzHe3rS5oXoAC8abHGGYICg2KpP1fqmrPKk8VD8G3PuJBEfYf_xRpRrcbglkFSO1wySxdCUANT7Ix3U6KqYGnm6N5F9kVmeFcQ=s0","width":1680},"image_position":"center","category":"selection","link":"/components/time-pickers","isDisplayed":true},{"title":"Snackbar","description":"Snackbars show short updates about app processes at the bottom of the screen","image_1x1":{},"image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/6f79b81aef2885f1de861baf9e9376b899b09f89049d024b78b63326fb0b07f098a96764390f6254b05563888000fe6e9aab8fe8e2b13928068c391211ab3756","height":560,"url":"https://lh3.googleusercontent.com/qSdvHsANBmOz6aUKF0CQ2Qj73WsWp8L0DeD793hnJ1OZ-4jDR4Kx74sKNn4wRWAzy4e7yHdIRpkFI3HE1K0eVFgCfVYpV7wMuA3gC_EwPdjWDEvosXI=s0","width":1120},"image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/6791280126423c497e4d572dcce2c6b7b94f66cbacedad99c84712f0bafb4268f9682d6a9a59ac407680e393be80e3498acc12816f03b80f7d049c995206f3bb","height":560,"url":"https://lh3.googleusercontent.com/qx_xm4TReL9MFhDbqpRjWlUAwmfCiSUzgHK42aIRMb-a4FusKDDA-wWUYpZbwFPmlYxR3Q0WXl2motI8j91Uu0rnavVrAYmD4jE17ASlHPxT27Vh9cE=s0","width":840},"image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/60acc578df80f8149514af1c430713fb20781b6a0da

1a89105d643d51fa8aa94baf140531594c3fc5ba78385704d688aefcef16f6ac0187e5f8effa83d243d847","height":560,"url":"https://lh3.googleusercontent.com/GG3IePsK3D7hGm0z8i66aLh-m-2bSrDgtShMG32JIZTyHzqr4Z-AyLYUe-clzL95tpAJvoBnQo-uvISdSw454DdKHbQJhaH1NXxNfQHr4NtPqQduCPw=s0","width":1680},"dark_image_1x1":{},"dark_image_2x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/6284d32b82afabcdb9fe21a3ecf916fd2e90c424378db02d09ea671fb4e5836c629ae2f6a408699a4ac9f8712edf97b08d1160571d8e7014a19e41ae9066caa5","height":560,"url":"https://lh3.googleusercontent.com/l9NjOB71nQ7LqUl6oGSQyD7KE5HncYyC0CYUpS175gXxqQsAuMAwnp9l86e9vQeq4ggQ_IT92gjDdEriNe014rT_vst5gVrmjDgF5r9D2XbtPGcv7HLp=s0","width":1120},"dark_image_3x2":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/76401879aceebb23717b8c3a9a44a946c25d4aacef8b69d55371a6c4b4af593bccf6271653d37b25d0c28d931a25af0d98416f852a7588dcaba4ff1e5e59e06e","height":560,"url":"https://lh3.googleusercontent.com/v-6HnK9cuYPevDHQZJewx8b0XjiJuVTNPYFl6abAhXLMf8SftvLk2heX7rHCndEt9t8ctzKcNwuvQ55socbJ8JOxv7V_KR1KeTq6KpTpmKAWmDxQWXY=s0","width":840},"dark_image_3x1":{"file_path":"_f68a99ffe9144467a917320028f1ce3b_/_95f9980dd12d4f8886c881994eaa6a79_/2b78a0e7514198ce4c9ac6203daf8be9ce867cd3f5db364525890eb1d458b55981935c30440cbfcdbe373ab57d9c087135739d8a2b6c2a52f4aa5df8a50df514","height":560,"url":"https://lh3.googleusercontent.com/Y0VTmXgPo5AV_JqMbr6BFJUNuWn1Jb_vrf0fL0o5DwFUzcfIPetWdFc3cEDFAjui1B7og8E-dB9MDXCXxDBhGCsNMYjZ-MzbmN8ziC-BswJyo2SOXJ4=s0","width":1680},"image_position":"center","category":"communication","link":"/components/snackbar","isDisplayed":true}]}}');var _=l(9808),P=l(3646),E=l(9647),A=l(8591),k=l(6968);const D=function(i){return{hidden:i}};function p(i,d){if(1&i&&e._UZ(0,"mio-card",8),2&i){const t=e.oxw().$implicit,n=e.oxw().$implicit;e.Q6J("thumbnailHex",n.value.theme.thumbnailHex)("thumbnailHoverImage",n.value.theme.thumbnailHoverImage)("thumbnailForeground1x1",null==t.image_1x1?null:t.image_1x1.url)("thumbnailForeground2x1",null==t.image_2x1?null:t.image_2x1.url)("thumbnailForeground3x1",null==t.image_3x1?null:t.image_3x1.url)("thumbnailForeground3x2",null==t.image_3x2?null:t.image_3x2.url)("thumbnailForegroundAlignment",t.image_position)("thumbnailDarkModeHex",n.value.theme.thumbnailHexDarkMode)("thumbnailDarkModeHoverImage",n.value.theme.thumbnailHoverImageDarkMode)("thumbnailDarkModeForeground1x1",null==t.dark_image_1x1?null:t.dark_image_1x1.url)("thumbnailDarkModeForeground2x1",null==t.dark_image_2x1?null:t.dark_image_2x1.url)("thumbnailDarkModeForeground3x1",null==t.dark_image_3x1?null:t.dark_image_3x1.url)("thumbnailDarkModeForeground3x2",null==t.dark_image_3x2?null:t.dark_image_3x2.url)("title",t.title)("description",t.description)("link",t.link)("linkAriaLabel",t.title+" component")("theme",n.value.theme.id)("ngClass",e.VKq(19,D,!t.isDisplayed))}}function y(i,d){if(1&i&&(e.ynx(0),e.YNc(1,p,1,21,"mio-card",7),e.BQk()),2&i){const t=d.$implicit;e.xp6(1),e.Q6J("ngIf",t.isDisplayed)}}function N(i,d){if(1&i&&(e.ynx(0),e.TgZ(1,"div",6)(2,"h2"),e._uU(3),e.qZA(),e.TgZ(4,"p"),e._uU(5),e.qZA()(),e.TgZ(6,"mio-card-set"),e.YNc(7,y,2,1,"ng-container",5),e.qZA(),e.BQk()),2&i){const t=d.$implicit,n=e.oxw(2);e.xp6(3),e.Oqu(n.categoryMap[t.key].title),e.xp6(2),e.Oqu(n.categoryMap[t.key].description),e.xp6(2),e.Q6J("ngForOf",t.value.cards)}}function U(i,d){if(1&i&&(e.TgZ(0,"div",1)(1,"main",2),e._UZ(2,"mio-header",3),e.TgZ(3,"div",4),e.YNc(4,N,8,3,"ng-container",5),e.ALo(5,"keyvalue"),e.qZA()(),e._UZ(6,"mio-footer"),e.qZA()),2&i){const t=e.oxw();e.Q6J("@fadeIn",t.config),e.xp6(2),e.Q6J("config",t.config.header)("pageTitle",t.config.header.title)("description",t.config.header.description)("fullWidth",t.config.header.fullWidth),e.xp6(2),e.Q6J("ngForOf",e.lcZ(5,6,t.categoryMap))}}let Y=(()=>{class i{constructor(t,n,o){this.titleService=t,this.meta=n,this.router=o,this.categoryMap={}}ngOnInit(){this.config||(this.config=C.v,this.setPageMetadata()),this.config.categories.forEach(t=>{this.categoryMap[t.category]={title:t.title,description:t.description,theme:m.ZI[null==t?void 0:t.category]?m.ZI[null==t?void 0:t.category]:void 0,cards:[]}}),this.sortCardsByCategory()}sortCardsByCategory(){this.config.cards.forEach(t=>{this.categoryMap[t.category]&&this.categoryMap[t.category].cards.push(t)});for(const t in this.categoryMap)Object.prototype.hasOwnProperty.call(this.categoryMap,t)&&this.categoryMap[t].cards.sort((n,o)=>n.title.localeCompare(o.title))}setPageMetadata(){this.meta.updateTag({property:"og:url",name:"twitter:url",content:`https://m3.material.io/${this.router.url}`});const t=this.config.header.title;t&&(this.titleService.setTitle(`${t} \u2014 Material Design 3`),this.meta.updateTag({property:"og:title",name:"twitter:title",content:`${t} \u2014 Material Design 3`})),this.config.header.main_background_image.url&&this.updateShareImage(this.config.header.main_background_image.url),this.config.header.description&&this.updateShareDescription(this.config.header.description)}updateShareImage(t){this.meta.updateTag({property:"og:image",name:"twitter:image",content:t})}updateShareDescription(t){this.meta.updateTag({property:"og:description",name:"twitter:description",content:t}),this.meta.updateTag({name:"description",content:t})}}return i.\u0275fac=function(t){return new(t||i)(e.Y36(r.Dx),e.Y36(r.h_),e.Y36(s.F0))},i.\u0275cmp=e.Xpm({type:i,selectors:[["mio-components-landing-page"]],decls:1,vars:1,consts:[["class","animation-container",4,"ngIf"],[1,"animation-container"],["id","main_content","role","main","aria-label","Main Content","tabindex","-1"],[3,"config","pageTitle","description","fullWidth"],[1,"content-container"],[4,"ngFor","ngForOf"],[1,"category"],["size","small",3,"thumbnailHex","thumbnailHoverImage","thumbnailForeground1x1","thumbnailForeground2x1","thumbnailForeground3x1","thumbnailForeground3x2","thumbnailForegroundAlignment","thumbnailDarkModeHex","thumbnailDarkModeHoverImage","thumbnailDarkModeForeground1x1","thumbnailDarkModeForeground2x1","thumbnailDarkModeForeground3x1","thumbnailDarkModeForeground3x2","title","description","link","linkAriaLabel","theme","ngClass",4,"ngIf"],["size","small",3,"thumbnailHex","thumbnailHoverImage","thumbnailForeground1x1","thumbnailForeground2x1","thumbnailForeground3x1","thumbnailForeground3x2","thumbnailForegroundAlignment","thumbnailDarkModeHex","thumbnailDarkModeHoverImage","thumbnailDarkModeForeground1x1","thumbnailDarkModeForeground2x1","thumbnailDarkModeForeground3x1","thumbnailDarkModeForeground3x2","title","description","link","linkAriaLabel","theme","ngClass"]],template:function(t,n){1&t&&e.YNc(0,U,7,8,"div",0),2&t&&e.Q6J("ngIf",n.config)},directives:[_.O5,P.G,_.sg,E.z,A.A,_.mk,k.c],pipes:[_.Nd],styles:['[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:center;width:100%;margin:8px 8px 0;

1color:var(--mio-theme-color-on-background)}main[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;width:100%;outline:none}.content-container[_ngcontent-%COMP%]{width:100%;max-width:1200px}.category[_ngcontent-%COMP%]{padding:24px}.category[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-l-font-family);font-size:var(--mio-theme-v2-display-l-font-size);font-weight:var(--mio-theme-v2-display-l-font-weight);letter-spacing:var(--mio-theme-v2-display-l-letter-spacing);line-height:var(--mio-theme-v2-display-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-l-font-variation-opsz);margin:0 0 8px}@media screen and (max-width: 600px){.category[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-s-font-family);font-size:var(--mio-theme-v2-display-s-font-size);font-weight:var(--mio-theme-v2-display-s-font-weight);letter-spacing:var(--mio-theme-v2-display-s-letter-spacing);line-height:var(--mio-theme-v2-display-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-s-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.category[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-m-font-family);font-size:var(--mio-theme-v2-display-m-font-size);

1font-weight:var(--mio-theme-v2-display-m-font-weight);letter-spacing:var(--mio-theme-v2-display-m-letter-spacing);line-height:var(--mio-theme-v2-display-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-m-font-variation-opsz)}}.category[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-l-font-family);font-size:var(--mio-theme-v2-title-l-font-size);font-weight:var(--mio-theme-v2-title-l-font-weight);letter-spacing:var(--mio-theme-v2-title-l-letter-spacing);line-height:var(--mio-theme-v2-title-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-l-font-variation-opsz);max-width:760px;margin:0;color:var(--mio-theme-color-on-surface-variant)}@media screen and (max-width: 600px){.category[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-l-font-family);font-size:var(--mio-theme-v2-body-l-font-size);font-weight:var(--mio-theme-v2-body-l-font-weight);letter-spacing:var(--mio-theme-v2-body-l-letter-spacing);line-height:var(--mio-theme-v2-body-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-l-font-variation-opsz)}}mio-header[_ngcontent-%COMP%]{width:100%;max-width:1760px;margin-bottom:56px}@media screen and (max-width: 960px){mio-header[_ngcontent-%COMP%]{margin-bottom:40px}}mio-card-set[_ngcontent-%COMP%]{margin-bottom:80px;padding-top:8px}@media screen and (max-width: 960px){mio-card-set[_ngcontent-%COMP%]{margin-bottom:64px}}'],data:{animation:[b.gJ]}}),i})();var Z=l(4850),J=l(3815),K=l(8140);function T(i,d){if(1&i&&e._UZ(0,"mio-card",11),2&i){const t=d.$implicit;e.Q6J("title",t.title)("description",t.description)("size",t.size)("badgeIcon",t.icon)("badgeShape",null!=t.background_image&&t.background_image.url?"flower":"clover")("backgroundImage",null!=t.background_image&&t.background_image.url?t.background_image.url+"=w960":"")("thumbnailImage",null!=t.thumbnail_image&&t.thumbnail_image.url?t.thumbnail_image.url+"=w960":"")("link",t.link.href)("linkAriaLabel",t.link.aria_label)("openNewWindow",t.link.open_new_window)}}const G=function(i,d){return{stack:i,"col-2":d}};function h(i,d){if(1&i&&(e.ynx(0),e.TgZ(1,"div",6)(2,"div",7)(3,"h2"),e._uU(4),e.qZA(),e._UZ(5,"div",8),e.qZA(),e.TgZ(6,"mio-card-set",9),e.YNc(7,T,1,10,"mio-card",10),e.qZA()(),e.BQk()),2&i){const t=d.$implicit;e.xp6(4),e.Oqu(t.title),e.xp6(1),e.Q6J("innerHTML",t.description,e.oJD),e.xp6(1),e.Q6J("ngClass",e.WLB(4,G,t.two_column_stacked,t.two_column_stacked)),e.xp6(1),e.Q6J("ngForOf",t.cards)}}function M(i,d){if(1&i&&(e.TgZ(0,"div",1)(1,"main",2),e._UZ(2,"mio-header",3),e.TgZ(3,"div",4),e.YNc(4,h,8,7,"ng-container",5),e.qZA()(),e._UZ(5,"mio-footer"),e.qZA()),2&i){const t=e.oxw();e.Q6J("@fadeIn",t.data),e.xp6(2),e.Q6J("config",t.data.page_hero)("pageTitle",t.data.page_hero.title)("description",t.data.page_hero.description)("fullWidth",t.data.page_hero.full_width)("fullWidthContentCentered",t.data.page_hero.full_width_content_centered),e.xp6(2),e.Q6J("ngForOf",t.data.sections)}}let L=(()=>{class i{constructor(t,n,o,c,g,O){this.titleService=t,this.route=n,this.router=o,this.kintaroContentService=c,this.meta=g,this.themeService=O,this.hasLoaded=!1,this.kintaroContentService.getPageContentFromRoute(this.route).pipe((0,Z.U)(S=>{this.data=S,this.hasLoaded=!0,this.setPageMetadata()})).subscribe()}ngOnInit(){this.stackSectionCards=this.shouldStackSectionCards()}onResize(){this.stackSectionCards=this.shouldStackSectionCards()}shouldStackSectionCards(){return window.innerWidth<600}setPageMetadata(){var t,n,o,c;if(this.meta.updateTag({property:"og:url",name:"twitter:url",content:`https://m3.material.io/${this.router.url}`}),!this.data)return;const g=(null===(t=this.data.metadata)||void 0===t?void 0:t.share_title)||this.data.page_title;this.titleService.setTitle(g),this.meta.updateTag({property:"og:title",name:"twitter:title",content:g}),(null===(o=null===(n=this.data.metadata)||void 0===n?void 0:n.share_image)||void 0===o?void 0:o.url)&&this.updateShareImage(this.data.metadata.share_image.url),(null===(c=this.data.metadata)||void 0===c?void 0:c.share_description)&&this.updateShareDescription(this.data.metadata.share_description)}updateShareImage(t){this.meta.updateTag({property:"og:image",name:"twitter:image",content:t})}updateShareDescription(t){this.meta.updateTag({property:"og:description",name:"twitter:description",content:t}),this.meta.updateTag({name:"description",content:t})}}return i.\u0275fac=function(t){return new(t||i)(e.Y36(r.Dx),e.Y36(s.gz),e.Y36(s.F0),e.Y36(J.M),e.Y36(r.h_),e.Y36(K.f))},i.\u0275cmp=e.Xpm({type:i,selectors:[["mio-landing-page"]],hostVars:2,hostBindings:function(t,n){1&t&&e.NdJ("resize",function(c){return n.onResize(c)},!1,e.Jf7),2&t&&e.ekj("loaded",n.hasLoaded)},decls:1,vars:1,consts:[["class","animation-container",4,"ngIf"],[1,"animation-container"],["id","main_content","role","main","aria-label","Main Content","tabindex","-1"],[3,"config","pageTitle","description","fullWidth","fullWidthContentCentered"],[1,"content-container"],[4,"ngFor","ngForOf"],[1,"section"],[1,"section-header"],[1,"section-header-description",3,"innerHTML"],[3,"ngClass"],[3,"title","description","size","badgeIcon","badgeShape","backgroundImage","thumbnailImage","link","linkAriaLabel","openNewWindow",4,"ngFor","ngForOf"],[3,"title","description","size","badgeIcon","badgeShape","backgroundImage","thumbnailImage","link","linkAriaLabel","openNewWindow"]],template:function(t,n){1&t&&e.YNc(0,M,6,7,"div",0),2&t&&e.Q6J("ngIf",n.data)},directives:[_.O5,P.G,_.sg,E.z,_.mk,A.A,k.c],styles:['[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:center;width:100%;margin:8px 8px 0;

1color:var(--mio-theme-color-on-background)}main[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;width:100%;outline:none}.content-container[_ngcontent-%COMP%]{width:100%;max-width:1200px}mio-header[_ngcontent-%COMP%]{width:100%;max-width:1760px}.section[_ngcontent-%COMP%]{margin:96px 0}@media screen and (max-width: 960px){.section[_ngcontent-%COMP%]{margin:64px 0}}@media screen and (max-width: 1294px){.section[_ngcontent-%COMP%]{margin:80px 0}}.section[_ngcontent-%COMP%]:last-child{margin-bottom:0}.section-header[_ngcontent-%COMP%]{margin:24px}.section-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-l-font-family);font-size:var(--mio-theme-v2-display-l-font-size);font-weight:var(--mio-theme-v2-display-l-font-weight);letter-spacing:var(--mio-theme-v2-display-l-letter-spacing);line-height:var(--mio-theme-v2-display-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-l-font-variation-opsz);margin:0 0 8px;color:var(--mio-theme-color-on-surface)}@media screen and (max-width: 600px){.section-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-s-font-family);font-size:var(--mio-theme-v2-display-s-font-size);font-weight:var(--mio-theme-v2-display-s-font-weight);letter-spacing:var(--mio-theme-v2-display-s-letter-spacing);line-height:var(--mio-theme-v2-display-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-s-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.section-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-m-font-family);font-size:var(--mio-theme-v2-display-m-font-size);

1font-weight:var(--mio-theme-v2-display-m-font-weight);letter-spacing:var(--mio-theme-v2-display-m-letter-spacing);line-height:var(--mio-theme-v2-display-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-m-font-variation-opsz)}}[_nghost-%COMP%]     .section-header-description p, [_nghost-%COMP%]     .section-header-description a{font-family:var(--mio-theme-v2-title-l-font-family);font-size:var(--mio-theme-v2-title-l-font-size);font-weight:var(--mio-theme-v2-title-l-font-weight);letter-spacing:var(--mio-theme-v2-title-l-letter-spacing);line-height:var(--mio-theme-v2-title-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-l-font-variation-opsz)}@media screen and (max-width: 600px){[_nghost-%COMP%]     .section-header-description p, [_nghost-%COMP%]     .section-header-description a{font-family:var(--mio-theme-v2-body-l-font-family);font-size:var(--mio-theme-v2-body-l-font-size);font-weight:var(--mio-theme-v2-body-l-font-weight);letter-spacing:var(--mio-theme-v2-body-l-letter-spacing);line-height:var(--mio-theme-v2-body-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-l-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){[_nghost-%COMP%]     .section-header-description p, [_nghost-%COMP%]     .section-header-description a{font-family:var(--mio-theme-v2-title-l-font-family);font-size:var(--mio-theme-v2-title-l-font-size);font-weight:var(--mio-theme-v2-title-l-font-weight);letter-spacing:var(--mio-theme-v2-title-l-letter-spacing);line-height:var(--mio-theme-v2-title-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-l-font-variation-opsz)}}[_nghost-%COMP%]     .section-header-description p{max-width:760px;margin:0;color:var(--mio-theme-color-on-surface-variant)}'],data:{animation:[b.gJ]}}),i})(),V=(()=>{class i{constructor(t){this.themeService=t,this.isDarkMode=this.themeService.isDarkMode,this.themeService.darkMode$.subscribe(n=>{this.isDarkMode=n})}}return i.\u0275fac=function(t){return new(t||i)(e.Y36(K.f))},i.\u0275cmp=e.Xpm({type:i,selectors:[["mio-not-found-page"]],hostVars:2,hostBindings:function(t,n){2&t&&e.ekj("is-dark-mode",n.isDarkMode)},decls:12,vars:2,consts:[[1,"animation-container"],["id","main_content","role","main","aria-label","Main Content","tabindex","-1"],[1,"not-found-block"],["aria-label","Not found page image",1,"not-found-image"],["tabindex","-1"],["href","/"]],template:function(t,n){1&t&&(e.TgZ(0,"div",0)(1,"main",1)(2,"div",2),e._UZ(3,"div",3),e.TgZ(4,"h1",4),e._uU(5,"This page cannot be found"),e.qZA(),e.TgZ(6,"p"),e._uU(7,"Try a different destination or head back to the "),e.TgZ(8,"a",5),e._uU(9,"homepage"),e.qZA(),e._uU(10,"."),e.qZA()()(),e._UZ(11,"mio-footer"),e.qZA()),2&t&&(e.Q6J("@fadeIn",void 0),e.xp6(1),e.Q6J("@fadeIn",void 0))},directives:[k.c],styles:['[_nghost-%COMP%]{min-height:560px;margin-right:40px;margin-left:40px;color:var(--mio-theme-color-on-background)}@media screen and (max-width: 600px){[_nghost-%COMP%]{margin-right:24px;margin-left:24px}}.animation-container[_ngcontent-%COMP%]{justify-content:space-between;height:100vh}main[_ngcontent-%COMP%]{margin:auto;outline:none}.not-found-block[_ngcontent-%COMP%]{max-width:620px;height:100%;text-align:center}.not-found-block[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-s-font-family);font-size:var(--mio-theme-v2-display-s-font-size);font-weight:var(--mio-theme-v2-display-s-font-weight);letter-spacing:var(--mio-theme-v2-display-s-letter-spacing);line-height:var(--mio-theme-v2-display-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-s-font-variation-opsz);margin-bottom:8px}@media screen and (max-width: 600px){.not-found-block[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-m-font-family);

1font-size:var(--mio-theme-v2-headline-m-font-size);font-weight:var(--mio-theme-v2-headline-m-font-weight);letter-spacing:var(--mio-theme-v2-headline-m-letter-spacing);line-height:var(--mio-theme-v2-headline-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-m-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.not-found-block[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-l-font-family);font-size:var(--mio-theme-v2-headline-l-font-size);font-weight:var(--mio-theme-v2-headline-l-font-weight);letter-spacing:var(--mio-theme-v2-headline-l-letter-spacing);line-height:var(--mio-theme-v2-headline-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-l-font-variation-opsz)}}.not-found-block[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-l-font-family);font-size:var(--mio-theme-v2-body-l-font-size);font-weight:var(--mio-theme-v2-body-l-font-weight);letter-spacing:var(--mio-theme-v2-body-l-letter-spacing);line-height:var(--mio-theme-v2-body-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-l-font-variation-opsz);max-width:323px;margin:auto}@media screen and (max-width: 600px){.not-found-block[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-m-font-family);font-size:var(--mio-theme-v2-body-m-font-size);font-weight:var(--mio-theme-v2-body-m-font-weight);letter-spacing:var(--mio-theme-v2-body-m-letter-spacing);line-height:var(--mio-theme-v2-body-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-m-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.not-found-block[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-l-font-family);font-size:var(--mio-theme-v2-body-l-font-size);font-weight:var(--mio-theme-v2-body-l-font-weight);letter-spacing:var(--mio-theme-v2-body-l-letter-spacing);line-height:var(--mio-theme-v2-body-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-l-font-variation-opsz)}}.not-found-block[_ngcontent-%COMP%]   .not-found-image[_ngcontent-%COMP%]{max-width:100%;max-height:100%;margin-bottom:24px;content:url(/static/angular/404-light.caafc6e0327e9785.png)}.is-dark-mode[_nghost-%COMP%]   .not-found-image[_ngcontent-%COMP%]{content:url(/static/angular/404-dark.bb347de58354fb7e.png)}'],data:{animation:[b.gJ]}}),i})();var j=l(9931),te=l(8174),ne=l.n(te),w=l(5465);const $=["slide"],ae=["videoSlide"];function ee(i,d){1&i&&(e.TgZ(0,"div",3),e.O4$(),e.TgZ(1,"svg",4),e._UZ(2,"path",5),e.qZA()())}function Q(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"mio-card",22),e.NdJ("click",function(o){const g=e.CHM(t).index;return e.oxw(2).doSmoothScroll(o,g)}),e.qZA()}if(2&i){const t=d.$implicit;e.Q6J("title",t.title)("description",t.short_description)}}function u(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"mio-card",22),e.NdJ("click",function(o){const g=e.CHM(t).index;return e.oxw(2).doSmoothScroll(o,g)}),e.qZA()}if(2&i){const t=d.$implicit;e.Q6J("title",t.title)("description",t.short_description)}}function R(i,d){}function f(i,d){1&i&&e._UZ(0,"div",34)}function x(i,d){if(1&i&&e._UZ(0,"div",35),2&i){const t=e.oxw().$implicit,n=e.oxw(2);e.Udp("background-image",n.isDarkMode?null!=t.background_image_2x1_dark&&t.background_image_2x1_dark.url?"url("+t.background_image_2x1_dark.url+"=w2400)":"":null!=t.background_image_2x1&&t.background_image_2x1.url?"url("+t.background_image_2x1.url+"=w2400)":"")}}function q(i,d){if(1&i&&(e.TgZ(0,"div",36),e._UZ(1,"mio-video",37,38),e.qZA()),2&i){const t=e.oxw().$implicit,n=e.oxw(2);e.xp6(1),e.Q6J("url",n.isDarkMode?null==t.background_video_2x1_dark?null:t.background_video_2x1_dark.url:null==t.background_video_2x1?null:t.background_video_2x1.url)("autoplay",!0)("tabindex",0)}}function Me(i,d){if(1&i&&e._UZ(0,"mio-card",39),2&i){const t=d.$implicit;e.Q6J("title",t.title)("description",t.description)("badgeIcon",t.icon)("badgeShape",null!=t.background_image&&t.background_image.url?"flower":"clover")("link",t.link.href)("linkAriaLabel",t.link.aria_label)("openNewWindow",t.link.open_new_window)}}function Oe(i,d){}function Pe(i,d){if(1&i&&e.YNc(0,Oe,0,0,"ng-template",17),2&i){e.oxw(3);const t=e.MAs(1);e.Q6J("ngTemplateOutlet",t)}}function ke(i,d){1&i&&e._UZ(0,"div",34)}function Ie(i,d){if(1&i&&(e.ynx(0),e.YNc(1,f,1,0,"div",23),e.TgZ(2,"div",24,25)(4,"div",26),e.YNc(5,x,1,2,"div",27),e.YNc(6,q,3,3,"ng-template",null,28,e.W1O),e.TgZ(8,"div",29)(9,"h2",11),e._uU(10),e.qZA(),e._UZ(11,"div",30),e.TgZ(12,"mio-card-set",31),e.YNc(13,Me,1,7,"mio-card",32),e.qZA()()()(),e.YNc(14,Pe,1,1,null,33),e.YNc(15,ke,1,0,"div",23),e.BQk()),2&i){const t=d.$implicit,n=d.index,o=e.MAs(7),c=e.oxw(2);e.xp6(1),e.Q6J("ngIf",0===n),e.xp6(1),e.uIk("index",n),e.xp6(3),e.Q6J("ngIf",!c.isVideo(null==t.background_video_2x1?null:t.background_video_2x1.url))("ngIfElse",o),e.xp6(

15),e.Oqu(t.title),e.xp6(1),e.Q6J("innerHTML",t.description,e.oJD),e.xp6(2),e.Q6J("ngForOf",t.cards),e.xp6(1),e.Q6J("ngIf",n<c.data.sections.length-1),e.xp6(1),e.Q6J("ngIf",n===c.data.sections.length-1)}}function Te(i,d){if(1&i&&e._UZ(0,"div",43),2&i){const t=e.oxw().$implicit,n=e.oxw(2);e.Udp("background-image",n.isDarkMode?null!=t.background_image_3x4_dark&&t.background_image_3x4_dark.url?"url("+t.background_image_3x4_dark.url+"=w2400)":"":null!=t.background_image_3x4&&t.background_image_3x4.url?"url("+t.background_image_3x4.url+"=w2400)":"")}}function Ae(i,d){if(1&i&&(e.TgZ(0,"div",44),e._UZ(1,"mio-video",45,38),e.qZA()),2&i){const t=e.oxw().$implicit,n=e.oxw(2);e.xp6(1),e.Q6J("url",n.isDarkMode?null==t.background_video_3x4_dark?null:t.background_video_3x4_dark.url:null==t.background_video_3x4?null:t.background_video_3x4.url)("autoplay",!0)}}function Ee(i,d){if(1&i&&(e.ynx(0),e.TgZ(1,"div",40),e.YNc(2,Te,1,2,"div",41),e.YNc(3,Ae,3,2,"ng-template",null,42,e.W1O),e.qZA(),e.BQk()),2&i){const t=d.$implicit,n=d.index,o=e.MAs(4),c=e.oxw(2);e.xp6(1),e.uIk("index",n),e.xp6(1),e.Q6J("ngIf",!c.isVideo(null==t.background_video_3x4?null:t.background_video_3x4.url))("ngIfElse",o)}}function De(i,d){if(1&i&&(e.TgZ(0,"div",6)(1,"div",7)(2,"div",8),e.O4$(),e.TgZ(3,"svg",9),e._UZ(4,"path",10),e.qZA(),e.kcU(),e.TgZ(5,"h1",11),e._uU(6),e.qZA(),e._UZ(7,"div",12),e.TgZ(8,"mio-card-set",13),e.YNc(9,Q,1,2,"mio-card",14),e.qZA()()(),e.TgZ(10,"div",15)(11,"mio-card-set",16),e.YNc(12,u,1,2,"mio-card",14),e.qZA(),e.YNc(13,R,0,0,"ng-template",17),e.qZA(),e.TgZ(14,"div",18)(15,"div",19),e.YNc(16,Ie,16,9,"ng-container",20),e.qZA(),e.TgZ(17,"div",21),e.YNc(18,Ee,5,3,"ng-container",20),e.qZA()(),e._UZ(19,"mio-footer"),e.qZA()),2&i){const t=e.oxw(),n=e.MAs(1);e.Q6J("@fadeIn",t.data),e.xp6(1),e.Udp("background-image",t.isDarkMode?null!=t.data.hero_image_dark&&t.data.hero_image_dark.url?"url("+t.data.hero_image_dark.url+"=w2400)":"":null!=t.data.hero_image&&t.data.hero_image.url?"url("+t.data.hero_image.url+"=w2400)":""),e.xp6(5),e.Oqu(t.data.title),e.xp6(1),e.Q6J("innerHTML",t.data.description,e.oJD),e.xp6(2),e.Q6J("ngForOf",t.data.sections),e.xp6(3),e.Q6J("ngForOf",t.data.sections),e.xp6(1),e.Q6J("ngTemplateOutlet",n),e.xp6(3),e.Q6J("ngForOf",t.data.sections),e.xp6(2),e.Q6J("ngForOf",t.data.sections)}}const fe=".scroll-show-image-container",ie="show";let Se=(()=>{class i{constructor(t,n,o,c,g,O,S){this.el=t,this.titleService=n,this.route=o,this.router=c,this.kintaroContentService=g,this.meta=O,this.themeService=S,this.hasLoaded=!1,this.AnalyticsKeys=j.sU.AnalyticsKeys,this.isScrolling=!1,this.kintaroContentService.getPageContentFromRoute(this.route).pipe((0,Z.U)(H=>{this.data=H,this.hasLoaded=!0,this.setPageMetadata()})).subscribe(),this.isDarkMode=this.themeService.isDarkMode,this.themeService.darkMode$.subscribe(H=>{var B;null===(B=this.slideVideoRefs)||void 0===B||B.forEach(W=>{W.reset()}),this.isDarkMode=H}),this.scrollObserver=this.createScrollObserver()}ngAfterViewInit(){this.slideRefs.changes.subscribe(t=>{t.forEach(n=>{this.scrollObserver.observe(n.nativeElement)})}),this.pageContentEl=document.querySelector(".page-content")}createScrollObserver(){return new IntersectionObserver(o=>{o.forEach(c=>{const O=c.target.getAttribute("index"),S=document.querySelectorAll(fe),H=S[O].querySelector("button");if(Number(O)<S.length-1?(S[O].classList.add("aria-hide"),H.setAttribute("tabindex","-1")):(S[O].classList.remove("aria-hide"),H.removeAttribute("tabindex")),0===S.length)return;const B=S[O];c.isIntersecting&&!this.isScrolling?B.classList.add(ie):"0"===O?S[0].classList.add(ie):B.classList.remove(ie)})},{rootMargin:"0px 0px -30% 0px"})}doSmoothScroll(t,n){ne().polyfill(),t.preventDefault(),this.isScrolling=!0;const o=this.slideRefs.toArray()[n].nativeElement,c=o.querySelector("h2");let g="center";window.innerWidth<=m.tl.BREAKPOINTS.LAPTOP_BREAKPOINT_WIDTH&&(g="start"),o.scrollIntoView({behavior:"smooth",block:g}),this.setFocusOnScrollFinish(c,n)}setFocusOnScrollFinish(t,n){let o=0,g=Math.round(this.pageContentEl.scrollTop);const O=setInterval(()=>{const S=Math.round(this.pageContentEl.scrollTop);if(o>5e3&&clearInterval(S),g===S){t.focus({preventScroll:!0}),this.isScrolling=!1;const H=document.querySelectorAll(fe);if(H.length>0){const B=H[n],W=n>0?H[n-1]:H[0];H.forEach(Zn=>{Zn.classList.remove(ie)}),B.classList.add(ie),W.classList.add(ie)}clearInterval(O)}else g=S;o+=100},100)}setPageMetadata(){var t,n,o,c;if(this.meta.updateTag({property:"og:url",name:"twitter:url",content:`https://m3.material.io/${this.router.url}`}),!this.data)return;const g=(null===(t=this.data.metadata)||void 0===t?void 0:t.share_title)||this.data.title;this.titleService.setTitle(g),this.meta.updateTag({property:"og:title",name:"twitter:title",content:g}),(null===(o=null===(n=this.data.metadata)||void 0===n?void 0:n.share_image)||void 0===o?void 0:o.url)&&this.updateShareImage(this.data.metadata.share_image.url),(null===(c=this.data.metadata)||void 0===c?void 0:c.share_description)&&this.updateShareDescription(this.data.metadata.share_description)}updateShareImage(t){this.meta.updateTag({property:"og:image",name:"twitter:image",content:t})}updateShareDescription(t){this.meta.updateTag({property:"og:description",name:"twitter:description",content:t}),this.meta.updateTag({name:"description",content:t})}isVideo(t){return!(void 0===t||m.K3.matches||this.isMobileScreen())}isMobileScreen(){return window.innerWidth<=m.tl.BREAKPOINTS.MOBILE_BREAKPOINT_WIDTH}}return i.\u0275fac=function(t){return new(t||i)(e.Y36(e.SBq),e.Y36(r.Dx),e.Y36(s.gz),e.Y36(s.F0),e.Y36(J.M),e.Y36(r.h_),e.Y36(K.f))},i.\u0275cmp=e.Xpm({type:i,selectors:[["mio-guide-page"]],viewQuery:function(t,n){if(1&t&&(e.Gf($,5),e.Gf(ae,5)),2&t){let o;e.iGM(o=e.CRH())&&(n.slideRefs=o),e.iGM(o=e.CRH())&&(n.slideVideoRefs=o)}},hostVars:2,hostBindings:function(t,n){2&t&&e.ekj("loaded",n.hasLoaded)},decls:4,vars:1,consts:[["squiggleRef",""],["id","main_content","role","main","aria-label","Main Content","tabindex","-1"],["class","animation-container",4,"ngIf"],[1,"squiggle"],["aria-hidden","true","

1width","155","height","9","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M1.5 4.5c5.067-4.667 10.133-4.667 15.2 0s10.133 4.667 15.2 0 10.133-4.667 15.2 0 10.133 4.667 15.2 0 10.133-4.667 15.2 0 10.133 4.667 15.2 0 10.133-4.667 15.2 0 10.133 4.667 15.2 0 10.133-4.667 15.2 0 10.133 4.667 15.2 0","stroke","var(--mio-theme-color-primary-80)","stroke-width","2","stroke-linecap","round"],[1,"animation-container"],[1,"hero"],[1,"content"],["aria-hidden","true","width","152","height","41","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M39.073 20.5c3.23 6.02.79 11.471-5.44 13.133-1.662 6.23-7.112 8.67-13.133 5.44-6.021 3.23-11.472.79-13.133-5.44-6.23-1.662-8.67-7.112-5.44-13.133-3.23-6.021-.79-11.472 5.44-13.133 1.661-6.23 7.112-8.67 13.133-5.44 6.02-3.23 11.471-.79 13.133 5.44 6.23 1.661 8.67 7.112 5.44 13.133zM61.524 35.476c-6.699-6.7-6.699-17.56 0-24.26l5.692-5.692c6.7-6.699 17.56-6.699 24.26 0 6.699 6.7 6.699 17.56 0 24.26l-5.692 5.692c-6.7 6.699-17.56 6.699-24.26 0zM128.707 2.384c1.455-2.512 5.131-2.512 6.586 0 .97 1.672 3.071 2.345 4.853 1.553 2.677-1.19 5.651.939 5.329 3.813-.214 1.915 1.085 3.676 3 4.067 2.874.587 4.011 4.03 2.035 6.17a3.693 3.693 0 000 5.026c1.976 2.14.839 5.583-2.035 6.17-1.915.391-3.214 2.152-3 4.067.322 2.874-2.652 5.003-5.329 3.813-1.782-.792-3.883-.12-4.853 1.553-1.455 2.512-5.131 2.512-6.586 0-.97-1.672-3.071-2.345-4.853-1.553-2.677 1.19-5.651-.939-5.329-3.813.214-1.915-1.085-3.676-3-4.067-2.874-.587-4.011-4.03-2.035-6.17a3.693 3.693 0 000-5.026c-1.976-2.14-.839-5.583 2.035-6.17 1.915-.391 3.214-2.152 3-4.067-.322-2.874 2.652-5.003 5.329-3.813 1.782.792 3.883.12 4.853-1.553z","fill","var(--mio-theme-color-secondary)"],["tabindex","-1"],[1,"hero-description",3,"innerHTML"],[1,"hero-toc"],["size","medium",3,"title","description","click",4,"ngFor","ngForOf"],[1,"main-toc-conatiner"],[1,"main-toc"],[3,"ngTemplateOutlet"],[1,"scroll-show-container"],[1,"slides"],[4,"ngFor","ngForOf"],[1,"scroll-show"],["size","medium",3,"title","description","click"],["class","empty-squiggle",4,"ngIf"],[1,"section"],["slide",""],[1,"section-container"],["class","section-image",3,"backgroundImage",4,"ngIf","ngIfElse"],["scrollVideo",""],[1,"section-content"],[1,"section-header-description",3,"innerHTML"],[1,"section-cards","stack"],["size","small",3,"title","description","badgeIcon","badgeShape","link","linkAriaLabel","openNewWindow",4,"ngFor","ngForOf"],[4,"ngIf"],[1,"empty-squiggle"],[1,"section-image"],[1,"scroll-show-video","slides-video"],[3,"url","autoplay","tabindex"],["videoSlide",""],["size","small",3,"title","description","badgeIcon","badgeShape","link","linkAriaLabel","openNewWindow"],[1,"scroll-show-image-container"],["class","scroll-show-image",3,"backgroundImage",4,"ngIf","ngIfElse"],["scrollVideoDesktop",""],[1,"scroll-show-image"],[1,"scroll-show-video"],[3,"url","autoplay"]],template:function(t,n){1&t&&(e.YNc(0,ee,3,0,"ng-template",null,0,e.W1O),e.TgZ(2,"main",1),e.YNc(3,De,20,10,"div",2),e.qZA()),2&t&&(e.xp6(3),e.Q6J("ngIf",n.data))},directives:[_.O5,E.z,_.sg,A.A,_.tP,w.j,k.c],styles:['[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:center;width:100%;margin:8px 8px 0;color:var(--mio-theme-color-on-surface)}main[_ngcontent-%COMP%]{width:100%;outline:none}.hero[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;width:100%;height:85vh;min-height:760px;margin-bottom:8px;transition:background-image .5s cubic-bezier(.2,0,0,1);border-radius:24px;background-position:50% 50%;background-size:cover}@media screen and (max-width: 1294px){.hero[_ngcontent-%COMP%]{height:unset;min-height:unset}}.hero[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:56px}@media screen and (max-width: 600px){.hero[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]{margin:32px}}.hero[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{margin-bottom:16px}.hero[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-hero-font-family);font-size:var(--mio-theme-v2-hero-font-size);

1font-weight:var(--mio-theme-v2-hero-font-weight);letter-spacing:var(--mio-theme-v2-hero-letter-spacing);line-height:var(--mio-theme-v2-hero-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-hero-font-variation-GRAD),"opsz" var(--mio-theme-v2-hero-font-variation-opsz);text-align:center}@media screen and (max-width: 600px){.hero[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-l-font-family);font-size:var(--mio-theme-v2-display-l-font-size);font-weight:var(--mio-theme-v2-display-l-font-weight);letter-spacing:var(--mio-theme-v2-display-l-letter-spacing);line-height:var(--mio-theme-v2-display-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-l-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.hero[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-xl-font-family);font-size:var(--mio-theme-v2-display-xl-font-size);font-weight:var(--mio-theme-v2-display-xl-font-weight);letter-spacing:var(--mio-theme-v2-display-xl-letter-spacing);line-height:var(--mio-theme-v2-display-xl-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-xl-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-xl-font-variation-opsz)}}.hero[_ngcontent-%COMP%]   .hero-description[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-l-font-family);font-size:var(--mio-theme-v2-title-l-font-size);font-weight:var(--mio-theme-v2-title-l-font-weight);letter-spacing:var(--mio-theme-v2-title-l-letter-spacing);line-height:var(--mio-theme-v2-title-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-l-font-variation-opsz);max-width:760px;text-align:center}@media screen and (max-width: 600px){.hero[_ngcontent-%COMP%]   .hero-description[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-l-font-family);font-size:var(--mio-theme-v2-body-l-font-size);font-weight:var(--mio-theme-v2-body-l-font-weight);letter-spacing:var(--mio-theme-v2-body-l-letter-spacing);line-height:var(--mio-theme-v2-body-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-l-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.hero[_ngcontent-%COMP%]   .hero-description[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-l-font-family);font-size:var(--mio-theme-v2-title-l-font-size);font-weight:var(--mio-theme-v2-title-l-font-weight);letter-spacing:var(--mio-theme-v2-title-l-letter-spacing);line-height:var(--mio-theme-v2-title-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-l-font-variation-opsz)}}@media screen and (min-width: 1295px){.hero[_ngcontent-%COMP%]   .hero-description[_ngcontent-%COMP%]{margin-bottom:24px}}.main-toc-conatiner[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;width:100%}@media screen and (min-width: 1295px){.main-toc-conatiner[_ngcontent-%COMP%]{display:none}}mio-card-set[_ngcontent-%COMP%]{--min-row-height: unset}mio-card-set.main-toc[_ngcontent-%COMP%]{width:100%;margin:24px 0 0}@media screen and (min-width: 1295px){mio-card-set.main-toc[_ngcontent-%COMP%]{display:none}}mio-card-set.main-toc[_ngcontent-%COMP%]   mio-card[_ngcontent-%COMP%]{grid-column:span 2}mio-card-set.hero-toc[_ngcontent-%COMP%]{margin-top:32px}@media screen and (max-width: 1294px){mio-card-set.hero-toc[_ngcontent-%COMP%]{display:none}}mio-card-set.section-cards[_ngcontent-%COMP%]{width:100%;margin-top:40px}mio-card-set.section-cards[_ngcontent-%COMP%]   mio-card[_ngcontent-%COMP%]{grid-column:span 6}.squiggle[_ngcontent-%COMP%]{margin:80px 0}@media screen and (min-width: 1295px){.empty-squiggle[_ngcontent-%COMP%]{margin:80px 0}}[_nghost-%COMP%]     .hero-description p{margin:0}.section[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:75vh}@media screen and (max-width: 1294px){.section[_ngcontent-%COMP%]{min-height:unset}}.section-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center}.section-content[_ngcontent-%COMP%]{width:100%;max-width:640px;margin:24px 32px 0;padding-right:8px}@media screen and (max-width: 960px){.section-content[_ngcontent-%COMP%]{margin:24px 0 0;padding-right:0}}.section-content[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-l-font-family);

1font-size:var(--mio-theme-v2-display-l-font-size);font-weight:var(--mio-theme-v2-display-l-font-weight);letter-spacing:var(--mio-theme-v2-display-l-letter-spacing);line-height:var(--mio-theme-v2-display-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-l-font-variation-opsz);margin:0 0 8px;color:var(--mio-theme-color-on-surface)}@media screen and (max-width: 600px){.section-content[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-s-font-family);font-size:var(--mio-theme-v2-display-s-font-size);font-weight:var(--mio-theme-v2-display-s-font-weight);letter-spacing:var(--mio-theme-v2-display-s-letter-spacing);line-height:var(--mio-theme-v2-display-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-s-font-variation-opsz)}}@media screen and (min-width: 601px) and (max-width: 1294px){.section-content[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-display-m-font-family);font-size:var(--mio-theme-v2-display-m-font-size);

1font-weight:var(--mio-theme-v2-display-m-font-weight);letter-spacing:var(--mio-theme-v2-display-m-letter-spacing);line-height:var(--mio-theme-v2-display-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-display-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-display-m-font-variation-opsz)}}.section-content[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%], .section-content[_ngcontent-%COMP%]   .section-header-description[_ngcontent-%COMP%]{margin:0 24px}.section-image[_ngcontent-%COMP%]{width:100%;margin:8px 0 32px;padding-bottom:50%;border-radius:24px;background-position:50% 50%;background-size:cover}@media screen and (min-width: 1295px){.section-image[_ngcontent-%COMP%]{display:none}}.scroll-show-container[_ngcontent-%COMP%]{display:flex;width:100%}.slides[_ngcontent-%COMP%], .scroll-show[_ngcontent-%COMP%]{width:50%}.slides[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 1294px){.slides[_ngcontent-%COMP%]{width:100%}}.scroll-show[_ngcontent-%COMP%]{position:sticky;top:0;height:100vh}@media screen and (max-width: 1294px){.scroll-show[_ngcontent-%COMP%]{display:none}}.scroll-show-image-container[_ngcontent-%COMP%]{position:absolute;width:100%;height:100vh;padding:8px 0;transform:translateZ(0);transition:opacity .5s cubic-bezier(.2,0,0,1);opacity:0}.scroll-show-image-container.show[_ngcontent-%COMP%]{opacity:1}.scroll-show-image[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;border-radius:24px;background-position:center;background-size:cover}.scroll-show-video[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center}.scroll-show-video[_ngcontent-%COMP%]     video{width:100%;max-height:100%;border:0;border-radius:12px;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1294px){.scroll-show-video[_ngcontent-%COMP%]     video{he

1ight:calc(100vh - 16px)}}mio-video[_ngcontent-%COMP%]{width:100%}mio-video[_ngcontent-%COMP%]     figure{width:100%}mio-video[_ngcontent-%COMP%]     figure div{border:0}.slides-video[_ngcontent-%COMP%]{margin:8px 0 32px}@media screen and (min-width: 1294px){.slides-video[_ngcontent-%COMP%]{display:none}}'],data:{animation:[b.gJ]}}),i})();var _e=l(2353),Re=(l(7071),l(9819),l(9194)),re=l(7692),Ne=l(318),ze=l(1737),Le=l(7221);let Ge=(()=>{class i{constructor(t){this.http=t}getSearchResults(t,n){return this.http.get(`/search_api?mv=${n===m.a8.M2?"m2":"m3"}&q=${t}`).pipe((0,Le.K)(this.handleError.bind(this)))}handleError(t){return(0,ze._)("Unable to complete search request; please try again later.")}}return i.\u0275fac=function(t){return new(t||i)(e.LFG(v.eN))},i.\u0275prov=e.Yz7({token:i,factory:i.\u0275fac,providedIn:"root"}),i})();var se=l(5260),le=l(772),ce=l(8786),oe=l(3922);let He=(()=>{class i{transform(t,...n){if(!n[0])return t;const o=new RegExp(n[0],"gi"),c=t.match(o);return c?t.replace(o,`<span class='highlight'>${c[0]}</span>`):t}}return i.\u0275fac=function(t){return new(t||i)},i.\u0275pipe=e.Yjl({name:"highlightText",type:i,pure:!0}),i})();const Ze=["searchInput"],Ue=["recentSearch"],Ke=["titleContainer"],Qe=["searchFilter"],Be=["platformMenuEl"];function Je(i,d){1&i&&(e.TgZ(0,"h1",21),e._uU(1,"Search page - Material Design 3"),e.qZA())}function Ye(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"mio-icon-button",22),e.NdJ("keydown.enter",function(){return e.CHM(t),e.oxw().onSearchReset()})("click",function(){return e.CHM(t),e.oxw().onSearchReset()}),e.qZA()}if(2&i){const t=e.oxw();e.Q6J("ariaLabel","clear search input")("icon","close")("analyticsKey",t.AnalyticsKeys.MIO_SEARCH_RESET)}}function Ve(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"div",26)(1,"div",27)(2,"span",28),e.NdJ("click",function(){const c=e.CHM(t).$implicit;return e.oxw(2).searchTriggered(c)})("keydown.enter",function(){const c=e.CHM(t).$implicit;return e.oxw(2).searchTriggered(c)}),e._uU(3),e.qZA(),e.TgZ(4,"mio-icon-button",29),e.NdJ("keydown.enter",function(){const c=e.CHM(t).$implicit;return e.oxw(2).clearRecentSearch(c)})("click",function(){const c=e.CHM(t).$implicit;return e.oxw(2).clearRecentSearch(c)}),e.qZA()()()}if(2&i){const t=d.$implicit;e.xp6(3),e.hij(" ",t," "),e.xp6(1),e.Q6J("ariaLabel","clear recent search")("icon","close")}}function je(i,d){if(1&i&&(e.TgZ(0,"div",23)(1,"div",24),e._uU(2,"Recent searches"),e.qZA(),e.YNc(3,Ve,5,3,"div",25),e.qZA()),2&i){const t=e.oxw();e.xp6(3),e.Q6J("ngForOf",t.recentSearchHistory)}}function qe(i,d){if(1&i&&(e.TgZ(0,"div",38)(1,"a",39),e._UZ(2,"span",40),e.ALo(3,"highlightText"),e._UZ(4,"mio-icon-button",41),e.qZA()()),2&i){const t=e.oxw().$implicit;e.oxw(4);const n=e.MAs(8);e.xp6(1),e.MGl("routerLink","../",t.slug,""),e.xp6(1),e.Q6J("innerHTML",e.xi3(3,4,t.title,n.value),e.oJD),e.xp6(2),e.Q6J("ariaLabel","navigate to {{suggestion.title}}")("icon","arrow_outward")}}function We(i,d){if(1&i&&(e.TgZ(0,"div",36),e.YNc(1,qe,5,7,"div",37),e.qZA()),2&i){const t=d.$implicit,n=e.oxw(2).$implicit;e.xp6(1),e.Q6J("ngIf",t.category===n.id)}}function Xe(i,d){if(1&i&&(e.ynx(0),e.TgZ(1,"div",33),e._uU(2),e.qZA(),e.TgZ(3,"div",34),e.YNc(4,We,2,1,"div",35),e.qZA(),e.BQk()),2&i){const t=e.oxw().$implicit,n=e.oxw(2);e.xp6(2),e.Oqu(t.title),e.xp6(2),e.Q6J("ngForOf",n.filteredSuggestion.slice(0,n.numSearchSuggestion))}}function $e(i,d){if(1&i&&(e.TgZ(0,"div"),e.YNc(1,Xe,5,2,"ng-container",32),e.qZA()),2&i){const t=d.$implicit;e.xp6(1),e.Q6J("ngIf",null==t?null:t.isVisible)}}function et(i,d){if(1&i&&(e.TgZ(0,"div",30),e.YNc(1,$e,2,1,"div",31),e.qZA()),2&i){const t=e.oxw();e.xp6(1),e.Q6J("ngForOf",t.suggestionSections)}}function tt(i,d){if(1&i&&(e.TgZ(0,"h1"),e._uU(1),e.qZA()),2&i){const t=e.oxw(2);e.xp6(1),e.AsE(" Showing top ",t.results.length," results for \u201c",t.query,"\u201d ")}}function nt(i,d){if(1&i&&(e.TgZ(0,"h1"),e._uU(1),e.qZA()),2&i){const t=e.oxw(2);e.xp6(1),e.AsE(" Showing ",t.results.length," results for \u201c",t.query,"\u201d ")}}function it(i,d){if(1&i&&(e.TgZ(0,"div",42),e.YNc(1,tt,2,2,"h1",32),e.YNc(2,nt,2,2,"h1",32),e.qZA()),2&i){const t=e.oxw();e.xp6(1),e.Q6J("ngIf",t.results.length>=10),e.xp6(1),e.Q6J("ngIf",t.results.length<10)}}function ot(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"mio-icon-button",43),e.NdJ("keydown.enter",function(){e.CHM(t);const o=e.oxw();return o.isGridView=!o.isGridView})("click",function(){e.CHM(t);const o=e.oxw();return o.isGridView=!o.isGridView}),e.qZA()}if(2&i){const t=e.oxw();e.Q6J("ariaLabel",t.isGridView?"List view":"Grid view")("icon",t.isGridView?"list":"view_module")("isFontFilled",!t.isGridView)}}function at(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"mwc-list-item",51,52),e.NdJ("select",function(){const c=e.CHM(t).$implicit;return e.oxw(2).onSearchFilterChanged(c.value)})("click",function(){const c=e.CHM(t).$implicit;return e.oxw(2).onSearchFilterChanged(c.value)})("keydown.enter",function(){const c=e.CHM(t).$implicit;return e.oxw(2).onSearchFilterChanged(c.value)}),e._uU(2),e.qZA()}if(2&i){const t=d.$implicit,n=e.oxw(2);e.Q6J("ngClass",n.selectedMaterialFilter===t.value?"active-version":""),e.xp6(2),e.hij(" ",t.value," ")}}function ct(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"div",44)(1,"div",45),e.NdJ("click",function(o){return e.CHM(t),e.oxw().openMenu(o)})("keydown.enter",function(o){return e.CHM(t),e.oxw().openMenu(o)})("keydown.Space",function(o){return e.CHM(t),e.oxw().openMenu(o)}),e.TgZ(2,"mwc-button",46)(3,"span",47),e._uU(4,"done"),e.qZA()()(),e.TgZ(5,"mwc-menu",48,49),e.YNc(7,at,3,2,"mwc-list-item",50),e.ALo(8,"keyvalue"),e.qZA()()}if(2&i){const t=e.oxw();e.xp6(1),e.Q6J("ariaLabel",t.selectedMaterialFilter),e.xp6(1),e.s9C("label",t.selectedMaterialFilter),e.xp6(5),e.Q6J("ngForOf",e.lcZ(8,3,t.materialVersions))}}function rt(i,d){1&i&&(e.TgZ(0,"div",53)(1,"div",54),e._uU(2," Material Design 2 is not the latest version. "),e.qZA()())}function st(i,d){if(1&i&&(e.TgZ(0,"div",53)(1,"div",42)(2,"h2"),e._uU(3),e.qZA()()()),2&i){const t=e.oxw();e.xp6(3),e.hij("",t.searchError?"An error occurred. Please try again later.":"No Results"," ")}}function lt(i,d){if(1&i&&(e.TgZ(0,"div",42)(1,"h2")(2,"span",56),e._uU(3),e.qZA(),e._uU(4),e.qZA()()),2&i){const t=e.oxw(2).$implicit;e.xp6(3),e.Oqu(t.icon),e.xp6(1),e.hij(" ",t.title," ")}}function dt(i,d){if(1&i&&e._UZ(0,"mio-card",58),2&i){const t=e.oxw(2).$implicit,n=e.oxw(2).$implicit,o=e.oxw();e.Q6J("thumbnailImage",null==t.image_2x1?null:t.image_2x1.url)("isGridView",o.isGridView)("cardTabDescription",o.getCardTabDescription(t.link))("title",t.title)("richDescription",t.description)("openNewWindow",!1)("link",t.link)("linkAriaLabel",t.title+n.ariaLabel)("analyticsKey","MIO_SEARCH_RESULT")}}function mt(i,d){if(1&i&&(e.ynx(0),e.YNc(1,dt,1,9,"mio-card",57),e.BQk()),2&i){const t=e.oxw().$implicit,n=e.oxw(2).$implicit;e.xp6(1),e.Q6J("ngIf",t.category===n.id)}}function gt(i,d){if(1&i&&(e._UZ(0,"mio-card",60),e.ALo(1,"titlecase")),2&i){const t=e.oxw(2).$implicit,n=e.oxw(2).$implicit,o=e.oxw();e.Q6J("isGridView",o.isGridView)("alignText","start")("title",t.title)("titleLinkText",e.lcZ(1,9,o.getTitleLinkText(t.link)))("richDescription",t.description)("openNewWindow",!1)("link",t.link)("linkAriaLabel",t.title+n.ariaLabel)("analyticsKey","MIO_SEARCH_RESULT")}}function ft(i,d){if(1&i&&(e.ynx(0),e.YNc(1,gt,2,11,"mio-card",59),e.BQk()),2&i){const t=e.oxw().$implicit,n=e.oxw(2).$implicit;e.xp6(1),e.Q6J("ngIf",t.category===n.id)}}function ht(i,d){if(1&i&&(e.ynx(0),e.YNc(1,mt,2,1,"ng-container",32),e.YNc(2,ft,2,1,"ng-container",32),e.BQk()),2&i){const t=e.oxw(2).$implicit;e.xp6(1),e.Q6J("ngIf",t.hasThumbnail),e.xp6(1),e.Q6J("ngIf",!t.hasThumbnail)}}const _t=function(i,d){return{"grid-height-unset":i,"grid-toggle-view mio-card-set-list-view":d}};function pt(i,d){if(1&i&&(e.ynx(0),e.YNc(1,lt,5,2,"div",15),e.TgZ(2,"mio-card-set",55),e.YNc(3,ht,3,2,"ng-container",31),e.qZA(),e.BQk()),2&i){const t=e.oxw().$implicit,n=e.oxw();e.xp6(1),e.Q6J("ngIf",!n.isMaterialVersion2),e.xp6(1),e.Q6J("ngClass",e.WLB(3,_t,!t.hasThumbnail,!1===n.isGridView)),e.xp6(1),e.Q6J("ngForOf",n.results)}}function ut(i,d){if(1&i&&(e.TgZ(0,"div",53),e.YNc(1,pt,4,6,"ng-container",32),e.qZA()),2&i){const t=d.$implicit;e.xp6(1),e.Q6J("ngIf",null==t?null:t.isVisible)}}const pe=function(i){return{"search-result":i}},bt=function(i){return{"toggle-section-no-results":i}};let vt=(()=>{class i{constructor(t,n,o,c,g){this.searchService=t,this.titleService=n,this.router=o,this.route=c,this.analyticsService=g,this.results=[],this.isSearchResult=!1,this.hasInputValue=!1,this.isGridView=!0,this.recentSearchHistory=[],this.displayRecentSearch=!0,this.sectionDetail

1s=JSON.parse(JSON.stringify(m.eM)),this.suggestionSections=JSON.parse(JSON.stringify(m.eM)),this.AnalyticsKeys=j.sU.AnalyticsKeys,this.sectionIds=m.Ru,this.materialVersions=m.a8,this.isMaterialVersion2=!1,this.searchSuggestions=(0,Ne.I8)(re._.children),this.flatNavConfig=[],this.filteredSuggestion=[],this.filteredAutocorrect=[],this.searchState="init",this.numSearchSuggestion=10,this.showDefaultHeading=!0,this.searchInputObserver=this.createStickObserver(),this.route.queryParams.subscribe(O=>{!O.q||(this.query=O.q,this.makeSearchRequest(this.query),this.updateSectionVisibility(this.sectionDetails,this.results))})}ngOnInit(){localStorage.getItem("recentSearches")&&(this.recentSearchHistory=JSON.parse(localStorage.getItem("recentSearches"))),this.selectedMaterialFilter=m.a8.M3,this.flattenNavConfig(this.flatNavConfig,this.searchSuggestions),this.titleService.setTitle("Search \u2014 Material Design 3")}ngAfterViewInit(){this.updateInputState(this.query),this.titleContainerRef&&this.searchInputObserver.observe(this.titleContainerRef.nativeElement)}flattenNavConfig(t,n){null==n||n.map(o=>{var c;o.category=o.slug?`${o.slug}`:"home",t.push(o),null===(c=o.children)||void 0===c||c.map(g=>{var O;o.slug&&!g.slug.includes(o.slug)&&(g.slug=`${o.slug}/${g.slug}`),g.category=o.slug?`${o.slug}`:"home",t.push(g),null===(O=g.children)||void 0===O||O.map(S=>{g.slug&&!S.slug.includes(g.slug)&&(S.slug=`${g.slug}/${S.slug}`),S.category=o.slug?`${o.slug}`:"home",t.push(S)})})})}resetSearchSuggestion(){this.filteredAutocorrect=[],this.filteredSuggestion=[];for(const t of this.suggestionSections)t.isVisible=!1;this.searchState="init"}onSearchFilterChanged(t){this.selectedMaterialFilter=t,this.isMaterialVersion2=this.selectedMaterialFilter===m.a8.M2,this.makeSearchRequest(this.query)}searchInputChange(t){t=t.trim(),this.hasInputValue=!!t,this.filteredAutocorrect=this.flatNavConfig.filter(n=>n.title.toLocaleLowerCase().startsWith(t.toLocaleLowerCase())),"result"!==this.searchState&&(t?(this.getSearchSuggestion(t),this.searchState="query"):(this.resetSearchSuggestion(),this.searchState="init"))}getAutocorrectValue(t){var n;if(!this.filteredAutocorrect[0]||!t||this.filteredAutocorrect[0].title.length===t.length)return;const o=(null===(n=this.filteredAutocorrect[0].title)||void 0===n?void 0:n.length)-(null==t?void 0:t.length);return t+this.filteredAutocorrect[0].title.slice(-o)}getSearchSuggestion(t){this.filteredSuggestion=this.flatNavConfig.filter(n=>n.title.toLocaleLowerCase().includes(t.toLocaleLowerCase())),this.updateSectionVisibility(this.suggestionSections,this.filteredSuggestion.slice(0,this.numSearchSuggestion))}autocorrectTabHandler(){var t;const n=null===(t=this.searchInputRef)||void 0===t?void 0:t.nativeElement.value;if(!n)return;const o=this.getAutocorrectValue(n);!o||(0,Re.H)(0).subscribe(c=>{this.searchInputRef.nativeElement.focus(),this.searchInputRef.nativeElement.value=o,this.searchInputChange(o)})}openMenu(t){t.preventDefault(),this.platformMenuRef.nativeElement.open=!this.platformMenuRef.nativeElement.open}updateInputState(t){!this.searchInputRef||(t?(this.searchInputRef.nativeElement.value=t,this.hasInputValue=!0):this.searchInputRef.nativeElement.focus())}makeSearchRequest(t){if(!t||""===t)return;const n=`Search results: ${t} ${m.Mq}`,o=encodeURIComponent(t);this.searchService.getSearchResults(o,this.selectedMaterialFilter?this.selectedMaterialFilter:m.a8.M3).subscribe({next:this.handleSearchResult.bind(this),error:g=>{throw this.searchError=g,g}}),this.titleService.setTitle(n),this.backgroundColor="var(--mio-theme-color-background)",this.searchState="result",this.scrollToTop()}handleSearchResult(t){t.items?(this.displayRecentSearch=!1,this.processData(t)):this.results=[],this.searchError=null,this.isSearchResult=!!t.queries,this.updateSectionVisibility(this.sectionDetails,this.results)}searchTriggered(t){t=t.trim(),this.displayRecentSearch=!1,this.selectedMaterialFilter===m.a8.M2&&(this.isMaterialVersion2=!0),t&&""!==t.trim()&&(this.query=t,this.hasInputValue=!0,this.searchInputRef.nativeElement.value=this.query,0===this.recentSearchHistory.length&&this.recentSearchHistory.push(this.query),this.recentSearchHistory.length>=1&&(this.recentSearchHistory.indexOf(t)>=0&&this.recentSearchHistory.splice(this.recentSearchHistory.indexOf(t),1),this.recentSearchHistory.unshift(t)),this.recentSearchHistory.length>10&&this.recentSearchHistory.pop(),localStorage.setItem("recentSearches",JSON.stringify(this.recentSearchHistory)

1),this.router.navigate(["/search.html"],{queryParams:{q:this.query}}),this.analyticsService.event(j.sU.AnalyticsKeys.MIO_SEARCH_PERFORMED,null))}onSearchReset(){let t;if(this.hasInputValue=!1,this.isSearchResult=!1,this.showDefaultHeading=!0,this.backgroundColor="var(--mio-theme-color-surface-2)",this.resetSearchSuggestion(),this.searchInputRef){this.searchInputRef.nativeElement.focus(),t=this.searchInputRef.nativeElement,t&&(t.value=""),this.router.navigate(["/search.html"]),this.results=[],this.query="";for(const n of this.sectionDetails)n.isVisible=!1;this.displayRecentSearch=!0,this.isMaterialVersion2=!1}}clearRecentSearch(t){this.recentSearchHistory.splice(this.recentSearchHistory.indexOf(t.trim()),1),localStorage.setItem("recentSearches",JSON.stringify(this.recentSearchHistory))}updateSectionVisibility(t,n){for(const o of t)o.isVisible=!1;for(const o of n){const c=t.find(g=>g.id===o.category);c&&(c.isVisible=!0)}this.showDefaultHeading=!(n.length>0)}processResult(t){var n;const o=t.pagemap,c=o&&o.metatags&&o.metatags.length&&o.metatags[0],g=null==o?void 0:o.cse_image,O=g?null===(n=g[0])||void 0===n?void 0:n.src:c&&c["twitter:image"];return{category:this.getResultCategory(t.link),title:this.getResultTitle(t.title),section:this.getResultSection(t.link),description:t.htmlSnippet,image_1x1:null,image_2x1:this.getResultThumbnail(O),image_alt_text:"",link:t.link,open_new_window:!1,footer_links:[],footer:"",tile_type:""}}processData(t){this.results=t.items.map(this.processResult.bind(this)),this.multiUpConfig={tiles:this.results,styles:[],cta_button:null,tiles_presentation_type:"small_tile",tiles_featured:!1}}scrollToTop(){document.dispatchEvent(new CustomEvent(m.vn.scrollToTop))}createStickObserver(){return new IntersectionObserver(o=>{o.forEach(c=>{this.handlePageScroll(c.target)})},{root:null,rootMargin:"-1px 0px 0px",threshold:1})}handlePageScroll(t){t&&t.getBoundingClientRect().y<=0?this.searchInputRef.nativeElement.classList.add("sticky"):this.searchInputRef.nativeElement.classList.remove("sticky")}getResultTitle(t){return t.split(new RegExp(/\u2014|-|\u2013/i))[0]}getResultLink(t){return t.replace(/^http(s?):\/\/(www.)?material.io/,"")}getResultSnippet(t){return t["twitter:description"]}getResultCategory(t){t.endsWith("/")&&(t=t.substr(0,t.length-1));const n=t.replace(/^http(s?):\/\/(www.)?(m3.)?material.io(\/?)/,"").split("/");return this.isMaterialVersion2?"home":this.sectionIds.some(o=>n[0].includes(o))?n[0]:"home"}getResultSection(t){t.endsWith("/")&&(t=t.substr(0,t.length-1));const n=t.replace(/^http(s?):\/\/(www.)?(m3.)?material.io(\/?)/,"").split("/");return[n[0],n[1]]}getResultThumbnail(t){return{url:t&&t.startsWith("https://")?t:m.LJ,width:m.mG,height:m.h7}}getCardTabDescription(t){var n,o,c;if(this.isMaterialVersion2)return;const g=t.split("/");return this.isGridView&&"m3.material.io"===g[2]&&g.length>=5?g.length>5?{cardTab:null===(n=g[g.length-1])||void 0===n?void 0:n.replace(/-/g," "),cardTabDescription:null===(o=g[g.length-2])||void 0===o?void 0:o.replace(/-/g," ")}:{cardTab:"",cardTabDescription:null===(c=g[4])||void 0===c?void 0:c.replace(/-/g," ")}:void 0}getTitleLinkText(t){var n,o;if(this.isMaterialVersion2)return;const c=t.split("/");return c[4]?null===(n=c[4])||void 0===n?void 0:n.replace(/-/g," "):null===(o=c[3])||void 0===o?void 0:o.replace(/-/g," ")}ngOnDestroy(){this.query="",this.results=[],this.updateSectionVisibility(this.sectionDetails,this.results)}}return i.\u0275fac=function(t){return new(t||i)(e.Y36(Ge),e.Y36(r.Dx),e.Y36(s.F0),e.Y36(s.gz),e.Y36(se.$))},i.\u0275cmp=e.Xpm({type:i,selectors:[["mio-search-page"]],viewQuery:function(t,n){if(1&t&&(e.Gf(Ze,5),e.Gf(Ue,5),e.Gf(Ke,5),e.Gf(Qe,5),e.Gf(Be,5)),2&t){let o;e.iGM(o=e.CRH())&&(n.searchInputRef=o.first),e.iGM(o=e.CRH())&&(n.recentSearchRef=o.first),e.iGM(o=e.CRH())&&(n.titleContainerRef=o.first),e.iGM(o=e.CRH())&&(n.searchFilterRef=o.first),e.iGM(o=e.CRH())&&(n.platformMenuRef=o.first)}},hostVars:2,hostBindings:function(t,n){2&t&&e.Udp("background-color",n.backgroundColor)},decls:24,vars:20,consts:[[1,"animation-container"],["id","main_content","role","main","aria-label","Main Content","tabindex","-1",1,"main-content"],["mainContent",""],["class","hidden-h1",4,"ngIf"],[1,"search-input-sticky",3,"ngClass"],[1,"search-input-container"],["type","text","name","autocomplete","autocomplete","off","tabindex","-1","disabled","","aria-hidden","true",1,"search-autocorrect",3,"ngClass","placeholder"],["placeholder","Search","type","text","maxlength","200","autocomplete","off",1,"search-input",3,"keydown.enter","keydown.tab","click","input"],["searchInput",""],["class","clear-button","mioRipple","","mioAnalyticsTracking","",3,"ariaLabel","icon","analyticsKey","keydown.enter","click",4,"ngIf"],["titleContainer",""],["class","search-history-section","role","list",4,"ngIf"],["class","search-suggestions search-history-section",4,"ngIf"],[1,"content-container","title-container"],[1,"search-result-toggle-section"],["class","category",4,"ngIf"],[1,"view-toggle-section",3,"ngClass"],["class","button-toggle",3,"ariaLabel","icon","isFontFilled","keydown.enter","click",4,"ngIf"],["class","platform-menu-container",4,"ngIf"],["class","content-container",4,"ngIf"],["class","content-container",4,"ngFor","ngForOf"],[1,"hidden-h1"],["mioRipple","","mioAnalyticsTracking","",1,"clear-button",3,"ariaLabel","icon","analyticsKey","keydown.enter","click"],["role","list",1,"search-history-section"],[1,"txt-recent-searches"],["class","container-recent-search","role","listitem",4,"ngFor","ngForOf"],["role","listitem",1,"container-recent-search"],[1,"search-items"],["role","button","tabindex","0",1,"search-items-text",3,"click","keydown.enter"],["mioRipple","",1,"clear-recent-search",3,"ariaLabel","icon","keydown.enter","click"],[1,"search-suggestions","search-history-section"],[4,"ngFor","ngForOf"],[4,"ngIf"],[1,"search-suggestion-title"],[1,"search-suggestion-list"],["class","search-suggestion-item",4,"ngFor","ngForOf"],[1,"search-suggestion-item"],["class","search-suggestion-category",4,"ngIf"],[1,"search-suggestion-category"],[1,"search-items",3,"routerLink"],[1,"search-items-text",3,"innerHTML"],["mioRipple","",1,"clear-recent-search",3,"ariaLabel","icon"],[1,"category"],[1,"button-toggle",3,"ariaLabel","icon","isFontFilled","keydown.enter","click"],[1,"platform-menu-container"],["role","button","tabindex","0",1,"ally-container",3,"ariaLabel","click","keydown.enter","keydown.Space"],["unelevated","","id","menu-button","tabindex","-1",1,"menu-button",3,"label"],[1,"google-symbols","filter-check-icon"],["x","0","y","40"],["platformMenuEl",""],[3,"ngClass","select","click","keydown.enter",4,"ngFor","ngForOf"],[3,"ngClass","select","click","keydown.enter"],["searchFilter",""],[1,"content-container"],[1,"latest-version-banner"],[3,"ngClass"],[1,"google-symbols"],["size","small",3,"thumbnailImage","isGridView","cardTabDescription","title","richDescription","openNewWindow","link","linkAriaLabel","analyticsKey",4,"ngIf"],["size","small",3,"thumbnailImage","isGridView","cardTabDescription","title","richDescription","openNewWindow","link","linkAriaLabel","analyticsKey"],[3,"isGridView","alignText","t

1itle","titleLinkText","richDescription","openNewWindow","link","linkAriaLabel","analyticsKey",4,"ngIf"],[3,"isGridView","alignText","title","titleLinkText","richDescription","openNewWindow","link","linkAriaLabel","analyticsKey"]],template:function(t,n){if(1&t){const o=e.EpF();e.TgZ(0,"div",0)(1,"div",1,2),e.YNc(3,Je,2,0,"h1",3),e.TgZ(4,"div",4)(5,"div",5),e._UZ(6,"input",6),e.TgZ(7,"input",7,8),e.NdJ("keydown.enter",function(){e.CHM(o);const g=e.MAs(8);return n.searchTriggered(g.value)})("keydown.tab",function(){return n.autocorrectTabHandler()})("click",function(){return n.autocorrectTabHandler()})("input",function(){e.CHM(o);const g=e.MAs(8);return n.searchInputChange(g.value)}),e.qZA(),e.YNc(9,Ye,1,3,"mio-icon-button",9),e.qZA()(),e._UZ(10,"div",null,10),e.YNc(12,je,4,1,"div",11),e.YNc(13,et,2,1,"div",12),e.TgZ(14,"div",13)(15,"div",14),e.YNc(16,it,3,2,"div",15),e.TgZ(17,"div",16),e.YNc(18,ot,1,3,"mio-icon-button",17),e.YNc(19,ct,9,5,"div",18),e.qZA()()(),e.YNc(20,rt,3,0,"div",19),e.YNc(21,st,4,1,"div",19),e.YNc(22,ut,2,1,"div",20),e.qZA(),e._UZ(23,"mio-footer"),e.qZA()}if(2&t){const o=e.MAs(8);e.xp6(3),e.Q6J("ngIf",n.showDefaultHeading),e.xp6(1),e.Q6J("ngClass",e.VKq(14,pe,!n.isSearchResult)),e.xp6(2),e.s9C("placeholder",n.getAutocorrectValue(o.value)),e.Q6J("ngClass",e.VKq(16,pe,n.isSearchResult)),e.xp6(3),e.Q6J("ngIf",n.hasInputValue),e.xp6(3),e.Q6J("ngIf","init"===n.searchState),e.xp6(1),e.Q6J("ngIf","query"===n.searchState),e.xp6(3),e.Q6J("ngIf",0!==n.results.length||n.query),e.xp6(1),e.Q6J("ngClass",e.VKq(18,bt,0===n.results.length&&n.query)),e.xp6(1),e.Q6J("ngIf",0!==n.results.length&&n.query),e.xp6(1),e.Q6J("ngIf",n.query),e.xp6(1),e.Q6J("ngIf",n.isMaterialVersion2),e.xp6(1),e.Q6J("ngIf",0===n.results.length&&n.query||n.searchError),e.xp6(1),e.Q6J("ngForOf",n.sectionDetails)}},directives:[_.O5,_.mk,le.r,ce.E,oe.v,_.sg,s.yS,E.z,A.A,k.c],pipes:[He,_.Nd,_.rS],styles:['[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:center;width:100%;background-color:var(--mio-theme-color-surface-2);color:var(--mio-theme-color-on-background)}[_nghost-%COMP%]     .clear-recent-search{width:32px;height:32px;visibility:hidden}[_nghost-%COMP%]     .clear-recent-search .google-symbols{font-size:20px}[_nghost-%COMP%]     mio-icon-button.button-toggle{margin-left:16px}@media screen and (max-width: 1294px){[_nghost-%COMP%]     mio-icon-button.button-toggle{margin-right:16px}}.main-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;width:100%;min-height:calc(100vh - 184px);margin:0 8px 24px;outline:none}@media screen and (min-width: 961px){.main-content[_ngcontent-%COMP%]{min-height:calc(100vh - 120px)}}.main-content[_ngcontent-%COMP%]   .hidden-h1[_ngcontent-%COMP%]{width:1px;height:1px;overflow:hidden;visibility:hidden}.title-container[_ngcontent-%COMP%]{min-height:60px;margin-top:56px}@media screen and (max-width: 960px){.title-container[_ngcontent-%COMP%]{margin-top:32px}}.title-container[_ngcontent-%COMP%]   .category[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{word-break:break-word}.content-container[_ngcontent-%COMP%]{width:100%;max-width:1200px;padding:0 8px}@media screen and (min-width: 1294px){.content-container.title-container[_ngcontent-%COMP%]   .search-result-toggle-section[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between}}.search-input-sticky[_ngcontent-%COMP%]{position:sticky;top:63px;width:100%;padding-top:16px;border-radius:0 0 60px 60px;background-color:var(--mio-theme-color-background);z-index:2}@media screen and (min-width: 961px){.search-input-sticky[_ngcontent-%COMP%]{top:0;padding-top:8px}}.sticky[_ngcontent-%COMP%]{box-shadow:var(--mio-theme-elevation-1)}.search-input-container[_ngcontent-%COMP%]{position:relative;width:100%}.search-input[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-s-font-family);font-size:var(--mio-theme-v2-headline-s-font-size);font-weight:var(--mio-theme-v2-headline-s-font-weight);letter-spacing:var(--mio-theme-v2-headline-s-letter-spacing);line-height:var(--mio-theme-v2-headline-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-s-font-variation-opsz);width:calc(100% - 16px);margin-left:8px;padding:16px 68px 16px 24px;transition-duration:.3s;transition-property:max-width,box-shadow;transition-timing-function:cubic-bezier(.2,0,0,1);border:transparent;border-radius:36px;background:transparent;

1color:var(--mio-theme-color-on-surface);line-height:32px}.search-input[_ngcontent-%COMP%]::-moz-placeholder{color:var(--mio-theme-color-on-surface-variant);font-family:var(--mio-theme-display-font-family);font-size:24px;font-style:normal;font-weight:500;letter-spacing:-.24px;line-height:32px}.search-input[_ngcontent-%COMP%]::placeholder{color:var(--mio-theme-color-on-surface-variant);font-family:var(--mio-theme-display-font-family);font-size:24px;font-style:normal;font-weight:500;letter-spacing:-.24px;line-height:32px}.search-input[_ngcontent-%COMP%]:focus{outline:2px solid var(--mio-theme-color-on-surface)}.clear-button[_ngcontent-%COMP%]{position:absolute;top:8px;right:20px;width:48px;height:48px;float:right}.search-history-section[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;width:96%;margin-top:48px;gap:12px}@media screen and (max-width: 600px){.search-history-section[_ngcontent-%COMP%]{width:86%}}@media screen and (max-width: 960px){.search-history-section[_ngcontent-%COMP%]{width:92%}}.search-suggestion-title[_ngcontent-%COMP%], .txt-recent-searches[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-m-font-family);font-size:var(--mio-theme-v2-title-m-font-size);font-weight:var(--mio-theme-v2-title-m-font-weight);letter-spacing:var(--mio-theme-v2-title-m-letter-spacing);line-height:var(--mio-theme-v2-title-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-m-font-variation-opsz);color:var(--mio-theme-color-on-surface);text-align:center}.search-suggestion-title[_ngcontent-%COMP%]{margin-bottom:12px;text-align:left}.search-suggestion-list[_ngcontent-%COMP%]{margin-bottom:30px}.search-suggestion-category[_ngcontent-%COMP%]{display:flex;margin-bottom:12px}.search-items[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;align-items:center;margin:0 -12px;padding:6px 8px 6px 16px;transform:translate(-4px);text-decoration:none}.search-items[_ngcontent-%COMP%]:hover, .search-items[_ngcontent-%COMP%]:focus, .search-items[_ngcontent-%COMP%]:focus-within{margin:0 -12px;border-radius:30px;background:var(--mio-theme-color-on-surface-variant-4)}.search-items[_ngcontent-%COMP%]:hover   .clear-recent-search[_ngcontent-%COMP%], .search-items[_ngcontent-%COMP%]:focus   .clear-recent-search[_ngcontent-%COMP%], .search-items[_ngcontent-%COMP%]:focus-within   .clear-recent-search[_ngcontent-%COMP%]{visibility:visible}.search-items-text[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-s-font-family);font-size:var(--mio-theme-v2-headline-s-font-size);font-weight:var(--mio-theme-v2-headline-s-font-weight);letter-spacing:var(--mio-theme-v2-headline-s-letter-spacing);line-height:var(--mio-theme-v2-headline-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-s-font-variation-opsz);max-width:96%;padding-right:6px;float:left;color:var(--mio-theme-color-utility-outline);text-decoration:none;white-space:nowrap;cursor:pointer}.search-autocorrect[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-s-font-family);font-size:var(--mio-theme-v2-headline-s-font-size);font-weight:var(--mio-theme-v2-headline-s-font-weight);letter-spacing:var(--mio-theme-v2-headline-s-letter-spacing);line-height:var(--mio-theme-v2-headline-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-s-font-variation-opsz);position:absolute;width:calc(100% - 16px);margin-left:8px;padding:16px 68px 16px 24px;transition-duration:.3s;transition-property:max-width,box-shadow;transition-timing-function:cubic-bezier(.2,0,0,1);border:transparent;border-radius:36px;background:var(--mio-theme-color-background);color:var(--mio-theme-color-on-surface);z-index:-1}.search-autocorrect[_ngcontent-%COMP%]::-moz-placeholder{font-family:var(--mio-theme-v2-headline-s-font-family);font-size:var(--mio-theme-v2-headline-s-font-size);font-weight:var(--mio-theme-v2-headline-s-font-weight);letter-spacing:var(--mio-theme-v2-headline-s-letter-spacing);

1line-height:var(--mio-theme-v2-headline-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-s-font-variation-opsz);color:var(--mio-theme-color-on-surface-variant)}.search-autocorrect[_ngcontent-%COMP%]::placeholder{font-family:var(--mio-theme-v2-headline-s-font-family);font-size:var(--mio-theme-v2-headline-s-font-size);font-weight:var(--mio-theme-v2-headline-s-font-weight);letter-spacing:var(--mio-theme-v2-headline-s-letter-spacing);line-height:var(--mio-theme-v2-headline-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-s-font-variation-opsz);color:var(--mio-theme-color-on-surface-variant)}.search-result[_ngcontent-%COMP%]{background:var(--mio-theme-color-surface-2)}.container-recent-search[_ngcontent-%COMP%]{max-width:96%;word-wrap:break-word}.search-results-filter-section[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]{height:24px}.grid-height-unset[_ngcontent-%COMP%]{--min-row-height: unset}.view-toggle-section[_ngcontent-%COMP%]{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}@media screen and (max-width: 960px) and (orientation: portrait){.view-toggle-section[_ngcontent-%COMP%]{margin-bottom:24px}}.toggle-section-no-results[_ngcontent-%COMP%]{flex-direction:row;align-items:center;justify-content:flex-start}.category[_ngcontent-%COMP%]{padding:24px}.category[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-l-font-family);font-size:var(--mio-theme-v2-headline-l-font-size);font-weight:var(--mio-theme-v2-headline-l-font-weight);letter-spacing:var(--mio-theme-v2-headline-l-letter-spacing);line-height:var(--mio-theme-v2-headline-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-l-font-variation-opsz);margin:0}@media screen and (max-width: 960px){.category[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-s-font-family);font-size:var(--mio-theme-v2-headline-s-font-size);font-weight:var(--mio-theme-v2-headline-s-font-weight);letter-spacing:var(--mio-theme-v2-headline-s-letter-spacing);line-height:var(--mio-theme-v2-headline-s-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-s-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-s-font-variation-opsz)}}@media screen and (min-width: 961px) and (max-width: 1294px){.category[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-headline-m-font-family);font-size:var(--mio-theme-v2-headline-m-font-size);font-weight:var(--mio-theme-v2-headline-m-font-weight);letter-spacing:var(--mio-theme-v2-headline-m-letter-spacing);line-height:var(--mio-theme-v2-headline-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-headline-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-headline-m-font-variation-opsz)}}.category[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-l-font-family);font-size:var(--mio-theme-v2-title-l-font-size);font-weight:var(--mio-theme-v2-title-l-font-weight);letter-spacing:var(--mio-theme-v2-title-l-letter-spacing);line-height:var(--mio-theme-v2-title-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-l-font-variation-opsz);margin:0;color:var(--mio-theme-color-on-surface-variant)}@media screen and (max-width: 600px){.category[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{margin-top:-16px}}.category[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]   .google-symbols[_ngcontent-%COMP%]{transform:translateY(4px)}.category[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-l-font-family);font-size:var(--mio-theme-v2-title-l-font-size);font-weight:var(--mio-theme-v2-title-l-font-weight);letter-spacing:var(--mio-theme-v2-title-l-letter-spacing);line-height:var(--mio-theme-v2-title-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-l-font-variation-opsz);max-width:760px;margin:0;

1color:var(--mio-theme-color-on-surface-variant)}@media screen and (max-width: 600px){.category[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-l-font-family);font-size:var(--mio-theme-v2-body-l-font-size);font-weight:var(--mio-theme-v2-body-l-font-weight);letter-spacing:var(--mio-theme-v2-body-l-letter-spacing);line-height:var(--mio-theme-v2-body-l-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-l-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-l-font-variation-opsz)}}mio-card-set[_ngcontent-%COMP%]{margin-bottom:56px}@media screen and (max-width: 960px){mio-card-set[_ngcontent-%COMP%]{margin-bottom:64px}}mio-card-set[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{justify-content:start}.mio-card-set-list-view[_ngcontent-%COMP%]{margin-bottom:8px}.platform-menu-container[_ngcontent-%COMP%]{--mdc-list-side-padding: 16px;--mdc-theme-surface: var(--mio-theme-color-surface-4);--mdc-theme-text-primary-on-background: var(--mio-theme-color-on-surface);--mdc-menu-z-index: 1;--mdc-menu-item-height: 30px;--mdc-menu-min-width: 190px;--mdc-typography-subtitle1-font-family: var(--mio-theme-text-font-family);--mdc-typography-subtitle1-font-size: var(--mio-theme-v2-title-s-font-size);--mdc-typography-subtitle1-font-height: var(--mio-theme-v2-title-s-line-height);--mdc-typography-subtitle1-font-weight: var(--mio-theme-v2-title-s-font-weight);--mdc-shape-medium: 4px;position:relative;margin:0 0 0 16px}.platform-menu-container[_ngcontent-%COMP%]   .filter-check-icon[_ngcontent-%COMP%]{position:absolute;left:10px;font-size:18px}.platform-menu-container[_ngcontent-%COMP%]   mwc-button[_ngcontent-%COMP%]{--mdc-typography-button-font-family: var(--mio-theme-text-font-family);--mdc-typography-button-font-size: var(--mio-theme-v2-title-s-font-size);--mdc-typography-button-line-height: var(--mio-theme-v2-title-s-line-height);--mdc-typography-button-font-weight: var(--mio-theme-v2-title-s-font-weight);--mdc-theme-primary: var(--mio-theme-color-secondary-container);--mdc-theme-on-primary: var(--mio-theme-color-on-secondary-container);--mdc-shape-small: 8px}.latest-version-banner[_ngcontent-%COMP%]{display:flex;align-items:flex-start;align-self:stretch;margin-top:56px;margin-bottom:24px;padding:16px 24px;gap:4px;border-radius:16px;background-color:var(--mio-theme-color-utility-error-container);color:var(--mio-theme-color-utility-error-variant);font-weight:500;line-height:24px}@media screen and (max-width: 960px){.latest-version-banner[_ngcontent-%COMP%]{display:none}}.ally-container[_ngcontent-%COMP%]:has( + mwc-menu[open])[_ngcontent-%COMP%]   .menu-button[_ngcontent-%COMP%]:after{border-top-width:0;border-bottom-width:5px;border-top-style:none;border-bottom-style:solid}.ally-container[_ngcontent-%COMP%]:focus-visible{outline:2px solid var(--mio-theme-color-on-surface)}.menu-button[_ngcontent-%COMP%]{display:flex;align-items:center;width:190px}.menu-button[_ngcontent-%COMP%]:hover{cursor:pointer}.menu-button[_ngcontent-%COMP%]:after{position:absolute;right:16px;width:0;height:0;border-right:4px solid transparent;border-left:4px solid transparent;border-top-width:5px;border-top-style:solid;color:var(--mdc-theme-on-primary);content:"";vertical-align:middle}@media (forced-colors: active){.menu-button[_ngcontent-%COMP%]{border:1px solid transparent}}mwc-list-item[_ngcontent-%COMP%]:focus-visible{outline:auto;background:var(--mio-theme-color-secondary-container)}mwc-list-item.active-version[_ngcontent-%COMP%]{text-shadow:0 0 .5px var(--mdc-theme-text-primary-on-background)}']}),i})();const ue={develop:["android"],foundations:["interaction","layout","content-design"],styles:["color","motion"]},xt=Object.keys(ue),yt=[{path:"",component:L},{path:"components",component:Y},{path:"develop",component:L},{path:"develop/android/mdc-android",component:L},{path:"develop/android/jetpack-compose",component:L},{path:"develop/flutter",component:L},{path:"develop/web",component:L},{path:"styles",component:L},{path:"foundations",component:L},{path:"get-started",component:Se},{path:"search.html",component:vt},{matcher:i=>{if(i.length>1&&xt.includes(i[0].path)&&ue[i[0].path].includes(i[1].path)){const d={};if(2===i.length){const n=_e.v.find(o=>o.slug.startsWith(`${i[0].path}/${i[1].path}`)).slug.split("/");i=[new s.bq(n[0],{}),new s.bq(n[1],{}),new s.bq(n[2],{})]}return i[2]&&(d.pageSlug=i[2]),i[3]&&(d.pageTabName=i[3]),{consumed:i,posParams:Object.assign({section:new s.bq(`${i[0].path}/${i[1].path}`,{})},d)}}return null},loadChildren:()=>Promise.all([l.e(967),l.e(737)]).then(l.bind(l,7737)).then(i=>i.ArticlePageModule)},{path:"blog/:post",loadChildren:()=>Promise.all([l.e(967),l.e(592),l.e(660)]).then(l.bind(l,2967)).then(i=>i.BlogPostPageModule)},{path:"blog",loadChildren:()=>Promise.all([l.e(592),l.e(102)]).then(l.bind(l,3102)).then(i=>i.BlogLandingPageModule),pathMatch:"full"},{path:":section/:pageSlug",loadChildren:()=>Promise.all([l.e(967),l.e(737)]).then(l.bind(l,7737)).then(i=>i.ArticlePageModule),pathMatch:"full"},{path:":section/:pageSlug/:pageTabName",loadChildren:()=>Promise.all([l.e(967),l.e(737)]).then(l.bind(l,7737)).then(i=>i.ArticlePageModule)},{path:"404",component:V},{path:"**",component:V}];let Ct=(()=>{class i{}return i.\u0275fac=function(t){return new(t||i)},i.\u0275mod=e.oAB({type:i}),i.\u0275inj=e.cJS({imports:[[s.Bz.forRoot(yt,{onSameUrlNavigation:"reload",scrollPositionRestoration:"enabled"})],s.Bz]}),i})();l(7768);const wt=["AT","AX","BE","BG","BL","CH","CY","CZ","DE","DK","EA","EE","ES","EZ","FI","FR","GB","GF","GG","GI","GP","GR","HR","HU","IC","IE","IS","IT","JE","LI","LT","LU","LV","MF","MQ","MT","NC","NL","NO","PF","PL","PM","PT","RE","RO","SE","SI","SJ","SK","TF","VA","WF","YT","GOOG"];var de=l(4160),be=l(2340),me=l(8345);let kt=(()=>{class i{constructor(t,n,o){this.document=t,this.localStorageService=n,this.ngZone=o,this.window=this.document.defaultView,this.helpApi=this.ngZone.run(()=>{var g;return null===(g=this.window.help)||void 0===g?void 0:g.service.Lazy.create(1027542,{apiKey:"AIzaSyBo4lxeMgaQiWmZ0VspvwN-RB83_UaRBek"})})}requestSurvey(){var t;!this.isChrome()||null===(t=this.helpApi)||void 0===t||t.requestSurvey({triggerId:"muH23xQYK0eGRdPeT1q0STF7VhrC",enableTestingMode:!1,callback:n=>{if(!n.surveyData)return;const o=JSON.parse(this.localStorageService.getData("mio_survey")),c=(new Date).getTime();if(o&&o.expire_timestamp>c)return;this.helpApi.presentSurvey({surveyData:n.surveyData,colorScheme:1,customZIndex:1e4,productData:{productVersion:"1",customData:{triggerUrl:this.window.location.pathname}}});const g=new Date;g.setDate(g.getDate()+28);const O={expire_timestamp:g.getTime()};this.localStorageService.setData("mio_survey",JSON.stringify(O))}})}isChrome(){var t,n,o,c,g,O;return!(!(null===(o=null===(n=null===(t=this.window)||void 0===t?void 0:t.navigator)||void 0===n?void 0:n.vendor)||void 0===o?void 0:o.match(/Google/i))||!(null===(O=null===(g=null===(c=this.window)||void 0===c?void 0:c.navigator)||void 0===g?void 0:g.userAgent)||void 0===O?void 0:O.match(/chrome/i)))}}return i.\u0275fac=function(t){return new(t||i)(e.LFG(_.K0),e.LFG(me.n),e.LFG(e.R0b))},i.\u0275prov=e.Yz7({token:i,factory:i.\u0275fac,providedIn:"root"}),i})();const It=function(i){return{"is-dark-mode":i}};function Tt(i,d){if(1&i&&(e.ynx(0),e.TgZ(1,"div",1)(2,"div",2)(3,"span",3),e._uU(4,"dark_mode"),e.qZA()(),e.TgZ(5,"div",4)(6,"span",3),e._uU(7,"light_mode"),e.qZA()()(),e.BQk()),2&i){const t=e.oxw();e.xp6(1),e.Q6J("ngClass",e.VKq(1,It,t.isDarkMode))}}function At(i,d){1&i&&(e.TgZ(0,"div",2)(1,"span",3),e._uU(2,"dark_mode"),e.qZA(),e._uU(3," Switch to dark mode "),e.qZA())}function Et(i,d){1&i&&(e.TgZ(0,"div",4)(1,"span",3),e._uU(2,"light_mode"),e.qZA(),e._uU(3," Switch to light mode "),e.qZA())}function Dt(i,d){if(1&i&&(e.ynx(0),e.YNc(1,At,4,0,"div",5),e.YNc(2,Et,4,0,"div",6),e.BQk()),2&i){const t=e.oxw();e.xp6(1),e.Q6J("ngIf",!t.isDarkMode),e.xp6(1),e.Q6J("ngIf",t.isDarkMode)}}let ve=(()=>{class i{constructor(t,n){this.themeService=t,this.analyticsService=n,this.componentRole="switch",this.tabindex=0,this.variant="compact",this.isDarkMode=this.themeService.isDarkMode,this.setAriaConfig(),this.themeService.darkMode$.subscribe(o=>{this.isDarkMode=o,this.setAriaConfig()})}setAriaConfig(){this.ariaChecked=this.isDarkMode,this.ariaLabel=this.isDarkMode?"Switch to Light Mode":"Switch to Dark Mode"}

1onClick(){this.analyticsService.event(j.sU.AnalyticsKeys.MIO_LIGHT_DARK_MODE_SWITCH,null,this.ariaLabel),this.themeService.toggleMode()}}return i.\u0275fac=function(t){return new(t||i)(e.Y36(K.f),e.Y36(se.$))},i.\u0275cmp=e.Xpm({type:i,selectors:[["mio-dark-mode-switch"]],hostVars:7,hostBindings:function(t,n){1&t&&e.NdJ("keydown.enter",function(c){return n.onClick(c)})("click",function(c){return n.onClick(c)}),2&t&&(e.Ikx("role",n.componentRole)("ariaChecked",n.ariaChecked)("ariaLabel",n.ariaLabel)("tabindex",n.tabindex),e.uIk("variant",n.variant),e.ekj("is-dark-mode",n.isDarkMode))},inputs:{variant:"variant"},decls:2,vars:2,consts:[[4,"ngIf"],[1,"track",3,"ngClass"],[1,"dark-mode","switch"],["aria-hidden","true",1,"google-symbols"],[1,"light-mode","switch"],["class","dark-mode switch",4,"ngIf"],["class","light-mode switch",4,"ngIf"]],template:function(t,n){1&t&&(e.YNc(0,Tt,8,3,"ng-container",0),e.YNc(1,Dt,3,2,"ng-container",0)),2&t&&(e.Q6J("ngIf","compact"===n.variant),e.xp6(1),e.Q6J("ngIf","full"===n.variant))},directives:[_.O5,_.mk],styles:['[_nghost-%COMP%]{height:48px;transition:background-color .3s cubic-bezier(.2,0,0,1);border:2px solid transparent;border-radius:32px;outline:1px solid var(--mio-theme-color-utility-outline);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.is-dark-mode[_nghost-%COMP%]   .track[_ngcontent-%COMP%]{transform:translateY(-48px)}[_nghost-%COMP%]:focus-visible{margin:0 -2px;border:2px solid var(--mio-theme-color-on-surface);border-radius:24px;outline:0;background:var(--mio-theme-color-on-surface-variant-2);box-shadow:inset 0 0 0 2px var(--mio-theme-color-surface-0)}[_nghost-%COMP%]:hover{background:var(--mio-theme-color-on-surface-variant-2)}[_nghost-%COMP%]:hover   .google-symbols[_ngcontent-%COMP%]{font-variation-settings:"FILL" 1,"wght" 600,"opsz" 24}[_nghost-%COMP%]:active{background:var(--mio-theme-color-on-surface-variant-4)}[_nghost-%COMP%]:active   .google-symbols[_ngcontent-%COMP%]{font-variation-settings:"FILL" 1,"wght" 300,"opsz" 24}@media (forced-colors: active){[_nghost-%COMP%]{border:1px solid transparent;outline:none}[_nghost-%COMP%]:focus-visible{border:1px solid var(--mio-theme-color-on-surface);outline:3px solid Highlight}}[variant=compact][_nghost-%COMP%], [variant=compact][_nghost-%COMP%]   .switch[_ngcontent-%COMP%]{width:48px;height:48px}[variant=full][_nghost-%COMP%]   .switch[_ngcontent-%COMP%]{padding:12px 16px}[variant=full][_nghost-%COMP%]   .switch[_ngcontent-%COMP%]   .google-symbols[_ngcontent-%COMP%]{margin-right:8px}.switch[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;margin-top:0;margin-left:-2px;color:var(--mio-theme-color-on-surface-variant)}.dark-mode[_ngcontent-%COMP%]{margin-top:-2px}.track[_ngcontent-%COMP%]{transition:transform .3s cubic-bezier(.2,0,0,1)}.google-symbols[_ngcontent-%COMP%]{transition:font-variation-settings .2s cubic-bezier(.2,0,0,1)}']}),i})();const St=["navRail"];function Rt(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"a",7,8),e.NdJ("mouseenter",function(o){e.CHM(t);const c=e.oxw().$implicit;return e.oxw().expandNavDrawer(c,o)})("focus",function(o){e.CHM(t);const c=e.oxw().$implicit;return e.oxw().expandNavDrawer(c,o)})("keydown",function(o){e.CHM(t);const c=e.oxw().$implicit;return e.oxw().onItemKeydownEvent(o,c)})("click",function(){e.CHM(t);const o=e.oxw().$implicit;return e.oxw().triggerScrollToTop(o.disabled)}),e.TgZ(2,"span",9),e._uU(3),e.qZA()()}if(2&i){const t=e.MAs(1),n=e.oxw().$implicit,o=e.oxw();e.Q6J("analyticsKey",o.AnalyticsKeys.MIO_NAV_RAIL_ITEM)("analyticsLabel",n.title)("routerLink",n.disabled?null:n.slug),e.uIk("aria-label",n.title)("role","link")("aria-current",t.isActive&&!n.disabled||n.disabled&&o.router.isActive(n.slug)),e.xp6(3),e.Oqu(n.symbol)}}const xe=function(i){return{hovered:i}},Nt=function(i){return{exact:i}};function zt(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"a",10,8),e.NdJ("mouseenter",function(o){e.CHM(t);const c=e.oxw().$implicit;return e.oxw().expandNavDrawer(c,o)})("focus",function(o){e.CHM(t);const c=e.oxw().$implicit;return e.oxw().expandNavDrawer(c,o)})("keydown",function(o){e.CHM(t);const c=e.oxw().$implicit;return e.oxw().onItemKeydownEvent(o,c)})("click",function(){e.CHM(t);const o=e.oxw().$implicit;return e.oxw().triggerScrollToTop(o.disabled)}),e.TgZ(2,"span",9),e._uU(3),e.qZA(),e.TgZ(4,"div",11),e._uU(5),e.qZA()()}if(2&i){const t=e.MAs(1),n=e.oxw(),o=n.$implicit,c=n.index,g=e.oxw();e.ekj("active",t.isActive&&!o.disabled||o.disabled&&g.router.isActive(o.slug)),e.Q6J("analyticsKey",g.AnalyticsKeys.MIO_NAV_RAIL_ITEM)("analyticsLabel",o.title)("routerLink",o.disabled?null:o.slug)("ngClass",e.VKq(14,xe,c===g.hoveredIndex))("routerLinkActiveOptions",e.VKq(16,Nt,o.exactMatch))("tabindex",t.isActive&&!o.disabled||o.disabled&&g.router.isActive(o.slug)?0:-1),e.uIk("aria-expanded",o.children.length?g.isOpened:void 0)("aria-label",o.title)("role",o.disabled||o.children.length?"button":"link")("aria-current",t.isActive&&!o.disabled||o.disabled&&g.router.isActive(o.slug)),e.xp6(3),e.Oqu(o.symbol),e.xp6(2),e.Oqu(o.title)}}function Lt(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"a",12),e.NdJ("mouseenter",function(o){e.CHM(t);const c=e.oxw().$implicit;return e.oxw().expandNavDrawer(c,o)})("focus",function(o){e.CHM(t);const c=e.oxw().$implicit;return e.oxw().expandNavDrawer(c,o)})("keydown",function(o){e.CHM(t);const c=e.oxw().$implicit;return e.oxw().onItemKeydownEvent(o,c)})("click",function(){e.CHM(t);const o=e.oxw().$implicit;return e.oxw().triggerScrollToTop(o.disabled)}),e.TgZ(1,"span",9),e._uU(2),e.qZA(),e.TgZ(3,"div",11),e._uU(4),e.qZA()()}

1if(2&i){const t=e.oxw(),n=t.$implicit,o=t.index,c=e.oxw();e.Q6J("analyticsKey",c.AnalyticsKeys.MIO_NAV_RAIL_ITEM)("analyticsLabel",n.title)("href",n.slug,e.LSH)("ngClass",e.VKq(10,xe,o===c.hoveredIndex))("target",n.isExternal?"_blank":""),e.uIk("aria-expanded",n.children.length?c.isOpened:void 0)("aria-label",n.title)("role",n.disabled?"button":"link"),e.xp6(2),e.Oqu(n.symbol),e.xp6(2),e.Oqu(n.title)}}function Ft(i,d){if(1&i&&(e.ynx(0),e.YNc(1,Rt,4,7,"a",4),e.YNc(2,zt,6,18,"a",5),e.YNc(3,Lt,5,12,"a",6),e.BQk()),2&i){const t=d.$implicit;e.xp6(1),e.Q6J("ngIf",!t.isExternal&&t.slug.includes("search")),e.xp6(1),e.Q6J("ngIf",!t.isExternal&&!t.slug.includes("search")),e.xp6(1),e.Q6J("ngIf",t.isExternal)}}let Ht=(()=>{class i{constructor(t){this.router=t,this.config=re._,this.isOpened=!1,this.AnalyticsKeys=j.sU.AnalyticsKeys}ngAfterViewInit(){this.sectionLinks=this.navRailRef.nativeElement.querySelectorAll(".section-link"),document.body.addEventListener(m.vn.MDCDrawerClosed,()=>{this.hoveredIndex=void 0,this.currentIndex=void 0,this.isOpened=!1}),document.body.addEventListener(m.vn.MDCDrawerOpened,()=>{this.isOpened=!0}),document.addEventListener(m.vn.setNavRailFocus,()=>{this.sectionLinks.item(this.currentIndex).focus()}),document.addEventListener(m.vn.resetNavRail,()=>{this.hoveredIndex=void 0})}expandNavDrawer(t,n){setTimeout(()=>{(!n||n.target===this.navRailRef.nativeElement.querySelector(":hover")||n.target===this.navRailRef.nativeElement.querySelector(":focus-visible"))&&(n&&(this.currentIndex=Array.prototype.slice.call(this.sectionLinks).indexOf(n.target),!(n instanceof FocusEvent)&&!(n instanceof MouseEvent)&&(this.hoveredIndex=this.currentIndex)),t.children.length?(this.isOpened=!0,this.openNavigationDrawerEvent(t),setTimeout(()=>{this.activeFocusableItem=document.querySelector(".focusable-topic-item.active"),this.firstFocusableItem=document.querySelector(".focusable-topic-item"),this.activeFocusableItem&&this.activeFocusableItem.scrollIntoView({block:"center"})},m.LB.CONTENT_TRANSITION)):(this.isOpened=!1,this.closeNavigationDrawerEvent()))},m.LB.CHANGE_STATE_DELAY)}collapseNavDrawer(t){setTimeout(()=>{const n=document.querySelector("#navigationDrawer");t.x<88&&!n.querySelector(":hover")&&(this.hoveredIndex=void 0,this.currentIndex=void 0,this.closeNavigationDrawerEvent())},m.LB.CHANGE_STATE_DELAY)}openNavigationDrawerEvent(t){document.dispatchEvent(new CustomEvent(m.vn.MDCTopAppBarNav,{detail:{section:t}}))}closeNavigationDrawerEvent(){document.dispatchEvent(new CustomEvent(m.vn.closeNavigationDrawer))}triggerScrollToTop(t){t||document.dispatchEvent(new CustomEvent(m.vn.scrollToTop))}onItemKeydownEvent(t,n){const o=t.target,c=Array.prototype.slice.call(this.sectionLinks).indexOf(o);["ArrowDown","ArrowUp","Home","End"].includes(t.key)?(t.preventDefault(),this.nextNode(c,t.key)):!t.shiftKey&&"Tab"===t.key||"Enter"===t.key&&(null==n?void 0:n.children.length)||"ArrowRight"===t.key&&(null==n?void 0:n.children.length)?this.isOpened&&(t.preventDefault(),this.activeFocusableItem?this.activeFocusableItem.focus():this.firstFocusableItem.focus()):"Enter"===t.key&&setTimeout(()=>{document.dispatchEvent(new CustomEvent(m.vn.setFocus))},0)}nextNode(t,n){if(t>=0&&t<this.sectionLinks.length){let o;switch(n){case"ArrowDown":t<this.sectionLinks.length-1&&(o=this.sectionLinks.item(t+1));break;case"ArrowUp":t>0&&(o=this.sectionLinks.item(t-1));break;case"Home":t>0&&(o=this.sectionLinks.item(0));break;case"End":t<this.sectionLinks.length-1&&(o=this.sectionLinks.item(this.sectionLinks.length-1))}o&&o.focus()}}}return i.\u0275fac=function(t){return new(t||i)(e.Y36(s.F0))},i.\u0275cmp=e.Xpm({type:i,selectors:[["mio-left-nav-rail"]],viewQuery:function(t,n){if(1&t&&e.Gf(St,5),2&t){let o;e.iGM(o=e.CRH())&&(n.navRailRef=o.first)}},decls:5,vars:1,consts:[["aria-label","Main",1,"nav-rail-content",3,"mouseleave"],["navRail",""],[4,"ngFor","ngForOf"],[1,"dark-mode-switch-container"],["mioAnalyticsTracking","","mioRipple","","routerLinkActive","","class","section-fab","ariaControls","navigationDrawer",3,"analyticsKey","analyticsLabel","routerLink","mouseenter","focus","keydown","click",4,"ngIf"],["mioAnalyticsTracking","","routerLinkActive","","class","section-link","ariaControl

1s","navigationDrawer",3,"analyticsKey","analyticsLabel","routerLink","ngClass","active","routerLinkActiveOptions","tabindex","mouseenter","focus","keydown","click",4,"ngIf"],["mioAnalyticsTracking","","class","section-link","ariaControls","navigationDrawer","tabindex","-1",3,"analyticsKey","analyticsLabel","href","ngClass","target","mouseenter","focus","keydown","click",4,"ngIf"],["mioAnalyticsTracking","","mioRipple","","routerLinkActive","","ariaControls","navigationDrawer",1,"section-fab",3,"analyticsKey","analyticsLabel","routerLink","mouseenter","focus","keydown","click"],["linkButton","routerLinkActive"],[1,"google-symbols"],["mioAnalyticsTracking","","routerLinkActive","","ariaControls","navigationDrawer",1,"section-link",3,"analyticsKey","analyticsLabel","routerLink","ngClass","routerLinkActiveOptions","tabindex","mouseenter","focus","keydown","click"],[1,"label"],["mioAnalyticsTracking","","ariaControls","navigationDrawer","tabindex","-1",1,"section-link",3,"analyticsKey","analyticsLabel","href","ngClass","target","mouseenter","focus","keydown","click"]],template:function(t,n){1&t&&(e.TgZ(0,"nav",0,1),e.NdJ("mouseleave",function(c){return n.collapseNavDrawer(c)}),e.YNc(2,Ft,4,3,"ng-container",2),e.qZA(),e.TgZ(3,"div",3),e._UZ(4,"mio-dark-mode-switch"),e.qZA()),2&t&&(e.xp6(2),e.Q6J("ngForOf",n.config.children))},directives:[_.sg,_.O5,s.yS,oe.v,ce.E,s.Od,_.mk,ve],styles:['[_nghost-%COMP%]{display:flex;position:fixed;flex-direction:column;justify-content:space-between;height:100%;background:var(--mio-theme-color-surface-2);overflow-y:auto;z-index:8}@media screen and (max-width: 960px){[_nghost-%COMP%]{display:none}}a[_ngcontent-%COMP%]{display:block;text-decoration:none}a[_ngcontent-%COMP%]:hover, a[_ngcontent-%COMP%]:focus, a[_ngcontent-%COMP%]:hover:focus{border:none;outline:none;box-shadow:none}.nav-rail-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:88px;margin-top:20px}.section-link[_ngcontent-%COMP%]{width:80px;margin:-2px auto 14px;padding:2px;color:var(--mio-theme-color-on-surface-variant)}.section-link[_ngcontent-%COMP%]   .google-symbols[_ngcontent-%COMP%]:before{position:absolute;width:100%;height:100%;opacity:0;transform:scaleX(.32);transition-duration:.2s;transition-property:transform,opacity;transition-timing-function:linear;border-radius:100px;background:var(--mio-theme-color-secondary-container);content:"";z-index:-1}.section-link[_ngcontent-%COMP%]:focus-visible, .section-link[_ngcontent-%COMP%]:hover:focus-visible{margin:-4px auto 12px;border:2px solid var(--mio-theme-color-on-surface);border-radius:18px;outline:0;box-shadow:inset 0 0 0 2px var(--mio-theme-color-surface-0)}.section-link[_ngcontent-%COMP%]:hover, .section-link.hovered[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-surface)}.section-link[_ngcontent-%COMP%]:hover   .label[_ngcontent-%COMP%], .section-link.hovered[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{font-variation-settings:"GRAD" 50}.section-link[_ngcontent-%COMP%]:hover   .google-symbols[_ngcontent-%COMP%], .section-link.hovered[_ngcontent-%COMP%]   .google-symbols[_ngcontent-%COMP%]{background:var(--mio-theme-color-on-surface-variant-2);font-variation-settings:"wght" 600,"opsz" 24}.section-link[_ngcontent-%COMP%]:active{color:var(--mio-theme-color-on-surface)}.section-link[_ngcontent-%COMP%]:active   .label[_ngcontent-%COMP%]{font-variation-settings:"GRAD" -50}.section-link[_ngcontent-%COMP%]:active   .google-symbols[_ngcontent-%COMP%]{background:var(--mio-theme-color-on-surface-variant-4);font-variation-settings:"wght" 300,"opsz" 24}.section-link.active[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-secondary-container);font-variation-settings:"GRAD" 125}.section-link.active[_ngcontent-%COMP%]   .google-symbols[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-secondary-container);font-variation-settings:"FILL" 1,"wght" 400,"opsz" 24}.section-link.active[_ngcontent-%COMP%]   .google-symbols[_ngcontent-%COMP%]:before{opacity:1;transform:scaleX(1)}.section-link.active[_ngcontent-%COMP%]:hover   .google-symbols[_ngcontent-%COMP%]{font-variation-settings:"FILL" 1,"wght" 600,"opsz" 24}.section-link.active[_ngcontent-%COMP%]:active   .label[_ngcontent-%COMP%]{font-variation-settings:"GRAD" -50}.section-link.active[_ngcontent-%COMP%]:active   .google-symbols[_ngcontent-%COMP%]{font-variation-settings:"FILL" 1,"wght" 300,"opsz" 24}.section-fab[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:-2px auto 24px;padding:2px;border-radius:16px;background:var(--mio-theme-color-tertiary-container);

1color:var(--mio-theme-color-on-surface-variant)}.section-fab[_ngcontent-%COMP%]:focus-visible, .section-fab[_ngcontent-%COMP%]:hover:focus-visible{margin:-2px auto 24px;border:2px solid var(--mio-theme-color-on-surface);outline:0;box-shadow:inset 0 0 0 2px var(--mio-theme-color-surface-0)}.section-fab[_ngcontent-%COMP%]:hover, .section-fab.hovered[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-tertiary-container)}.section-fab[_ngcontent-%COMP%]   .google-symbols[_ngcontent-%COMP%]{margin-bottom:0}.google-symbols[_ngcontent-%COMP%]{display:flex;position:relative;align-items:center;justify-content:center;width:56px;height:32px;margin-right:auto;margin-bottom:4px;margin-left:auto;font-variation-settings:"wght" 400,"opsz" 24;transition:font-variation-settings .2s cubic-bezier(.2,0,0,1);border-radius:16px}.label[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-label-m-font-family);font-size:var(--mio-theme-v2-label-m-font-size);font-weight:var(--mio-theme-v2-label-m-font-weight);letter-spacing:var(--mio-theme-v2-label-m-letter-spacing);line-height:var(--mio-theme-v2-label-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-label-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-label-m-font-variation-opsz);margin-bottom:4px;transition:font-variation-settings .2s cubic-bezier(.2,0,0,1);font-family:var(--mio-theme-display-font-family);text-align:center}.dark-mode-switch-container[_ngcontent-%COMP%]{display:flex;justify-content:center;margin-bottom:16px}']}),i})();var F=l(1777),ye=l(2198),Zt=l(591);const Ut=["articleContainer"],Kt=["articleContent"],Qt=["mwcButton"],Bt=["buttonLink"],Ce=function(i){return{exact:i}},we=function(i){return{active:i}};function Jt(i,d){if(1&i){const t=e.EpF();e.ynx(0),e.TgZ(1,"a",1,2),e.NdJ("keydown",function(o){return e.CHM(t),e.oxw().onItemKeydownEvent(o)})("click",function(o){return e.CHM(t),e.oxw().closeNavigationDrawerEvent(o)}),e._UZ(3,"mwc-button",3,4),e.qZA(),e.BQk()}if(2&i){const t=e.MAs(2),n=e.oxw();e.xp6(1),e.ekj("active",t.isActive),e.Q6J("analyticsKey",n.AnalyticsKeys.MIO_LEFT_NAV_ITEM

1)("analyticsLabel",n.topicConfig.slug)("routerLink",n.topicConfig.slug)("routerLinkActiveOptions",e.VKq(10,Ce,n.exactMatch))("tabindex",t.isActive?0:-1),e.uIk("aria-label",n.topicConfig.title+" link"),e.xp6(2),e.Q6J("label",n.topicConfig.title)("ngClass",e.VKq(12,we,t.isActive))}}function Yt(i,d){if(1&i&&(e.ynx(0),e._UZ(1,"mio-navigation-drawer-item",12),e.BQk()),2&i){const t=e.oxw().$implicit,n=e.oxw(2);e.xp6(1),e.Q6J("config",t)("hasChildArticle",t.children)("parentSlug",n.topicConfig.slug)}}const Vt=function(i){return{hidden:i}};function jt(i,d){if(1&i){const t=e.EpF();e.ynx(0),e.TgZ(1,"a",13,2),e.NdJ("keydown",function(o){return e.CHM(t),e.oxw(3).onItemKeydownEvent(o)})("click",function(o){return e.CHM(t),e.oxw(3).closeNavigationDrawerEvent(o)}),e._UZ(3,"mwc-button",14,4),e.qZA(),e.BQk()}if(2&i){const t=e.MAs(2),n=e.oxw().$implicit,o=e.oxw(2);e.xp6(1),e.ekj("active",t.isActive),e.Q6J("analyticsKey",o.AnalyticsKeys.MIO_LEFT_NAV_ITEM)("analyticsLabel",o.hasChildArticle?o.parentSlug+"/"+o.topicConfig.slug+"/"+n.slug:o.topicConfig.slug+"/"+n.slug)("routerLink",o.hasChildArticle?o.parentSlug+"/"+o.topicConfig.slug+"/"+n.slug:o.topicConfig.slug+"/"+n.slug)("routerLinkActiveOptions",e.VKq(11,Ce,o.exactMatch))("ngClass",e.VKq(13,Vt,o.isCollapsed))("tabindex",t.isActive?0:-1),e.uIk("aria-label",n.title+" link"),e.xp6(2),e.Q6J("ngClass",e.VKq(15,we,t.isActive))("label",n.title)}}function qt(i,d){if(1&i&&(e.ynx(0),e.YNc(1,Yt,2,3,"ng-container",0),e.YNc(2,jt,5,17,"ng-container",0),e.BQk()),2&i){const t=d.$implicit;e.xp6(1),e.Q6J("ngIf",t.children),e.xp6(1),e.Q6J("ngIf",!t.children)}}const Wt=function(i){return{collapsed:i}};function Xt(i,d){if(1&i){const t=e.EpF();e.ynx(0),e.TgZ(1,"div",5),e.NdJ("click",function(){return e.CHM(t),e.oxw().toggleState()})("keydown",function(o){return e.CHM(t),e.oxw().onTopicKeydownEvent(o)}),e._UZ(2,"mwc-button",6,4),e.qZA(),e.TgZ(4,"div",7,8)(6,"div",9,10),e.YNc(8,qt,3,2,"ng-container",11),e.qZA()(),e.BQk()}if(2&i){const t=e.oxw();e.xp6(1),e.Q6J("analyticsKey",t.AnalyticsKeys.MIO_LEFT_NAV_SECTION)("analyticsLabel",t.isCollapsed?"expand":"collapse"),e.uIk("aria-label",t.topicConfig.title+(t.isCollapsed?" collapsed":" expanded")),e.xp6(1),e.Q6J("icon",t.isCollapsed?"arrow_drop_down":"arrow_drop_up")("label",t.topicConfig.title),e.xp6(2),e.Q6J("ngClass",e.VKq(7,Wt,t.isCollapsed)),e.xp6(4),e.Q6J("ngForOf",t.topicConfig.children)}}let $t=(()=>{class i{constructor(t,n,o){this.animationBuilder=t,this.router=n,this.elementRef=o,this.isCollapsed=!0,this.topicConfig=m.Ik,this.AnalyticsKeys=j.sU.AnalyticsKeys,this.hasNestedDrawer=!1,this.exactMatch=!1,this.hasChildArticle=!1,this.parentSlug=!1,this.attrRole="group",this.hasArticles=!1,this.router.events.pipe((0,ye.h)(c=>c instanceof s.m2)).subscribe(c=>{this.isHomepage="/"===c.urlAfterRedirects||"/#main_content"===c.urlAfterRedirects})}set config(t){this.topicConfig=t,this.hasArticles=this.topicConfig.children&&this.topicConfig.children.length>0,this.exactMatch=!!this.topicConfig.exactMatch&&this.topicConfig.exactMatch}ngAfterViewInit(){var t,n;if(this.hasArticles){const o=(null===(n=null===(t=this.articleContainerRef)||void 0===t?void 0:t.nativeElement)||void 0===n?void 0:n.querySelector(".child-article-drawer"))?0:100;document.addEventListener(m.vn.expandTopic,()=>{this.expandTopic()}),setTimeout(()=>{this.articleContainerRef.nativeElement.querySelector(".collapsible-item.active.hidden")&&this.expandTopic()},o)}setTimeout(()=>{this.mwcButtonsRef.forEach(o=>{this.mwcButtonShadowRoot=o.nativeElement.shadowRoot,this.customizeMWCButtonStyle(".mdc-button","style","height: 44px;"),this.customizeMWCButtonStyle(".mdc-button","part","mdc-button"),this.customizeMWCButtonStyle("mwc-icon","style",'\n          font-size: 24px;\n          font-variation-settings: "GRAD" 0;')})},0)}customizeMWCButtonStyle(t,n,o){const c=this.mwcButtonShadowRoot.querySelector(t);c&&c.setAttribute(n,o)}expandTopic(){setTimeout(()=>{this.articleContainerRef.nativeElement.querySelector(".collapsible-item.active")&&this.isCollapsed&&this.toggleState()},0)}toggleState(){var t,n,o,c;this.isNestedDrawer(),this.isCollapsed?setTimeout(()=>{var g,O,S,H,B,W;this.updateHeight(!0,this.containerRefWithClass,(null===(g=this.contentRefWithClass)||void 0===g?void 0:g.offsetHeight)+(null===(S=null===(O=this.articleContentRef)||void 0===O?void 0:O.nativeElement)||void 0===S?void 0:S.offsetHeight),null===(H=this.articleContainerRef)||void 0===H?void 0:H.nativeElement,null===(W=null===(B=this.articleContentRef)||void 0===B?void 0:B.nativeElement)||void 0===W?void 0:W.offsetHeight)},0):this.updateHeight(!1,this.containerRefWithClass,(null===(t=this.contentRefWithClass)||void 0===t?void 0:t.offsetHeight)-(null===(o=null===(n=this.articleContentRef)||void 0===n?void 0:n.nativeElement)||void 0===o?void 0:o.offsetHeight),null===(c=this.articleContainerRef)||void 0===c?void 0:c.nativeElement,0)}updateHeight(t,n,o,c,g){var O;this.hasNestedDrawer&&(null===(O=this.drawer)||void 0===O||O.classList.toggle("active-topic-item",t),this.playTopicChangeStateAnimation(n,o)),this.playTopicChangeStateAnimation(c,g)}isNestedDrawer(){var t,n,o,c,g;this.parentWithClass=null===(n=null===(t=this.articleContainerRef)||void 0===t?void 0:t.nativeElement)||void 0===n?void 0:n.closest(".child-article-drawer"),this.contentRefWithClass=null===(o=this.parentWithClass)||void 0===o?void 0:o.closest(".article-content-collapsible"),this.containerRefWithClass=null===(c=this.contentRefWithClass)||void 0===c?void 0:c.closest(".

1nav-drawer-article-container"),this.drawer=null===(g=this.parentWithClass)||void 0===g?void 0:g.querySelector(".collapsible-topic-container"),this.hasNestedDrawer=!!(this.parentWithClass&&this.contentRefWithClass&&this.containerRefWithClass)}closeNavigationDrawerEvent(t,n){this.updateFocusableTopic(null==t?void 0:t.target),n?document.dispatchEvent(new CustomEvent(m.vn.closeNavigationDrawer,{detail:{focusedElement:n}})):this.isModal()&&document.dispatchEvent(new CustomEvent(m.vn.closeNavigationDrawer)),document.dispatchEvent(new CustomEvent(m.vn.scrollToTop))}updateFocusableTopic(t){var n,o,c,g;const O=null===(n=null==t?void 0:t.closest(".article-content-collapsible"))||void 0===n?void 0:n.querySelector(".child-article-drawer"),S=null==t?void 0:t.closest(".child-article-drawer");(null===(g=null===(c=null===(o=this.elementRef)||void 0===o?void 0:o.nativeElement)||void 0===c?void 0:c.parentElement)||void 0===g?void 0:g.querySelectorAll(".active-topic-item")).forEach(B=>{null==B||B.classList.remove("active-topic-item")}),O&&this.updateDrawerFocus(!0),S&&this.updateDrawerFocus(!1)}updateDrawerFocus(t){var n;null===(n=this.drawer)||void 0===n||n.classList.toggle("active-topic-item",!t)}isModal(){return window.innerWidth<=m.tl.BREAKPOINTS.TABLET_BREAKPOINT_WIDTH}playTopicChangeStateAnimation(t,n){const o=this.animationBuilder.build([(0,F.jt)(m.tl.MIO_ANIMATIONS.SLIDE_UP_DOWN,(0,F.oB)({height:`${n=n>0?n:0}px`}))]);t&&(this.player=o.create(t),this.player.play(),this.isCollapsed=0===n)}onTopicKeydownEvent(t){switch(["Enter","ArrowLeft","ArrowRight"].includes(t.key)&&t.preventDefault(),t.key){case"Enter":this.toggleState();break;case"Tab":t.shiftKey?this.isModal()||document.dispatchEvent(new Event(m.vn.setNavRailFocus)):this.isModal()?(t.preventDefault(),this.closeNavigationDrawerEvent(t)):setTimeout(()=>{const o=document.activeElement;this.closeNavigationDrawerEvent(t,o)},0);break;case"ArrowLeft":this.isCollapsed?document.dispatchEvent(new Event(m.vn.setNavRailFocus)):this.toggleState();break;case"ArrowRight":this.isCollapsed?this.toggleState():this.articleContentRef.nativeElement.querySelector(".focusable-topic-item").focus()}}onItemKeydownEvent(t){t.shiftKey||"Tab"!==t.key?"Tab"===t.key||"ArrowLeft"===t.key?this.isModal()||(t.preventDefault(),document.dispatchEvent(new Event(m.vn.setNavRailFocus))):"Enter"===t.key&&setTimeout(()=>{document.dispatchEvent(new CustomEvent(m.vn.setFocus))},0):this.isModal()?(t.preventDefault(),this.closeNavigationDrawerEvent(t)):setTimeout(()=>{const n=document.activeElement;this.closeNavigationDrawerEvent(t,n)},0)}}return i.\u0275fac=function(t){return new(t||i)(e.Y36(F._j),e.Y36(s.F0),e.Y36(e.SBq))},i.\u0275cmp=e.Xpm({type:i,selectors:[["mio-navigation-drawer-item"]],viewQuery:function(t,n){if(1&t&&(e.Gf(Ut,5),e.Gf(Kt,5),e.Gf(Qt,5),e.Gf(Bt,5)),2&t){let o;e.iGM(o=e.CRH())&&(n.articleContainerRef=o.first),e.iGM(o=e.CRH())&&(n.articleContentRef=o.first),e.iGM(o=e.CRH())&&(n.mwcButtonsRef=o),e.iGM(o=e.CRH())&&(n.buttonLinksRef=o)}},hostVars:5,hostBindings:function(t,n){2&t&&(e.uIk("role",n.attrRole),e.ekj("child-article-drawer",n.hasChildArticle)("expandable",n.hasArticles))},inputs:{exactMatch:"exactMatch",config:"config",hasChildArticle:"hasChildArticle",parentSlug:"parentSlug"},decls:2,vars:2,consts:[[4,"ngIf"],["mioAnalyticsTracking","","routerLinkActive","","role","treeitem",1,"focusable-topic-item",3,"analyticsKey","analyticsLabel","routerLink","routerLinkActiveOptions","tabindex","keydown","click"],["buttonLink","routerLinkActive"],["disabled","","expandContent","true","tabindex","-1",1,"article-item",3,"label","ngClass"],["mwcButton",""],["mioAnalyticsTracking","","tabindex","-1",1,"collapsible-topic-container","focusable-topic-item",3,"analyticsKey","analyticsLabel","click","keydown"],["disabled","","trailingIcon","","expandContent","true","tabindex","-1",1,"collapsible-topic-item",3,"icon","label"],[1,"nav-drawer-article-container",3,"ngClass"],["articleContainer",""],["role","group",1,"article-content-collapsible"],["articleContent",""],[4,"ngFor","ngForOf"],[3,"config","hasChildArticle","parentSlug"],["mioAnalyticsTracking","","role","treeitem","routerLinkActive","",1,"focusable-topic-item","collapsible-item",3,"analyticsKey","analyticsLabel","routerLink","routerLinkActiveOptions","ngClass","tabindex","keydown","click"],["disabled","","expandContent","true","tabindex","-1",1,"article-item",3,"ngClass","label"]],template:function(t,n){1&t&&(e.YNc(0,Jt,5,14,"ng-container",0),e.YNc(1,Xt,9,9,"ng-container",0)),2&t&&(e.Q6J("ngIf",!n.hasArticles),e.xp6(1),e.Q6J("ngIf",n.hasArticles))},directives:[_.O5,s.yS,oe.v,s.Od,_.mk,_.sg,i],styles:['[_nghost-%COMP%]{display:block;margin-right:8px;margin-left:8px}@media screen and (max-width: 960px){[_nghost-%COMP%]{margin-right:0;margin-left:40px}}[_nghost-%COMP%]:has(.focusable-topic-item.active)   .collapsible-topic-container[_ngcontent-%COMP%]{background:var(--mio-theme-color-on-surface-variant-2)}[_nghost-%COMP%]:first-child{padding-top:2px}.nav-drawer-article-container[_ngcontent-%COMP%]{position:relative;box-sizing:content-box;margin-left:10px;overflow:hidden}.collapsible-topic-item[_ngcontent-%COMP%], .article-item[_ngcontent-%COMP%]{--mdc-button-disabled-ink-color: var(--mio-theme-color-on-surface-variant);--mdc-button-horizontal-padding: 16px;--mdc-typography-button-text-transform: none;--mdc-shape-small: 16px;--mdc-typography-button-font-family: var(--mio-theme-display-font-family);--mdc-typography-button-font-size: var(--mio-theme-v2-title-s-font-size);--mdc-typography-button-font-weight: var(--mio-theme-v2-title-s-font-weight);--mdc-icon-font: "Google Symbols";display:flex;transition:font-variation-settings .2s cubic-bezier(.2,0,0,1);border-radius:24px;font-variation-settings:"GRAD" 0}@media screen and (max-width: 960px){.collapsible-topic-item[_ngcontent-%COMP%], .article-item[_ngcontent-%COMP%]{--mdc-typography-button-font-size: var(--mio-theme-v2-title-m-font-size);--mdc-typography-button-font-weight: var(--mio-theme-v2-title-m-font-we

1ight)}}.article-item.active[_ngcontent-%COMP%]{--mdc-button-disabled-ink-color: var(--mio-theme-color-on-secondary-container)}.article-content-collapsible[_ngcontent-%COMP%]{display:flex;position:absolute;flex-direction:column;width:100%;padding:2px}.focusable-topic-item[_ngcontent-%COMP%]{position:relative;padding:2px;border-radius:24px;font-family:var(--mio-theme-display-font-family);overflow:hidden;-webkit-tap-highlight-color:transparent}.focusable-topic-item[_ngcontent-%COMP%]:before{position:absolute;bottom:0;left:0;width:100%;height:100%;opacity:0;transform:scaleX(.32);transition-duration:.2s;transition-property:transform,opacity;transition-timing-function:linear;border-radius:100px;background:var(--mio-theme-color-secondary-container);content:"";z-index:-1}.focusable-topic-item[_ngcontent-%COMP%]:hover{background:var(--mio-theme-color-on-surface-variant-2);font-variation-settings:"GRAD" 50}.focusable-topic-item[_ngcontent-%COMP%]:active{background:var(--mio-theme-color-on-surface-variant-4);font-variation-settings:"GRAD" -50}.focusable-topic-item[_ngcontent-%COMP%]:active   .article-item.active[_ngcontent-%COMP%]{--mdc-button-disabled-ink-color: var(--mio-theme-color-on-secondary-container)}.focusable-topic-item[_ngcontent-%COMP%]:focus-visible, .focusable-topic-item[_ngcontent-%COMP%]:hover:focus-visible{margin:-2px;border:2px solid var(--mio-theme-color-on-surface);border-radius:26px;outline:0;box-shadow:inset 0 0 0 2px var(--mio-theme-color-surface-0);z-index:1}.focusable-topic-item.active[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-secondary-container)}.focusable-topic-item.active[_ngcontent-%COMP%]   mwc-button[_ngcontent-%COMP%]::part(mdc-button){font-variation-settings:"GRAD" 125}.focusable-topic-item.active[_ngcontent-%COMP%]   .article-item[_ngcontent-%COMP%]{font-variation-settings:"GRAD" 125}.focusable-topic-item.active[_ngcontent-%COMP%]:before{opacity:1;transform:scaleX(1)}.collapsible-topic-container[_ngcontent-%COMP%]{padding-right:9px;cursor:pointer}.collapsible-item[_ngcontent-%COMP%]{margin:0}.collapsible-item[_ngcontent-%COMP%]:focus-visible, .collapsible-item[_ngcontent-%COMP%]:hover:focus-visible{margin:-2px}a[_ngcontent-%COMP%]{display:block;text-decoration:none}a[_ngcontent-%COMP%]:focus, a[_ngcontent-%COMP%]:hover:focus{margin:0;border:none;outline:none;box-shadow:none}.child-article-drawer[_ngcontent-%COMP%]{margin-left:0}.child-article-drawer[_ngcontent-%COMP%]:not(:has(.collapsed))   .collapsible-topic-container[_ngcontent-%COMP%]{background:var(--mio-theme-color-on-surface-variant-2);z-index:0}.child-article-drawer[_ngcontent-%COMP%]:not(:has(.collapsed))   .collapsible-topic-container[_ngcontent-%COMP%]   .collapsible-topic-item[_ngcontent-%COMP%]{background:transparent}.child-article-drawer[_ngcontent-%COMP%]:not(:has(.collapsed))   .focusable-topic-item.active[_ngcontent-%COMP%]{z-index:0}.article-content-collapsible[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:not(.active)   .collapsible-topic-container[_ngcontent-%COMP%]{background:var(--mio-theme-color-surface-2)}.active-topic-item[_ngcontent-%COMP%]{background:var(--mio-theme-color-on-surface-variant-2)!important;z-index:0}']}),i})();l(1027);const en=["mwcTopAppBar"];function tn(i,d){1&i&&(e.TgZ(0,"span"),e._uU(1,"Material Design 3"),e.qZA())}function nn(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"mio-icon-button",9),e.NdJ("keydown.enter",function(){return e.CHM(t),e.oxw().router.navigate(["/search.html"])})("click",function(){return e.CHM(t),e.oxw().router.navigate(["/search.html"])}),e.qZA()}2&i&&e.Q6J("ariaLabel","search")("icon","search")}const on=function(i,d){return{"search-page-empty":i,"search-page-result":d}};let an=(()=>{class i{constructor(t,n){this.router=t,this.zone=n,this.AnalyticsKeys=j.sU.AnalyticsKeys}ngAfterViewInit(){this.isMobileView=this.isMobile(),document.addEventListener(m.vn.MDCDrawerOpened,()=>{this.isDrawerOpened=!0,this.toolBarRef.nativeElement.parentNode.inert=!1}),document.addEventListener(m.vn.MDCDrawerClosed,()=>{this.isDrawerOpened=!1}),setTimeout(()=>{this.mwcToolbarShadowRoot=this.toolBarRef.nativeElement.shadowRoot,this.customizeMWCToolbarStyle(".mdc-top-app-bar--fixed","style","transition: background 250ms cubic-bezier(.4,0,.2,1);\n        -webkit-transition: background 250ms cubic-bezier(.4,0,.2,1);\n        -moz-transition: background 250ms cubic-bezier(.4,0,.2,1);\n        -o-transition: background 250ms cubic-bezier(.4,0,.2,1);"),this.customizeMWCToolbarStyle("root","style",".mdc-top-app-bar--fixed-scrolled { background: var(--mio-theme-color-surface-2); }"),this.customizeMWCToolbarStyle(".mdc-top-app-bar__row","style","height: 64px;"),this.customizeMWCToolbarStyle(".mdc-top-app-bar--fixed-adjust","style","padding-top: 64px;")},0)}customizeMWCToolbarStyle(t,n,o){if("root"===t){const c=document.createElement("style");

1c.innerHTML=o,this.mwcToolbarShadowRoot.prepend(c)}else this.mwcToolbarShadowRoot.querySelector(t).setAttribute(n,o)}isMobile(){return window.innerWidth<m.tl.BREAKPOINTS.MOBILE_BREAKPOINT_WIDTH}setFocus(){document.dispatchEvent(new CustomEvent(m.vn.setFocus))}triggerIconClick(){document.dispatchEvent(new CustomEvent(m.vn.MDCTopAppBarNav))}onResize(){this.isMobile()!==this.isMobileView&&(this.isMobileView=this.isMobile())}}return i.\u0275fac=function(t){return new(t||i)(e.Y36(s.F0),e.Y36(e.R0b))},i.\u0275cmp=e.Xpm({type:i,selectors:[["mio-toolbar"]],viewQuery:function(t,n){if(1&t&&e.Gf(en,7),2&t){let o;e.iGM(o=e.CRH())&&(n.toolBarRef=o.first)}},hostBindings:function(t,n){1&t&&e.NdJ("resize",function(c){return n.onResize(c)},!1,e.Jf7)},decls:10,vars:11,consts:[["aria-label","skip to main content",1,"skip-link",3,"href"],["skipLink",""],[1,"search-page-empty",3,"ngClass"],["mwcTopAppBar",""],["slot","navigationIcon","mioAnalyticsTracking","","mioRipple","",3,"analyticsKey","ariaLabel","icon","keydown.enter"],["mioAnalyticsTracking","","analyticsLabel","/","slot","title","routerLink","/","aria-label","go to Material Design 3 homepage",1,"home-page-link","ally-container","ally-container-align",3,"analyticsKey","keydown.enter"],[1,"google-symbols"],[4,"ngIf"],["slot","actionItems","mioRipple","",3,"ariaLabel","icon","keydown.enter","click",4,"ngIf"],["slot","actionItems","mioRipple","",3,"ariaLabel","icon","keydown.enter","click"]],template:function(t,n){1&t&&(e._UZ(0,"a",0,1),e.TgZ(2,"mwc-top-app-bar-fixed",2,3)(4,"mio-icon-button",4),e.NdJ("keydown.enter",function(){return n.triggerIconClick()}),e.qZA(),e.TgZ(5,"a",5),e.NdJ("keydown.enter",function(){return n.setFocus()}),e.TgZ(6,"span",6),e._uU(7,"material_design"),e.qZA(),e.YNc(8,tn,2,0,"span",7),e.qZA(),e.YNc(9,nn,1,2,"mio-icon-button",8),e.qZA()),2&t&&(e.Q6J("href",n.router.url.split("#")[0]+"#main_content",e.LSH),e.xp6(2),e.Q6J("ngClass",e.WLB(8,on,n.router.url.includes("search"),n.router.url.includes("search.html?q="))),e.xp6(2),e.Q6J("analyticsKey",n.AnalyticsKeys.MIO_LEFT_NAV_OPEN_MENU)("ariaLabel",n.isDrawerOpened?"close menu":"open menu")("icon",n.isDrawerOpened?"menu_open":"menu"),e.xp6(1),e.Q6J("analyticsKey",n.AnalyticsKeys.MIO_TOOLBAR_M3_HOMEPAGE_LINK),e.xp6(3),e.Q6J("ngIf",!n.isMobile()),e.xp6(1),e.Q6J("ngIf",!n.router.url.includes("search")))},directives:[_.mk,le.r,oe.v,ce.E,s.yS,_.O5],styles:['[_nghost-%COMP%]{z-index:4}.skip-link[_ngcontent-%COMP%]{position:absolute;width:1px;height:1px;white-space:nowrap;overflow:hidden;clip-path:polygon(0 0,0 0,0 0)}.google-symbols[_ngcontent-%COMP%]{transition:font-variation-settings .2s cubic-bezier(.2,0,0,1);font-size:22px}mwc-top-app-bar-fixed[_ngcontent-%COMP%]{--mdc-theme-primary: var(--mio-theme-color-surface-0);--mdc-theme-on-primary: var(--mio-theme-color-on-surface);--mdc-top-app-bar-fixed-box-shadow: 0}mwc-top-app-bar-fixed.search-page-empty[_ngcontent-%COMP%]{--mdc-theme-primary: var(--mio-theme-color-surface-2)}mwc-top-app-bar-fixed.search-page-result[_ngcontent-%COMP%]{--mdc-theme-primary: var(--mio-theme-color-background)}.home-page-link[_ngcontent-%COMP%]{display:flex;position:relative;align-items:center;justify-content:space-between;height:40px;margin-left:-14px;padding:0 11px 0 8px;border-radius:20px;color:var(--mio-theme-color-on-surface);font-family:var(--mio-theme-display-font-family);font-size:16px;font-weight:500;letter-spacing:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width: 600px){.home-page-link[_ngcontent-%COMP%]{padding-right:8px}}.home-page-link[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:nth-child(2){margin-left:16px}.home-page-link[_ngcontent-%COMP%]:focus{border:medium none currentColor;border:initial}.home-page-link[_ngcontent-%COMP%]:focus-visible{margin:0 0 0 -18px;border:2px solid var(--mio-theme-color-on-surface);outline:0;color:var(--mio-theme-color-on-surface);box-shadow:inset 0 0 0 2px var(--mio-theme-color-surface-0)}.home-page-link[_ngcontent-%COMP%]:hover{background:var(--mio-theme-color-on-surface-variant-2);

1color:var(--mio-theme-color-on-surface)}.home-page-link[_ngcontent-%COMP%]:hover   .google-symbols[_ngcontent-%COMP%]{font-variation-settings:"wght" 600,"opsz" 24}.home-page-link[_ngcontent-%COMP%]:active{background:var(--mio-theme-color-on-surface-variant-4);color:var(--mio-theme-color-on-surface)}.home-page-link[_ngcontent-%COMP%]:active   .google-symbols[_ngcontent-%COMP%]{font-variation-settings:"wght" 300,"opsz" 24}']}),i})();const cn=["mwcDrawer"],rn=["pageContentRef"],sn=["goBack"];function ln(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"div",20),e.NdJ("click",function(){e.CHM(t);const o=e.oxw().$implicit;return e.oxw(4).topToLowLevelSwitch(o)})("keydown.enter",function(){e.CHM(t);const o=e.oxw().$implicit;return e.oxw(4).topToLowLevelSwitch(o)}),e.TgZ(1,"span",21),e._uU(2),e.qZA(),e.TgZ(3,"div",22),e._uU(4),e.qZA(),e.TgZ(5,"span",23),e._uU(6,"arrow_forward"),e.qZA()()}if(2&i){const t=e.oxw().$implicit,n=e.oxw(4);e.ekj("active",n.isActiveRouteHelper(t.slug)),e.Q6J("analyticsKey",n.AnalyticsKeys.MIO_LEFT_NAV_ITEM)("analyticsLabel",t.slug)("tabindex",n.isActiveRouteHelper(t.slug)?"0":"-1"),e.uIk("aria-label",t.title),e.xp6(2),e.Oqu(t.symbol),e.xp6(2),e.Oqu(t.title)}}const dn=function(i){return{"element-hide":i}},mn=function(i){return{exact:i}};function gn(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"a",24,25),e.NdJ("click",function(){return e.CHM(t),e.oxw(5).closeNavigationDrawer()})("keydown.enter",function(){return e.CHM(t),e.oxw(5).navigateToLandingPage()}),e.TgZ(2,"span",21),e._uU(3),e.qZA(),e.TgZ(4,"div",22),e._uU(5),e.qZA()()}if(2&i){const t=e.MAs(1),n=e.oxw().$implicit,o=e.oxw(4);e.ekj("active",t.isActive&&!n.disabled||n.disabled&&o.isActiveRouteHelper(n.slug)),e.Q6J("analyticsKey",o.AnalyticsKeys.MIO_LEFT_NAV_ITEM

1)("analyticsLabel",n.slug)("ngClass",e.VKq(11,dn,n.mobileOnly))("routerLink",n.slug)("routerLinkActiveOptions",e.VKq(13,mn,n.exactMatch))("tabindex",t.isActive&&!n.disabled||n.disabled&&o.isActiveRouteHelper(n.slug)?0:-1),e.uIk("aria-label",n.title),e.xp6(3),e.Oqu(n.symbol),e.xp6(2),e.Oqu(n.title)}}function fn(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"a",26),e.NdJ("click",function(){return e.CHM(t),e.oxw(5).closeNavigationDrawer()}),e.TgZ(1,"span",21),e._uU(2),e.qZA(),e.TgZ(3,"div",22),e._uU(4),e.qZA()()}if(2&i){const t=e.oxw().$implicit,n=e.oxw(4);e.Q6J("analyticsKey",n.AnalyticsKeys.MIO_LEFT_NAV_ITEM)("analyticsLabel",t.slug)("href",t.slug,e.LSH),e.uIk("aria-label",t.title),e.xp6(2),e.Oqu(t.symbol),e.xp6(2),e.Oqu(t.title)}}function hn(i,d){if(1&i&&(e.ynx(0),e.YNc(1,ln,7,8,"div",17),e.YNc(2,gn,6,15,"a",18),e.YNc(3,fn,5,6,"a",19),e.BQk()),2&i){const t=d.$implicit;e.xp6(1),e.Q6J("ngIf",t.children.length),e.xp6(1),e.Q6J("ngIf",!t.children.length&&!t.isExternal),e.xp6(1),e.Q6J("ngIf",!t.children.length&&t.isExternal)}}function _n(i,d){if(1&i&&(e.TgZ(0,"div",15),e.YNc(1,hn,4,3,"ng-container",16),e.qZA()),2&i){const t=e.oxw(3);e.Q6J("@fadeInOutSectionModal",void 0),e.xp6(1),e.Q6J("ngForOf",t.config.children)}}const pn=function(i){return{config:i}};function un(i,d){if(1&i&&(e.ynx(0,13),e.YNc(1,_n,2,2,"div",14),e.BQk()),2&i){const t=e.oxw(2);e.Q6J("ngTemplateOutletContext",e.VKq(2,pn,t.currentSection)),e.xp6(1),e.Q6J("ngIf",t.isTopLevelContent)}}function bn(i,d){if(1&i){const t=e.EpF();e.ynx(0),e.TgZ(1,"mio-icon-button",11),e.NdJ("click",function(){return e.CHM(t),e.oxw().toggleState()})("keydown.enter",function(){return e.CHM(t),e.oxw().toggleState()}),e.qZA(),e.YNc(2,un,2,4,"ng-container",12),e.BQk()}if(2&i){const t=e.oxw(),n=e.MAs(12);e.xp6(1),e.Q6J("analyticsKey",t.AnalyticsKeys.MIO_LEFT_NAV_CLOSE_MENU)("rippleDuration",t.rippleDuration)("ariaLabel","close menu"),e.xp6(1),e.Q6J("ngIf",t.isTopLevelContent)("ngIfElse",n)}}function vn(i,d){if(1&i&&e._UZ(0,"mio-navigation-drawer-item",28),2&i){const t=d.$implicit;e.Q6J("config",t)("exactMatch",t.exactMatch)("@fadeInOut",void 0)}}function xn(i,d){if(1&i&&(e.ynx(0),e.YNc(1,vn,1,3,"mio-navigation-drawer-item",27),e.BQk()),2&i){const t=e.oxw();e.xp6(1),e.Q6J("ngForOf",t.currentSection.children)}}function yn(i,d){1&i&&(e.TgZ(0,"div",29),e._UZ(1,"mio-dark-mode-switch",30),e.qZA())}function Cn(i,d){1&i&&e._UZ(0,"mio-toolbar",31)}function wn(i,d){1&i&&e.GkF(0)}function Mn(i,d){if(1&i){const t=e.EpF();e.TgZ(0,"div",33,34),e.NdJ("click",function(){return e.CHM(t),e.oxw(3).topToLowLevelSwitch()})("keydown.enter",function(){e.CHM(t);const o=e.oxw(3);return o.topToLowLevelSwitch(o.section)})("keydown.tab",function(o){return e.CHM(t),e.oxw(3).handleTab(o)}),e.TgZ(2,"span",35),e._uU(3,"arrow_back"),e.qZA(),e.TgZ(4,"div",22),e._uU(5,"Main menu"),e.qZA()()}if(2&i){const t=e.oxw(3);e.Q6J("analyticsKey",t.AnalyticsKeys.MIO_LEFT_NAV_BACK_TO_MENU)}}function On(i,d){if(1&i&&(e.ynx(0),e._UZ(1,"mio-navigation-drawer-item",28),e.BQk()),2&i){const t=d.$implicit;e.xp6(1),e.Q6J("config",t)("exactMatch",t.exactMatch)}}function Pn(i,d){if(1&i&&(e.TgZ(0,"div",15),e.YNc(1,Mn,6,1,"div",32),e.YNc(2,On,2,2,"ng-container",16),e.qZA()),2&i){const t=e.oxw(2);e.Q6J("@fadeInOutSubsectionModal",void 0),e.xp6(1),e.Q6J("ngIf",t.isModalType),e.xp6(1),e.Q6J("ngForOf",t.currentSection.children)}}function kn(i,d){if(1&i&&e.YNc(0,Pn,3,3,"div",14),2&i){const t=e.oxw();e.Q6J("ngIf",t.currentSection)}}var X=(()=>{return(i=X||(X={})).on="var(--mio-theme-elevation-2)",i.off="none",X;var i})();let Tn=(()=>{class i{constructor(t,n){this.router=t,this.cdr=n,this.config=re._,this.activeSectionBS=new Zt.X(void 0),this.activeSectionBS$=this.activeSectionBS.asObservable(),this.rippleDuration=m.tl.MIO_DURATIONS.short,this.AnalyticsKeys=j.sU.AnalyticsKeys,this.vh=.01*window.innerHeight+"px",this.isModalType=this.isModal(),t.events.pipe((0,ye.h)(o=>o instanceof s.m2)).subscribe(()=>{const o=this.router.url.split("/");this.isTopLevelContent=!(o.length>2),this.currentSection=this.config.children.find(c=>c.slug===o[1]),this.activeSection=this.currentSection,this.activeSectionBS.next(this.activeSection),this.manageLeftNavState(),this.cdr.detectChanges()})}ngAfterViewInit(){this.mwcDrawer=this.drawerRef.nativeElement,document.addEventListener(m.vn.scrollToTop,t=>{setTimeout(()=>{var n;if(t.detail){ne().polyfill();const o=this.isModal()?136:72;this.pageContentRef.nativeElement.scrollBy({top:(null===(n=t.detail.target)||void 0===n?void 0:n.getBoundingClientRect().y)-o-56,behavior:"smooth"})}else this.pageContentRef.nativeElement.scrollTo(0,0)},200)}),document.addEventListener(m.vn.MDCDrawerOpened,()=>{const t=this.mwcDrawer.shadowRoot.querySelector("#inert-style");t&&t.remove()}),document.addEventListener(m.vn.closeNavigationDrawer,t=>{this.focusedElement=t.detail?t.detail.focusedElement:document.activeElement,this.closeNavigationDrawer()}),document.addEventListener(m.vn.MDCTopAppBarNav,t=>{t.detail&&(this.currentSection=t.detail.section),this.mwcDrawer.open=!0,this.activeFocusableItem=this.getElement(".item.active"),this.firstFocusableItem=this.getElement(".item"),document.dispatchEvent(new Event(m.vn.MDCDrawerOpened)),document.dispatchEvent(new Event(m.vn.expandTopic)),this.isLeftNavPersistent

1()||setTimeout(()=>{this.mdcDrawer.style.boxShadow=X.on},m.LB.CHANGE_STATE_DELAY),this.isModalType&&setTimeout(()=>{this.activeFocusableItem&&this.activeFocusableItem.focus()},m.LB.CONTENT_TRANSITION)}),document.body.addEventListener(m.vn.MDCDrawerClosed,()=>{this.focusedElement&&this.focusedElement.focus()}),document.addEventListener(m.vn.setFocus,t=>{this.setFocus(t.detail?t.detail.selector:"h1")}),setTimeout(()=>{this.mwcDrawerShadowRoot=this.mwcDrawer.shadowRoot,this.mdcDrawer=this.mwcDrawerShadowRoot.querySelector(".mdc-drawer"),this.mdcDrawer.addEventListener("mouseleave",t=>{t.x>88&&!this.isModalType&&this.closeNavigationDrawer()}),this.mdcDrawer.addEventListener("mouseenter",()=>{this.mdcDrawer.style.boxShadow=X.on}),this.customizeMWCDrawerStyle(".mdc-drawer","style",`border-right-width: 0;\n        border-radius: 0 16px 16px 0;\n        top: 0;\n        bottom: 0;\n        height: unset;\n        transition-property: transform, box-shadow;\n        transition-duration: ${m.tl.MIO_DURATIONS.medium};\n        transition-timing-function: ${m.tl.MIO_CURVES.STANDARD_EASE};\n        background: var(--mio-theme-color-surface-2);\n        border-left: 1px solid var(--mio-theme-color-surface-variant);`),this.mdcDrawer.style.left=this.isModalType?"0px":"88px",this.mdcDrawer.style.boxShadow=this.isModalType||this.activeSection&&this.isLeftNavPersistent()?X.off:X.on,this.activeSectionBS$.subscribe(()=>{this.manageLeftNavState()})},0),this.cdr.detectChanges()}isActiveRouteHelper(t){return this.router.isActive(t,{paths:"subset",queryParams:"subset",fragment:"ignored",matrixParams:"ignored"})}setFocus(t){let n=0;const g=setInterval(()=>{const O=document.querySelector(t);n>1e4&&clearInterval(g),O&&(this.mwcDrawer.open?document.dispatchEvent(new CustomEvent(m.vn.closeNavigationDrawer,{detail:{focusedElement:O}})):O.focus(),clearInterval(g)),n+=100},100)}toggleState(){this.mwcDrawer.open?this.closeNavigationDrawer():this.mwcDrawer.open=!0}closeNavigationDrawer(){this.isLeftNavPersistent()?(this.mdcDrawer.style.boxShadow=X.off,this.currentSection=this.activeSection,document.dispatchEvent(new CustomEvent(m.vn.resetNavRail))):(this.mwcDrawer.open=!1,setTimeout(()=>{this.mdcDrawer.style.boxShadow=X.off},m.LB.CHANGE_STATE_DELAY))}navigateToLandingPage(){setTimeout(()=>{document.dispatchEvent(new CustomEvent(m.vn.setFocus))},0)}openNavigationDrawerEvent(t){document.dispatchEvent(new CustomEvent(m.vn.MDCTopAppBarNav,{detail:{section:t}}))}isModal(){return window.innerWidth<=m.tl.BREAKPOINTS.TABLET_BREAKPOINT_WIDTH}customizeMWCDrawerStyle(t,n,o){if(this.mwcDrawerShadowRoot){const c=this.mwcDrawerShadowRoot.querySelector(t);c&&c.setAttribute(n,o)}}onItemKeydownEvent(t){this.drawerItems=this.mwcDrawer.querySelectorAll(this.isTopLevelContent?".item":".focusable-topic-item:not(.hidden)");const n=document.activeElement,o=Array.prototype.slice.call(this.drawerItems).indexOf(n);["ArrowDown","ArrowUp","Home","End"].includes(t.key)&&(t.preventDefault(),this.nextNode(o,t))}nextNode(t,n){let o;if(t>=0&&t<this.drawerItems.length){switch(n.key){case"ArrowDown":t<this.drawerItems.length-1&&(o=this.drawerItems.item(t+1));break;case"ArrowUp":t>0&&(o=this.drawerItems.item(t-1));break;case"Home":t>0&&(o=this.drawerItems.item(0));break;case"End":t<this.drawerItems.length-1&&(o=this.drawerItems.item(this.drawerItems.length-1))}o&&o.focus()}}handleTab(t){t.preventDefault(),this.activeFocusableItem=this.getElement(".focusable-topic-item.active"),this.firstFocusableItem=this.getElement(".focusable-topic-item"),this.activeFocusableItem?this.activeFocusableItem.focus():this.firstFocusableItem&&this.firstFocusableItem.focus()}topToLowLevelSwitch(t){t?(this.currentSection=t,this.isTopLevelContent=!1,setTimeout(()=>{this.arrowBackRef.nativeElement.focus(),this.activeFocusableItem=this.getElement(".collapsible-item.active"),this.activeFocusableItem&&this.mwcDrawer.open&&document.dispatchEvent(new Event(m.vn.expandTopic))},m.LB.CONTENT_TRANSITION)):(this.isTopLevelContent=!0,setTimeout(()=>{this.activeFocusableItem=this.getElement(".item.active"),this.activeFocusableItem&&this.activeFocusableItem.focus()},m.LB.CONTENT_TRANSITION))}getElement(t){return this.mwcDrawer.querySelector(t)}manageLeftNavState(){this.activeSection&&(this.isLeftNavPersistent

1()?(this.openNavigationDrawerEvent(this.activeSection),this.customizeMWCDrawerStyle(".mdc-drawer-app-content","style","")):this.customizeMWCDrawerStyle(".mdc-drawer-app-content","style","margin-left: 0;"))}isLeftNavPersistent(){var t;return window.innerWidth>1534&&(null===(t=this.activeSection)||void 0===t?void 0:t.children.length)>0}onResize(){this.vh=.01*window.innerHeight+"px",this.isModal()!==this.isModalType&&(this.isModalType=!this.isModalType,this.mdcDrawer.style.left=this.isModalType?"0px":"88px",this.mdcDrawer.style.boxShadow=this.isLeftNavPersistent()?X.off:X.on,this.closeNavigationDrawer()),this.manageLeftNavState()}}return i.\u0275fac=function(t){return new(t||i)(e.Y36(s.F0),e.Y36(e.sBO))},i.\u0275cmp=e.Xpm({type:i,selectors:[["mio-navigation-drawer"]],viewQuery:function(t,n){if(1&t&&(e.Gf(cn,7),e.Gf(rn,7),e.Gf(sn,5)),2&t){let o;e.iGM(o=e.CRH())&&(n.drawerRef=o.first),e.iGM(o=e.CRH())&&(n.pageContentRef=o.first),e.iGM(o=e.CRH())&&(n.arrowBackRef=o.first)}},hostVars:2,hostBindings:function(t,n){1&t&&e.NdJ("resize",function(c){return n.onResize(c)},!1,e.Jf7),2&t&&e.Udp("--vh",n.vh)},inputs:{pageContent:"pageContent"},decls:13,vars:6,consts:[[3,"type"],["mwcDrawer",""],["aria-label","navigation drawer","id","navigationDrawer",3,"keydown"],[1,"nav-drawer-section"],[4,"ngIf"],["class","dark-mode-switch-container",4,"ngIf"],["slot","appContent",1,"page-content","page-content-height",3,"click"],["pageContentRef",""],["role","banner",4,"ngIf"],[4,"ngTemplateOutlet"],["subsectionContent",""],["mioAnalyticsTracking","","mioRipple","","icon","menu_open",3,"analyticsKey","rippleDuration","ariaLabel","click","keydown.enter"],[3,"ngTemplateOutletContext",4,"ngIf","ngIfElse"],[3,"ngTemplateOutletContext"],["class","topic-wrapper",4,"ngIf"],[1,"topic-wrapper"],[4,"ngFor","ngForOf"],["mioAnalyticsTracking","","class","item","role","button",3,"analyticsKey","analyticsLabel","active","tabindex","click","keydown.enter",4,"ngIf"],["mioAnalyticsTracking","","class","item","routerLinkActive","",3,"analyticsKey","analyticsLabel","ngClass","routerLink","routerLinkActiveOptions","active","tabindex","click","keydown.enter",4,"ngIf"],["mioAnalyticsTracking","","class","item","tabindex","-1","target","_blank",3,"analyticsKey","analyticsLabel","href","click",4,"ngIf"],["mioAnalyticsTracking","","role","button",1,"item",3,"analyticsKey","analyticsLabel","tabindex","click","keydown.enter"],[1,"section-icon","google-symbols"],[1,"label"],[1,"arrow-right-icon","google-symbols"],["mioAnalyticsTracking","","routerLinkActive","",1,"item",3,"analyticsKey","analyticsLabel","ngClass","routerLink","routerLinkActiveOptions","tabindex","click","keydown.enter"],["linkButton","routerLinkActive"],["mioAnalyticsTracking","","tabindex","-1","target","_blank",1,"item",3,"analyticsKey","analyticsLabel","href","click"],[3,"config","exactMatch",4,"ngFor","ngForOf"],[3,"config","exactMatch"],[1,"dark-mode-switch-container"],["variant","full"],["role","banner"],["mioAnalyticsTracking","","class","main-menu","aria-label","back to main menu","role","button","tabindex","0",3,"analyticsKey","click","keydown.enter","keydown.tab",4,"ngIf"],["mioAnalyticsTracking","","aria-label","back to main menu","role","button","tabindex","0",1,"main-menu",3,"analyticsKey","click","keydown.enter","keydown.tab"],["goBack",""],[1,"arrow-back-icon","google-symbols"]],template:function(t,n){1&t&&(e.TgZ(0,"mwc-drawer",0,1)(2,"nav",2),e.NdJ("keydown",function(c){return n.onItemKeydownEvent(c)}),e.TgZ(3,"div",3),e.YNc(4,bn,3,5,"ng-container",4),e.YNc(5,xn,2,1,"ng-container",4),e.qZA(),e.YNc(6,yn,2,0,"div",5),e.qZA(),e.TgZ(7,"div",6,7),e.NdJ("click",function(){return n.closeNavigationDrawer()}),e.YNc(9,Cn,1,0,"mio-toolbar",8),e.YNc(10,wn,1,0,"ng-container",9),e.qZA()(),e.YNc(11,kn,1,1,"ng-template",null,10,e.W1O)),2&t&&(e.Q6J("type",n.isModalType?"modal":"dismissible"),e.xp6(4),e.Q6J("ngIf",n.isModalType),e.xp6(1),e.Q6J("ngIf",!n.isModalType&&n.currentSection),e.xp6(1),e.Q6J("ngIf",n.isModalType),e.xp6(3),e.Q6J("ngIf",n.isModalType),e.xp6(1),e.Q6J("ngTemplateOutlet",n.pageContent))},directives:[_.O5,le.r,oe.v,ce.E,_.sg,s.yS,s.Od,_.mk,$t,ve,an,_.tP],styles:['[_nghost-%COMP%]{width:100%}

1@media screen and (min-width: 961px){[_nghost-%COMP%]{padding-left:88px}}mwc-drawer[_ngcontent-%COMP%]{--mdc-drawer-width: 240px}@media screen and (max-width: 960px){mwc-drawer[_ngcontent-%COMP%]{--mdc-drawer-width: 320px}}mwc-drawer[type=dismissible][_ngcontent-%COMP%]   nav[_ngcontent-%COMP%]{padding-top:8px}mwc-drawer[type=modal][_ngcontent-%COMP%]   nav[_ngcontent-%COMP%]{overflow:hidden}mwc-drawer[type=modal][_ngcontent-%COMP%]   .nav-drawer-section[_ngcontent-%COMP%]{height:calc(100% - 80px)}mwc-drawer[type=dismissible][_ngcontent-%COMP%]   nav[_ngcontent-%COMP%], mwc-drawer[type=modal][_ngcontent-%COMP%]   nav[_ngcontent-%COMP%]{height:100%}mio-icon-button[_ngcontent-%COMP%]{margin-bottom:8px;margin-left:12px}.nav-drawer-section[_ngcontent-%COMP%]{padding-bottom:24px;overflow-y:auto}@media screen and (max-width: 960px){.nav-drawer-section[_ngcontent-%COMP%]{margin:8px 0 auto}}.topic-wrapper[_ngcontent-%COMP%]{margin:0 8px}.page-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;min-height:calc(100vh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch}.page-content-height[_ngcontent-%COMP%]{height:100vh;height:calc(var(--vh, 1vh) * 100)}.section-title[_ngcontent-%COMP%]{margin-bottom:8px;margin-left:24px;color:var(--mio-theme-color-on-surface-variant);font-size:var(--mio-theme-v2-label-l-font-size);font-weight:var(--mio-theme-v2-label-l-font-weight);line-height:var(--mio-theme-v2-label-l-line-height)}.item[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-m-font-family);font-size:var(--mio-theme-v2-title-m-font-size);font-weight:var(--mio-theme-v2-title-m-font-weight);letter-spacing:var(--mio-theme-v2-title-m-letter-spacing);line-height:var(--mio-theme-v2-title-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-m-font-variation-opsz);display:flex;position:relative;align-items:center;height:48px;padding:2px 16px;border-radius:100px;color:var(--mio-theme-color-on-surface-variant);font-family:var(--mio-theme-display-font-family);text-decoration:none;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent}.item[_ngcontent-%COMP%]:before{position:absolute;bottom:0;left:0;width:100%;height:100%;opacity:0;transform:scaleX(.32);transition-duration:.2s;transition-property:transform,opacity;transition-timing-function:linear;border-radius:100px;background:var(--mio-theme-color-secondary-container);content:"";z-index:-1}.item[_ngcontent-%COMP%]:focus{margin:0;border:none;outline:none;box-shadow:none}.item[_ngcontent-%COMP%]:hover{background:var(--mio-theme-color-on-surface-variant-2)}.item[_ngcontent-%COMP%]:hover   .label[_ngcontent-%COMP%]{font-variation-settings:"GRAD" 50}.item[_ngcontent-%COMP%]:hover   .google-symbols[_ngcontent-%COMP%]{font-variation-settings:"FILL" 1,"wght" 600,"opsz" 24}.item[_ngcontent-%COMP%]:active{background:var(--mio-theme-color-on-surface-variant-4)}.item[_ngcontent-%COMP%]:active   .label[_ngcontent-%COMP%]{font-variation-settings:"GRAD" -50}.item[_ngcontent-%COMP%]:active   .google-symbols[_ngcontent-%COMP%]{font-variation-settings:"FILL" 1,"wght" 300,"opsz" 24}.item.active[_ngcontent-%COMP%]{color:var(--mio-theme-color-on-secondary-container)}.item.active[_ngcontent-%COMP%]:before{opacity:1;transform:scaleX(1)}.item[_ngcontent-%COMP%]   .section-icon[_ngcontent-%COMP%]{margin-right:16px}.item[_ngcontent-%COMP%]   .arrow-right-icon[_ngcontent-%COMP%]{margin-left:auto}.main-menu[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-title-m-font-family);font-size:var(--mio-theme-v2-title-m-font-size);font-weight:var(--mio-theme-v2-title-m-font-weight);letter-spacing:var(--mio-theme-v2-title-m-letter-spacing);line-height:var(--mio-theme-v2-title-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-title-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-title-m-font-variation-opsz);display:flex;position:relative;align-items:center;height:48px;padding:0 16px;border-radius:100px;color:var(--mio-theme-color-on-surface-variant);font-family:var(--mio-theme-display-font-family);cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent}.main-menu[_ngcontent-%COMP%]:hover{background:var(--mio-theme-color-on-surface-variant-2);

1color:var(--mio-theme-color-on-surface)}.main-menu[_ngcontent-%COMP%]:hover   .label[_ngcontent-%COMP%]{font-variation-settings:"GRAD" 50}.main-menu[_ngcontent-%COMP%]:hover   .google-symbols[_ngcontent-%COMP%]{font-variation-settings:"wght" 600,"opsz" 24}.main-menu[_ngcontent-%COMP%]:active{background:var(--mio-theme-color-on-surface-variant-4);color:var(--mio-theme-color-on-surface)}.main-menu[_ngcontent-%COMP%]:active   .label[_ngcontent-%COMP%]{font-variation-settings:"GRAD" -50}.main-menu[_ngcontent-%COMP%]:active   .google-symbols[_ngcontent-%COMP%]{font-variation-settings:"wght" 300,"opsz" 24}.main-menu[_ngcontent-%COMP%]   .arrow-back-icon[_ngcontent-%COMP%]{margin-right:16px}.google-symbols[_ngcontent-%COMP%]{font-variation-settings:"wght" 400,"opsz" 24;transition:font-variation-settings .2s cubic-bezier(.2,0,0,1)}.label[_ngcontent-%COMP%]{font-variation-settings:"GRAD" 0;transition:font-variation-settings .2s cubic-bezier(.2,0,0,1)}.main-menu[_ngcontent-%COMP%]:focus-visible, .item[_ngcontent-%COMP%]:focus-visible{margin:0 -2px;border:2px solid var(--mio-theme-color-on-surface);border-radius:24px;outline:0;box-shadow:inset 0 0 0 2px var(--mio-theme-color-surface-0)}.dark-mode-switch-container[_ngcontent-%COMP%]{display:flex;position:absolute;bottom:0;align-items:center;justify-content:center;width:100%;height:80px}@media screen and (max-width: 960px){.element-hide[_ngcontent-%COMP%]{display:none}}'],data:{animation:[(0,F.X$)("fadeInOut",[(0,F.eR)(":enter",[(0,F.oB)({opacity:0}),(0,F.jt)(m.tl.MIO_ANIMATIONS.LEFT_NAV_CONTENT_CHANGE_FADE_IN,(0,F.oB)({opacity:1}))]),(0,F.eR)(":leave",[(0,F.jt)(m.tl.MIO_ANIMATIONS.LEFT_NAV_CONTENT_CHANGE_FADE_OUT,(0,F.oB)({opacity:0}))])]),(0,F.X$)("fadeInOutSectionModal",[(0,F.eR)(":enter",[(0,F.oB)({opacity:0,transform:"translateX(-10px)"}),(0,F.jt)(m.tl.MIO_ANIMATIONS.LEFT_NAV_CONTENT_CHANGE_FADE_IN,(0,F.oB)({opacity:1,transform:"translateX(0)"}))]),(0,F.eR)(":leave",[(0,F.jt)(m.tl.MIO_ANIMATIONS.LEFT_NAV_CONTENT_CHANGE_FADE_OUT,(0,F.oB)({opacity:0,transform:"translateX(-10px)"}))])]),(0,F.X$)("fadeInOutSubsectionModal",[(0,F.eR)(":enter",[(0,F.oB)({opacity:0,transform:"translateX(10px)"}),(0,F.jt)(m.tl.MIO_ANIMATIONS.LEFT_NAV_CONTENT_CHANGE_FADE_IN,(0,F.oB)({opacity:1,transform:"translateX(0)"}))]),(0,F.eR)(":leave",[(0,F.jt)(m.tl.MIO_ANIMATIONS.LEFT_NAV_CONTENT_CHANGE_FADE_OUT,(0,F.oB)({opacity:0,transform:"translateX(10px)"}))])])]}}),i})();const An=["mwcButton"];let En=(()=>{class i{constructor(t){this.localStorageService=t,this.AnalyticsKeys=j.sU.AnalyticsKeys}ngAfterViewInit(){setTimeout(()=>{this.mwcButtonsRef.forEach(t=>{this.mwcButtonShadowRoot=t.nativeElement.shadowRoot,this.customizeMWCButtonStyle(".mdc-button","style","height: 40px;\n          width: 99px;\n          border-color: transparent;\n          ")})},0)}customizeMWCButtonStyle(t,n,o){const c=this.mwcButtonShadowRoot.querySelector(t);c&&c.setAttribute(n,o)}confirm(){this.localStorageService.setData(m.DZ.COOKIE_NOTICE,m.tl.MIO_COOKIE_NOTICE_CONFIRM)}}return i.\u0275fac=function(t){return new(t||i)(e.Y36(me.n))},i.\u0275cmp=e.Xpm({type:i,selectors:[["mio-cookie-notice"]],viewQuery:function(t,n){if(1&t&&e.Gf(An,5),2&t){let o;e.iGM(o=e.CRH())&&(n.mwcButtonsRef=o)}},decls:10,vars:1,consts:[[1,"cookie-notice"],[1,"cookie-notice-message"],[1,"cookie-notice-message-content"],["href","https://policies.google.com/technologies/cookies","target","_blank","aria-label","learn more about how Google uses cookies to deliver its services and to analyze traffic"],["role","button","tabindex","0","aria-label","confirm",1,"cookie-notice-confirm"],["outlined","","tabindex","-1","mioAnalyticsTracking","",3,"analyticsKey","click"],["mwcButton",""]],template:function(t,n){1&t&&(e.TgZ(0,"div",0)(1,"div",1)(2,"p",2),e._uU(3,"This site uses cookies from Google to deliver its services and to analyze traffic. "),e.TgZ(4,"a",3),e._uU(5," Learn more"),e.qZA()()(),e.TgZ(6,"div",4)(7,"mwc-button",5,6),e.NdJ("click",function(){return n.confirm()}),e._uU(9,"Okay, got it"),e.qZA()()()),2&t&&(e.xp6(7),e.Q6J("analyticsKey",n.AnalyticsKeys.MIO_COOKIE_NOTICE_CONFIRM))},directives:[oe.v],styles:['[_nghost-%COMP%]{position:fixed;bottom:0;align-self:center;margin:8px;z-index:10}.cookie-notice[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-m-font-family);

1font-size:var(--mio-theme-v2-body-m-font-size);font-weight:var(--mio-theme-v2-body-m-font-weight);letter-spacing:var(--mio-theme-v2-body-m-letter-spacing);line-height:var(--mio-theme-v2-body-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-m-font-variation-opsz);display:flex;align-items:center;padding:8px 8px 8px 16px;border-radius:8px;background:var(--mio-theme-color-inverse-surface);color:var(--mio-theme-color-inverse-on-surface)}.cookie-notice[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-family:var(--mio-theme-v2-body-m-font-family);font-size:var(--mio-theme-v2-body-m-font-size);font-weight:var(--mio-theme-v2-body-m-font-weight);letter-spacing:var(--mio-theme-v2-body-m-letter-spacing);line-height:var(--mio-theme-v2-body-m-line-height);font-variation-settings:"GRAD" var(--mio-theme-v2-body-m-font-variation-GRAD),"opsz" var(--mio-theme-v2-body-m-font-variation-opsz);padding:0 2px;color:var(--mio-theme-color-primary-container)}.cookie-notice[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:focus-visible{margin:-2px;border:2px solid var(--mio-theme-color-surface-0);border-radius:4px;outline:0;box-shadow:inset 0 0 0 2px var(--mio-theme-on-color-surface)}@media screen and (max-width: 960px){.cookie-notice[_ngcontent-%COMP%]{padding:14px 8px 14px 16px}}@media screen and (max-width: 600px){.cookie-notice[_ngcontent-%COMP%]{flex-flow:column;align-items:flex-end;justify-content:space-around;padding:16px 8px 8px 16px}}.cookie-notice-message[_ngcontent-%COMP%]   .cookie-notice-message-content[_ngcontent-%COMP%]{margin:0}@media screen and (min-width: 600px){.cookie-notice-message[_ngcontent-%COMP%]   .cookie-notice-message-content[_ngcontent-%COMP%]{margin-right:40px}}@media screen and (max-width: 600px){.cookie-notice-message[_ngcontent-%COMP%]   .cookie-notice-message-content[_ngcontent-%COMP%]{margin-bottom:8px}}.cookie-notice-confirm[_ngcontent-%COMP%]{border-radius:22px}.cookie-notice-confirm[_ngcontent-%COMP%]:hover{background:var(--mio-theme-color-inverse-surface)}.cookie-notice-confirm[_ngcontent-%COMP%]:focus-visible{margin:-2px;border:2px solid var(--mio-theme-color-surface-0);outline:0;box-shadow:inset 0 0 0 2px var(--mio-theme-on-color-surface)}mwc-button[_ngcontent-%COMP%]{--mdc-theme-primary: var(--mio-theme-color-primary-container);--mdc-theme-on-primary: transparent;--mdc-typography-button-white-space: nowrap;--mdc-shape-small: 100px;--mdc-button-horizontal-padding: 12px;--mdc-typography-button-font-size: var(--mio-theme-v2-label-l-font-size);--mdc-typography-button-font-weight: var(--mio-theme-v2-label-l-font-weight)}']}),i})();const Dn=["skipLink"];function Sn(i,d){1&i&&e._UZ(0,"mio-left-nav-rail")}function Rn(i,d){1&i&&(e.TgZ(0,"div",7),e._UZ(1,"router-outlet"),e.qZA())}function Nn(i,d){1&i&&e._UZ(0,"mio-cookie-notice",8)}let Ln=(()=>{class i{constructor(t,n,o,c,g,O,S,H,B){this.router=t,this.activatedRouter=n,this.localStorageService=o,this.httpClient=c,this.hatsService=g,this.analytics=O,this.kebabCasePipe=S,this.metaService=H,this.themeService=B,this.showCookieNotice=!0,this.navTransition=!1,this.darkMode=!1,this.registerRedirects(_e.v),this.httpClient.get("/api/country_code").pipe((0,Z.U)(W=>{this.enableCookieNotice(!this.localStorageService.getData(m.DZ.COOKIE_NOTICE)&&wt.includes(W.country))})).subscribe(),this.localStorageService.localStorageRequest$.subscribe(W=>{W&&W.key===m.DZ.COOKIE_NOTICE&&"SET"===W.action&&this.enableCookieNotice(!1)}),this.metaService.removeTag('name="robots"'),this.darkMode=this.themeService.isDarkMode}set currentTheme(t){this._currentTheme=t}ngOnInit(){this.isTablet=this.isTabletScreen(),this.router.events.subscribe(t=>{if(t instanceof s.OD)this.navTransition=!0;else{if(!(t instanceof s.m2))return;this.analytics.pageView(),this.hatsService.requestSurvey(),this.navTransition=!1}}),this.themeService.darkMode$.subscribe(t=>{this.navTransition=!0,this.darkMode=t,setTimeout(()=>{this.navTransition=!1},1e3)})}registerRedirects(t){const n=[],o=[];t.forEach(c=>{var g;if(c.slug&&(null===(g=c.tabs)||void 0===g?void 0:g.length)>1){const O=this.kebabCasePipe.transform(c.tabs[0].label);o.push({path:c.slug,redirectTo:`${c.slug}/${O}`,pathMatch:"full"}

1),c.tabs.forEach(S=>{const H=this.kebabCasePipe.transform(S.label);S.alternateSlugs&&S.alternateSlugs.forEach(B=>{n.push({path:`${c.slug}/${B}`,redirectTo:`${c.slug}/${H}`,pathMatch:"prefix"})})})}c.alternateSlugs&&c.alternateSlugs.forEach(O=>{n.push({path:O,redirectTo:c.slug,pathMatch:"prefix"})}),c.carbonPath&&(n.push({path:c.carbonPath,redirectTo:c.slug,pathMatch:"full"}),c.tabs?c.tabs.forEach(O=>{const S=this.kebabCasePipe.transform(O.label);n.push({path:`${c.carbonPath}/${S}`,redirectTo:`${c.slug}/${S}`,pathMatch:"full"}),O.alternateSlugs&&O.alternateSlugs.forEach(H=>{n.push({path:`${c.carbonPath}/${H}`,redirectTo:`${c.slug}/${S}`,pathMatch:"full"})})}):n.push({path:`${c.carbonPath}/tab-1`,redirectTo:c.slug,pathMatch:"full"}))}),this.router.resetConfig([...n,...o,...this.router.config])}enableCookieNotice(t){this.showCookieNotice=t}onClick(t){const n=t.composedPath().find(g=>"A"===g.tagName);if(!n)return;const o=n.getAttribute("href");if(null===n.getAttribute("ng-reflect-router-link")&&o&&this.isAppLink(o)&&!o.includes("#main_content")){t.preventDefault(),t.stopPropagation();const{pathname:g,hash:O}=this.getAnchorFromURL(o);(null==O?void 0:O.length)?this.router.navigate([g],{fragment:O.replace("#","")}):this.router.navigate([g])}}getAnchorFromURL(t){const n=document.createElement("a");return n.href=t,n}getPathFromURL(t){const n=document.createElement("a");return n.href=t,n.pathname}isAppLink(t){const n=window.location.hostname;return t.startsWith("/")||t.includes(n)}isTabletScreen(){return window.innerWidth<=m.tl.BREAKPOINTS.TABLET_BREAKPOINT_WIDTH}onResize(){this.isTabletScreen()!==this.isTablet&&(this.isTablet=!this.isTablet)}isEditorMode(){return be.N.editorMode}}return i.\u0275fac=function(t){return new(t||i)(e.Y36(s.F0),e.Y36(s.gz),e.Y36(me.n),e.Y36(v.eN),e.Y36(kt),e.Y36(se.$),e.Y36(de.K),e.Y36(r.h_),e.Y36(K.f))},i.\u0275cmp=e.Xpm({type:i,selectors:[["mio-root"]],viewQuery:function(t,n){if(1&t&&e.Gf(Dn,7,e.SBq),2&t){let o;e.iGM(o=e.CRH())&&(n.skipLinkRef=o.first)}},hostVars:4,hostBindings:function(t,n){1&t&&e.NdJ("click",function(c){return n.onClick(c)},!1,e.Jf7)("resize",function(c){return n.onResize(c)},!1,e.Jf7),2&t&&e.ekj("nav-transition",n.navTransition)("dark-mode",n.darkMode)},features:[e._Bn([de.K])],decls:11,vars:4,consts:[[1,"navigation"],["aria-label","skip to main content",1,"skip-link",3,"href"],["skipLink",""],[4,"ngIf"],[3,"pageContent"],["pageContent",""],["role","region","aria-label","cookie notice",4,"ngIf"],[1,"content-container"],["role","region","aria-label","cookie notice"]],template:function(t,n){if(1&t&&(e.ynx(0)(1),e.TgZ(2,"div",0)(3,"a",1,2),e._uU(5," Skip to main content "),e.qZA(),e.YNc(6,Sn,1,0,"mio-left-nav-rail",3),e._UZ(7,"mio-navigation-drawer",4),e.qZA(),e.YNc(8,Rn,2,0,"ng-template",null,5,e.W1O),e.BQk(),e.YNc(10,Nn,1,0,"mio-cookie-notice",6),e.BQk()),2&t){const o=e.MAs(9);e.xp6(3),e.Q6J("href",n.router.url.split("#")[0]+"#main_content",e.LSH),e.xp6(3),e.Q6J("ngIf",!n.isTablet),e.xp6(1),e.Q6J("pageContent",o),e.xp6(3),e.Q6J("ngIf",n.showCookieNotice)}},directives:[_.O5,Ht,Tn,s.lC,En],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;min-height:100%;background:var(--mio-theme-color-background)}.content-container[_ngcontent-%COMP%]{display:flex;flex-grow:1;justify-content:center;width:100%}.navigation[_ngcontent-%COMP%]{display:flex}.skip-link[_ngcontent-%COMP%]{position:fixed;width:1px;height:1px;white-space:nowrap;overflow:hidden;clip-path:polygon(0 0,0 0,0 0)}.skip-link[_ngcontent-%COMP%]:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;clip-path:none;padding:8px 16px;border-radius:8px;outline:auto;background-color:var(--mio-theme-color-tertiary-container);color:var(--mio-theme-color-on-surface);font-family:var(--mio-theme-v2-body-l-font-family);font-size:var(--mio-theme-v2-body-l-font-size);font-weight:var(--mio-theme-v2-body-l-font-weight);text-decoration:none;z-index:10}"]}),i})();var Fn=l(263),Gn=l(9664);let Hn=(()=>{class i{}return i.\u0275fac=function(t){return new(t||i)},i.\u0275mod=e.oAB({type:i,bootstrap:[Ln]}),i.\u0275inj=e.cJS({providers:[de.K],imports:[[r.b2,Ct,v.JF,a.PW,Fn.p,Gn.S]]}),i})();be.N.production&&(0,e.G48)(),r.q6().bootstrapModule(Hn).catch(i=>console.error(i))},7703:(z,I,l)=>{l.d(I,{E:()=>r});

1class r{constructor(a,v,s,m){this.category="\u2713 "+a,this.action=v,this.value=s,this.label=m}}},4160:(z,I,l)=>{l.d(I,{K:()=>a});var r=l(6435);const e=/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g;let a=(()=>{class v{transform(m){const b=String(m).match(e);return b?b.map(C=>C.toLowerCase()).join("-"):m}}return v.\u0275fac=function(m){return new(m||v)},v.\u0275pipe=r.Yjl({name:"kebabcase",type:v,pure:!0}),v})()},5260:(z,I,l)=>{l.d(I,{$:()=>s});var r=l(7703),e=l(9931),a=l(3149),v=l(6435);let s=(()=>{class m{event(C,_,P){const E=e.sU.AnalyticsEvents[C];E?(P&&(E.label=P),_&&(E.value=_),window.ga("send","event",E.category,E.action,E.label,E.value)):console.warn("Component needs Analytics mappings. See analytics.ts")}pageView(){window.ga("set","page",window.location.pathname),window.ga("send","pageview")}redirect(C,_){window.ga("send","event","router","redirect",`${C} -> ${_}`,"",{nonInteraction:1})}themeBuilderEvent(C){const _=new r.E(C.detail.type,a._.click);let P;C.detail.data&&(P=(0,e.Jd)(C.detail.data)),P&&P[C.detail.type]&&(_.label=P[C.detail.type]),window.ga("send","event",_.category,_.action,_.label,_.value)}}return m.\u0275fac=function(C){return new(C||m)},m.\u0275prov=v.Yz7({token:m,factory:m.\u0275fac,providedIn:"root"}),m})()},3815:(z,I,l)=>{l.d(I,{M:()=>m});var r=l(1709),e=l(2353),a=l(6435),v=l(520);const s=Math.floor(100*Math.random());let m=(()=>{class b{constructor(_){this.httpClient=_}getRequest(_){return this.httpClient.get(_)}getPageContentFromRoute(_){return _.url.pipe((0,r.zg)(P=>{const E=P.map(k=>k.path).join("/"),A=e.v.find(k=>k.slug===E);return this.getRequest(`/page-data/${A.collectionId}/${A.documentId}.json?cachebust=${s}`)}))}getPageContentFromSlug(_){const P=e.v.find(E=>E.slug===_);return this.getRequest(`/page-data/${P.collectionId}/${P.documentId}.json?cachebust=${s}`)}}return b.\u0275fac=function(_){return new(_||b)(a.LFG(v.eN))},b.\u0275prov=a.Yz7({token:b,factory:b.\u0275fac,providedIn:"root"}),b})()},8345:(z,I,l)=>{l.d(I,{n:()=>v});var r=l(591),e=l(4854),a=l(6435);let v=(()=>{class s{constructor(){this.mioLocalData={},this.localStorageRequest=new r.X({key:"",value:"",action:""}),this.localStorageRequest$=this.localStorageRequest.asObservable();for(const b of Object.values(e.DZ))this.mioLocalData[b]=this.getData(b)}getData(b){const C=localStorage.getItem(b);return this.localStorageRequest.next({key:b,value:C,action:e.oC.GET}),C}setData(b,C){localStorage.setItem(b,C),this.mioLocalData[b]=C,this.localStorageRequest.next({key:b,value:C,action:e.oC.SET})}removeData(b){localStorage.removeItem(b),this.localStorageRequest.next({key:b,value:void 0,action:e.oC.DELETE}),delete this.mioLocalData[b]}}return s.\u0275fac=function(b){return new(b||s)},s.\u0275prov=a.Yz7({token:s,factory:s.\u0275fac,providedIn:"root"}),s})()},8140:(z,I,l)=>{l.d(I,{f:()=>s});var r=l(591),e=l(4854),a=l(6435),v=l(8345);let s=(()=>{class m{constructor(C){let _;this.localStorageService=C,this.isDarkMode=!1,this.darkMode=new r.X(this.isDarkMode),this.darkMode$=this.darkMode.asObservable();const P=this.localStorageService.getData(e.tl.MIO_CURRENT_MODE_KEY);P?_=P===e.tl.MIO_CURRENT_MODE_DARK:window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?_=!0:(window.matchMedia&&window.matchMedia("(prefers-color-scheme: light)"),_=!1),this.updateMode(_,!1),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",()=>{window.matchMedia("(prefers-color-scheme: dark)").matches?this.updateMode(!0,!1):this.updateMode(!1,!1),this.localStorageService.removeData(e.tl.MIO_CURRENT_MODE_KEY)})}emitDarkMode(){this.darkMode.next(this.isDarkMode)}updateMode(C,_){this.isDarkMode=C,_&&this.setLocalStorage(),this.emitDarkMode()}setLocalStorage(){this.localStorageService.setData(e.tl.MIO_CURRENT_MODE_KEY,this.isDarkMode?e.tl.MIO_CURRENT_MODE_DARK:e.tl.MIO_CURRENT_MODE_LIGHT)}toggleMode(){this.isDarkMode=!this.isDarkMode,this.setLocalStorage(),this.emitDarkMode()}}return m.\u0275fac=function(C){return new(C||m)(a.LFG(v.n))},m.\u0275prov=a.Yz7({token:m,factory:m.\u0275fac,providedIn:"root"}),m})()},263:(z,I,l)=>{l.d(I,{p:()=>s});var r=l(9808),e=l(520),a=l(8469),v=l(6435);let s=(()=>{class m{}return m.\u0275fac=function(C){return new(C||m)},m.\u0275mod=v.oAB({type:m}),m.\u0275inj=v.cJS({imports:[[r.ez,e.JF,a.Bz]]}),m})()},9664:(z,I,l)=>{l.d(I,{S:()=>e});var r=l(6435);let e=(()=>{class a{}return a.\u0275fac=function(s){return new(s||a)},a.\u0275mod=r.oAB({type:a}),a.\u0275inj=r.cJS({}),a})()},2340:(z,I,l)=>{l.d(I,{N:()=>r});const r={production:!0,editorMode:!1}},2353:z=>{z.exports=JSON.parse('{"v":[{"slug":"","documentId":"5854274324135936","collectionId":"LandingPagesM3","exportedCarbonFileId":null,"carbonPath":"m3"},{"slug":"search.html","documentId":"5297097357524992","collectionId":"LandingPagesM3","exportedCarbonFileId":null},{"slug":"get-started","documentId":"6059193656279040","collectionId":"GuidesM3","exportedCarbonFileId":null},{"slug":"develop","documentId":"6190680925929472","collectionId":"LandingPagesM3","exportedCarbonFileId":null},{"slug":"develop/android/mdc-android","documentId":"6031667445760000","collectionId":"LandingPagesM3","exportedCarbonFileId":null},{"slug":"develop/android/jetpack-compose","documentId":"5532172983336960","collectionId":"LandingPagesM3","exportedCarbonFileId":null},{"slug":"develop/flutter","documentId":"6341287376715776","collectionId":"LandingPagesM3","exportedCarbonFileId":null},{"slug":"develop/web","documentId":"4788215659757568","collectionId":"LandingPagesM3","exportedCarbonFileId":null},{"slug":"foundations","documentId":"6728008782184448","collectionId":"LandingPagesM3","exportedCarbonFileId":null},{"slug":"foundations/overview","documentId":"6216994555035648","collectionId":"GuidelinesM3","exportedCarbonFileId":"4101047f-0a57-42f9-b537-2f1dcd7d1fa7.json","carbonPath":"m3/pages/overview","alternateSlugs":["overview/8386f4ab-ae95-43dd-9bad-d6d311929404","foundations/accessible-design/overview"],"tabs":[{"label":"Principles"},{"label":"Assistive technology"}]},{"slug":"foundations/designing","documentId":"4605781093253120","collectionId":"GuidelinesM3","exportedCarbonFileId":"d352451b-8348-4816-abac-4d7983f72f88.json","carbonPath":"m3/pages/designing","tabs":[{"label":"Overview"},{"label":"Color contrast"},{"label":"Structure"},{"label":"Flow"},{"label":"Elements"}]},{"slug":"foundations/writing","documentId":"5361706141876224","collectionId":"GuidelinesM3","exportedCarbonFileId":"672aa1bf-2faf-4bf9-b0b5-7a9d782da071.json","carbonPath":"m3/pages/writing-and-text","tabs":[{"label":"Best practices"},{"label":"Text truncation"},{"label":"Text resizing"}]},{"slug":"foundations/content-design/overview","documentId":"5003797496725504","collectionId":"GuidelinesM3","exportedCarbonFileId":"e34bf326-f486-4b48-8b76-db3b0ce8a7a7.json","carbonPath":"m3/pages/content-overview"},{"slug":"foundations/content-design/alt-text","documentId":"4847058178670592","collectionId":"GuidelinesM3","exportedCarbonFileId":"5a576ba1-d2c8-4708-a167-2a10d0260f72.json","carbonPath":"m3/pages/alt-text"},{"slug":"foundations/content-design/global-writing","documentId":"5159534792933376","collectionId":"GuidelinesM3","exportedCarbonFileId":"33c706d8-c9b9-4190-a403-d028a56da5cb.json","carbonPath":"m3/pages/global-writing","tabs":[{"label":"Overview"},{"label":"Word choice"}]},{"slug":"foundations/content-design/style-guide","documentId":"6435798212804608","collectionId":"GuidelinesM3","exportedCarbonFileId":"09101f02-d770-422e-ad62-1031f867c1aa.json","carbonPath":"m3/pages/style-guide","tabs":[{"label":"UX writing best practices"},{"label":"Word choice"},{"label":"Grammar and punctuation"}]}

1,{"slug":"foundations/glossary","documentId":"6401633172586496","collectionId":"GuidelinesM3","exportedCarbonFileId":"e168c820-1e32-47af-8b0f-8960299aff3c.json","carbonPath":"m3/pages/material-a-z"},{"slug":"foundations/customization","documentId":"6266397839327232","collectionId":"GuidelinesM3","exportedCarbonFileId":"d82ab2cd-75e3-4cd0-8117-ff5ccbc8de85.json","carbonPath":"m3/pages/customization"},{"slug":"foundations/design-tokens","documentId":"5348033117814784","collectionId":"GuidelinesM3","exportedCarbonFileId":"abae98fd-d828-44f8-bb66-9ee8746f6073.json","carbonPath":"m3/pages/design-tokens","tabs":[{"label":"Overview","alternateSlugs":["overview/825906c9-6eed-47d1-8812-450910c1356e"]},{"label":"How to read tokens"},{"label":"How to use tokens"}]},{"slug":"foundations/layout/understanding-layout","documentId":"4574902279208960","collectionId":"GuidelinesM3","exportedCarbonFileId":"a12b2de7-b2c4-4a79-8503-d3b1e8d4d601.json","carbonPath":"m3/pages/understanding-layout","alternateSlugs":["foundations/adaptive-design/overview"],"tabs":[{"label":"Overview"},{"label":"Spacing"},{"label":"Parts of layout"},{"label":"Hardware considerations"}]},{"slug":"foundations/layout/applying-layout","documentId":"6396979944620032","collectionId":"GuidelinesM3","exportedCarbonFileId":"16281dc1-7630-4e78-abaf-c9bc8be69663.json","carbonPath":"m3/pages/applying-layout","alternateSlugs":["foundations/adaptive-design/large-screens","foundations/adaptive-design/foldables"],"tabs":[{"label":"Window size classes"},{"label":"Compact"},{"label":"Medium"},{"label":"Expanded"},{"label":"Large & extra-large"}]},{"slug":"foundations/layout/canonical-layouts","documentId":"5644074295754752","collectionId":"GuidelinesM3","exportedCarbonFileId":"23b84814-755b-469b-83a9-771fe027b0c0.json","carbonPath":"m3/pages/canonical-layouts","alternateSlugs":["foundations/adaptive-design/canonical-layouts"],"tabs":[{"label":"Overview"},{"label":"List-detail"},{"label":"Supporting pane"},{"label":"Feed"}]},{"slug":"foundations/interaction/gestures","documentId":"5021250746449920","collectionId":"GuidelinesM3","exportedCarbonFileId":"0f6a68e6-a217-4f0e-8a7e-3f292c84a230.json","carbonPath":"m3/pages/gestures"},{"slug":"foundations/interaction/inputs","documentId":"5293135052800000","collectionId":"GuidelinesM3","exportedCarbonFileId":"e82cd926-292d-409b-892a-1

1553f01be9a8.json","carbonPath":"m3/pages/inputs"},{"slug":"foundations/interaction/selection","documentId":"6065614490828800","collectionId":"GuidelinesM3","exportedCarbonFileId":"0dfa5930-0695-4d99-a58a-2a7705c79d66.json","carbonPath":"m3/pages/selection"},{"slug":"foundations/interaction/states","documentId":"6022048224378880","collectionId":"GuidelinesM3","exportedCarbonFileId":"b3339b30-4a6d-49b6-9a8b-8e581b2b1204.json","carbonPath":"m3/pages/states","alternateSlugs":["m3/pages/interaction-states","m3/pages/interaction-states/tab 1","foundations/interaction-states"],"tabs":[{"label":"Overview"},{"label":"State layers"},{"label":"Applying states"}]},{"slug":"styles","documentId":"6245398171746304","collectionId":"LandingPagesM3","exportedCarbonFileId":null},{"slug":"styles/color/system","documentId":"6411266230583296","collectionId":"GuidelinesM3","exportedCarbonFileId":"89e1e9ce-0d9c-4391-9182-818434527cda.json","carbonPath":"m3/pages/color","alternateSlugs":["styles/color/overview"],"tabs":[{"label":"Overview"},{"label":"How the system works"}]},{"slug":"styles/color/roles","documentId":"6620357365202944","collectionId":"GuidelinesM3","exportedCarbonFileId":"ced25aa3-a367-44c6-a47e-439bc9e59d68.json","carbonPath":"m3/pages/color-roles","alternateSlugs":["styles/color/the-color-system/key-colors-tones","styles/color/the-color-system"]},{"slug":"styles/color/choosing-a-scheme","documentId":"6385438626021376","collectionId":"GuidelinesM3","exportedCarbonFileId":"a4aa0cf5-4017-4dea-ae51-edb8e950bd2c.json","carbonPath":"m3/pages/choosing-a-scheme"},{"slug":"styles/color/static","documentId":"5973045529935872","collectionId":"GuidelinesM3","exportedCarbonFileId":"247d635f-924c-4e83-8383-94965fe769e2.json","carbonPath":"m3/pages/static","tabs":[{"label":"Baseline"},{"label":"Custom brand"}]},{"slug":"styles/color/dynamic","documentId":"5973045529935872","collectionId":"GuidelinesM3","exportedCarbonFileId":"03571013-d450-49cc-8300-4c7ee70bb4ca.json","carbonPath":"m3/pages/dynamic","alternateSlugs":["styles/color/dynamic-color","styles/color/dynamic-color/overview","m3/pages/dynamic-color/overview"],"tabs":[{"label":"Choosing a source"},{"label":"User-generated source"},{"label":"Content-based source"}]},{"slug":"styles/color/advanced","documentId":"4700431016656896","collectionId":"GuidelinesM3","exportedCarbonFileId":"eee5a035-c309-4c67-afb5-6b4c6dd8ec4e.json","carbonPath":"m3/pages/advanced","tabs":[{"label":"Overview"},{"label":"Apply colors"},{"label":"Define new colors"},{"label":"Adjust existing colors"}]},{"slug":"styles/color/resources","documentId":"5288490573627392","collectionId":"GuidelinesM3","exportedCarbonFileId":"e5cd1701-c004-498e-a4ec-620446227c51.json","carbonPath":"m3/pages/color-resources"},{"slug":"styles/icons","documentId":"5180731982348288","collectionId":"GuidelinesM3","exportedCarbonFileId":"17aed561-a58a-44d4-852e-1e5be253a641.json","carbonPath":"m3/pages/icons","tabs":[{"label":"Overview"},{"label":"Designing icons"},{"label":"Applying icons"}]},{"slug":"styles/shape","documentId":"5290068092387328","collectionId":"GuidelinesM3","exportedCarbonFileId":"5e04e8f6-7da6-475e-a1b0-3818021c0cea.json","carbonPath":"m3/pages/shape","tabs":[{"label":"Overview"},{"label":"Shape scale & tokens","alternateSlugs":["shape-scale-&-tokens","shape scale & tokens"]}]},{"slug":"styles/typography","documentId":"4582927777923072","collectionId":"GuidelinesM3","exportedCarbonFileId":"f6a1d89a-1bbf-46d1-a177-f13b074897a5.json","carbonPath":"m3/pages/typography","tabs":[{"label":"Overview"},{"label":"Fonts"},{"label":"Type scale & tokens","alternateSlugs":["tokens"]},{"label":"Applying type","alternateSlugs":["applying-scaling-type"]}]},{"slug":"styles/elevation","documentId":"5232418357379072","collectionId":"GuidelinesM3","exportedCarbonFileId":"38354be9-206b-4988-96a8-0f2a88074511.json","carbonPath":"m3/pages/elevation","tabs":[{"label":"Overview"},{"label":"Applying elevation"},{"label":"Tokens"}]},{"slug":"styles/motion/overview","documentId":"4956189951655936","collectionId":"GuidelinesM3","exportedCarbonFileId":"

1ccf2c3e9-82b5-4c4a-9570-b0d08d95c0c1.json","carbonPath":"m3/pages/motion-overview"},{"slug":"styles/motion/easing-and-duration","documentId":"5485575272529920","collectionId":"GuidelinesM3","exportedCarbonFileId":"1d658c3f-ba19-48be-9b71-872c72c7166e.json","carbonPath":"m3/pages/motion-easing-and-duration","tabs":[{"label":"Applying easing and duration"},{"label":"Tokens & specs"}]},{"slug":"styles/motion/transitions","documentId":"4701069397590016","collectionId":"GuidelinesM3","exportedCarbonFileId":"2b9bdc79-df8e-4ad2-bdca-e0a3f083cd33.json","carbonPath":"m3/pages/motion-transitions","tabs":[{"label":"Transition patterns"},{"label":"Applying transitions"}]},{"slug":"components","documentId":"4784958480711680","collectionId":"LandingPagesM3"},{"slug":"components/all-buttons","documentId":"4580168479539200","collectionId":"ComponentsM3","exportedCarbonFileId":"276f1bd7-d048-49fd-8483-f267f2ece13d.json","carbonPath":"m3/pages/all-buttons","theme":"green"},{"slug":"components/buttons","documentId":"5047690081337344","collectionId":"ComponentsM3","exportedCarbonFileId":"e31df68a-59d4-41dc-8743-8c48b476d4f8.json","carbonPath":"m3/pages/common-buttons","theme":"green","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/floating-action-button","documentId":"5478118281969664","collectionId":"ComponentsM3","exportedCarbonFileId":"1e52f150-575c-45fa-8f5f-75868c5ab068.json","carbonPath":"m3/pages/fab","theme":"green","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/extended-fab","documentId":"6132503911596032","collectionId":"ComponentsM3","exportedCarbonFileId":"94487cf5-eb79-43b1-b6b1-470512cfcc88.json","carbonPath":"m3/pages/extended-fab","theme":"green","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/icon-buttons","documentId":"4900309356511232","collectionId":"ComponentsM3","exportedCarbonFileId":"71391cd0-92f8-4a8e-a625-828f5413a221.json","carbonPath":"m3/pages/icon-buttons","theme":"green","alternateSlugs":["m3/pages/icon-button","components/icon-button"],"tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/segmented-buttons","documentId":"5015303666532352","collectionId":"ComponentsM3","exportedCarbonFileId":"409b50be-403a-4846-932c-706a9b2137dd.json","carbonPath":"m3/pages/segmented-buttons","theme":"green","alternateSlugs":["m3/pages/segmented-button","components/segmented-button"],"tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/bottom-app-bar","documentId":"5745769893855232","collectionId":"ComponentsM3","exportedCarbonFileId":"a860ede6-c1a2-4868-a8e9-ca2f01d76dd7.json","carbonPath":"m3/pages/bottom-app-bar","theme":"yellow","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/bottom-sheets","documentId":"5317529291587584","collectionId":"ComponentsM3","exportedCarbonFileId":"aa6f9af2-d539-4b22-9af5-838e7cfc4a85.json","carbonPath":"m3/pages/bottom-sheets","theme":"red","alternateSlugs":["components/bottom-sheetsimplementation"],"tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/cards","documentId":"5274907658944512","collectionId":"ComponentsM3","exportedCarbonFileId":"1a23fbe7-0474-444c-abfb-717bb148d3a8.json","carbonPath":"m3/pages/cards","theme":"red","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/carousel","documentId":"6741722102104064","collectionId":"ComponentsM3","exportedCarbonFileId":"b0726223-2639-4157-84ae-cb84c07ee2e5.json","carbonPath":"m3/pages/carousel","theme":"red","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/chips","documentId":"4550268829827072","collectionId":"ComponentsM3","exportedCarbonFileId":"592d28d0-0c82-4642-a203-556b1e0581b0.json","carbonPath":"m3/pages/c

1hips","theme":"green","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/dialogs","documentId":"5732087063379968","collectionId":"ComponentsM3","exportedCarbonFileId":"79c01ab5-d09a-4f6c-9aca-f76d310583bc.json","carbonPath":"m3/pages/dialogs","theme":"red","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/divider","documentId":"6718319889612800","collectionId":"ComponentsM3","exportedCarbonFileId":"843ffaa9-e73e-45a7-bff7-f198cac0a7c8.json","carbonPath":"m3/pages/divider","theme":"red","alternateSlugs":["m3/pages/dividers"],"tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/menus","documentId":"4984542628413440","collectionId":"ComponentsM3","exportedCarbonFileId":"24b60c3f-1ec7-48df-b175-0d8e011a8106.json","carbonPath":"m3/pages/menus","theme":"green","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/navigation-bar","documentId":"4967494451986432","collectionId":"ComponentsM3","exportedCarbonFileId":"9e4cdffa-f7fd-425f-9915-867aafbcc7d6.json","carbonPath":"m3/pages/navigation-bar","theme":"yellow","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/navigation-drawer","documentId":"5584597953544192","collectionId":"ComponentsM3","exportedCarbonFileId":"d2a1a290-0db4-4622-8a4b-bd11b6a4ec8d.json","carbonPath":"m3/pages/navigation-drawer","theme":"yellow","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/navigation-rail","documentId":"4684372405649408","collectionId":"ComponentsM3","exportedCarbonFileId":"98fe42bd-9bb1-4307-9e92-e61e57c3e9da.json","carbonPath":"m3/pages/navigation-rail","theme":"yellow","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/progress-indicators","documentId":"5123887511764992","collectionId":"ComponentsM3","exportedCarbonFileId":"9a92bb46-ccc8-4752-a144-b770d47fe1dd.json","carbonPath":"m3/pages/progress-indicators","theme":"red","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/radio-button","documentId":"6300061889855488","collectionId":"ComponentsM3","exportedCarbonFileId":"091d4b7c-1ab2-4050-963a-4e2558ee5d08.json","carbonPath":"m3/pages/radio-button","theme":"green","alternateSlugs":["components/radio-buttons","m3/pages/radio-buttons"],"tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/search","documentId":"4567571785449472","collectionId":"ComponentsM3","exportedCarbonFileId":"22081e54-b56a-47b2-b137-9ba82953f05e.json","carbonPath":"m3/pages/search","theme":"yellow","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/side-sheets","documentId":"5634981699387392","collectionId":"ComponentsM3","exportedCarbonFileId":"040dabe3-ed0f-4759-824d-812224e78af3.json","carbonPath":"m3/pages/side-sheets","theme":"red","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/sliders","documentId":"5339758096154624","collectionId":"ComponentsM3","exportedCarbonFileId":"4d160e88-c954-4614-8d11-4ec3ed399c92.json","carbonPath":"m3/pages/sliders","theme":"green","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/switch","documentId":"6665545327575040","collectionId":"ComponentsM3","exportedCarbonFileId":"a4ad43f1-5c39-44b2-ae15-a7110bdf4fa6.json","carbonPath":"m3/pages/switch","theme":"green","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/text-fields","documentId":"5255504477290496","collectionId":"ComponentsM3","exportedCarbonFileId":"8741ef66-1a80-4b39-adb1-66bea5e6992f.json","carbonPath":"m3/pages/text-fields","theme":"yellow","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/tooltips","documentId":"5225170760499200","collectionId":"ComponentsM3","exportedCarbonFileId":"

1cb07b841-eae0-4959-bbab-25b1971714ca.json","carbonPath":"m3/pages/tooltips","theme":"red","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/top-app-bar","documentId":"5802867050676224","collectionId":"ComponentsM3","exportedCarbonFileId":"4135ef28-314c-44dc-b829-6e94a36b69f2.json","carbonPath":"m3/pages/top-app-bar","theme":"yellow","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/lists","documentId":"5818407454900224","collectionId":"ComponentsM3","exportedCarbonFileId":"6d4033c2-f92c-4c43-b585-b3bce8468d48.json","carbonPath":"m3/pages/lists","theme":"red","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/badges","documentId":"6466759209123840","collectionId":"ComponentsM3","exportedCarbonFileId":"e18a73ff-b00d-46e7-af20-ab9dd24bf579.json","carbonPath":"m3/pages/badges","theme":"red","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/tabs","documentId":"5255912768012288","collectionId":"ComponentsM3","exportedCarbonFileId":"f37f47ba-8e67-4f1e-98a3-3bea94879e52.json","carbonPath":"m3/pages/tabs","theme":"yellow","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/checkbox","documentId":"5785703023771648","collectionId":"ComponentsM3","exportedCarbonFileId":"c0332583-8417-4b80-a0a1-e283781d31c6.json","carbonPath":"m3/pages/checkbox","theme":"green","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/date-pickers","documentId":"6007075939418112","collectionId":"ComponentsM3","exportedCarbonFileId":"523144a0-9184-44bd-93f0-5b4c7355f421.json","carbonPath":"m3/pages/date-pickers","theme":"green","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/time-pickers","documentId":"6059337873227776","collectionId":"ComponentsM3","exportedCarbonFileId":"ec8e6da4-b726-403d-bab7-3fb660b6ef86.json","carbonPath":"m3/pages/time-pickers","theme":"green","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]},{"slug":"components/snackbar","documentId":"6512828169191424","collectionId":"ComponentsM3","exportedCarbonFileId":"26cf2750-80f7-43f8-a155-834aa01276df.json","carbonPath":"m3/pages/snackbar","theme":"red","tabs":[{"label":"Overview","icon":"info"},{"label":"Specs","icon":"style"},{"label":"Guidelines","icon":"design_services"},{"label":"Accessibility","icon":"accessibility_new"}]}]}')}},z=>{z.O(0,[736],()=>z(z.s=6139)),z.O()}]);