.pagination ul{max-width:100%}.pagination a,.pagination li,.pagination span{display:inline-block;margin:0;vertical-align:middle}.pagination li+li{margin-left:.6rem}.pagination [aria-current=page],.pagination a{padding:.4rem 1.1rem;color:inherit}.pagination a:focus,.pagination a:hover{background:hsla(0,0%,0%,.1);color:inherit;text-decoration:none}.pagination a:active{background:hsla(0,0%,0%,.3);outline:transparent}.pagination [aria-current=page]{border:1px solid #0078d4}.pagination__next a,.pagination__prev a{position:relative;padding:.3rem 1.1rem}.pagination__next a::after,.pagination__prev a::before{display:inline-block;vertical-align:middle;font-family:PlatformIcons}.pagination__prev a::before{margin-right:.8rem;content:"\e76b"}.pagination__next a::after{margin-left:.8rem;content:"\e76c"}.pagination__next span,.pagination__prev span{display:inline-block;margin-top:-.2rem;max-width:16rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width:37.5em){.pagination li+li{margin-left:.3rem}.pagination__next span,.pagination__prev span{position:absolute;clip:rect(0 0 0 0)}.pagination__prev a::before{margin-right:0}.pagination__next a::after{margin-left:0}}@media (-ms-high-contrast:active){.pagination [aria-current=page],.pagination a:active,.pagination a:focus,.pagination a:hover{color:buttonText}}.content--inline-demo>iframe{width:100%;height:90vh;border:0}.pagination{width:100%;margin-top:3.2rem}.demos-loading{opacity:.5}.header__action,.page-header__actions .button,.page-header__actions button{margin-top:0}.page-header__actions{margin-top:3.2rem}@media (min-width:60em){.page-header--has-action{display:-ms-flexbox;display:flex;align-items:center}.page-header__text{max-width:none;-ms-flex:1;flex:1;padding-right:4.8rem}.page-header__actions{margin-top:0}.page-header__actions .button:not(.button--page-primary),.page-header__actions button:not(.button--page-primary){margin-top:.4rem}}.list--browse-demo-tags{max-width:none;margin-left:0;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:3.5rem;-moz-column-gap:3.5rem;column-gap:3.5rem;list-style:none}.list--browse-demo-tags li{margin-top:.2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (min-width:60em){.list--browse-demo-tags{-webkit-column-count:4;-moz-column-count:4;column-count:4}}.list--browse-demo-cats,.list--browse-demo-tags{margin-top:3rem}.testdrive--char-down{vertical-align:bottom;line-height:1}.testdrive--char-up{vertical-align:top;line-height:1}.section--browse--demos .button{width:100%}@media (min-width:20em){.section--browse--demos .button{width:auto}}.demo__header{margin-top:1.6rem}.demo__header .section__header{border-bottom:1px solid hsla(0,0%,0%,.1);padding-bottom:2rem}.demo__content{margin-top:0}@media (min-width:58em){.demo__header{margin-top:2.2rem}}.demo-details__heading{font-weight:600;font-size:1.5rem}*+.demo-details__heading{margin-top:2.4rem}.demo-details__heading+p,.demo-details__heading+ul{margin-top:.8rem}.contributor__avatar{margin-right:1.6rem}.contributor__avatar,.contributor__name{display:inline-block;vertical-align:middle}a:hover .contributor__name{text-decoration:underline}.avatar--company{border-radius:0}.demo-details__cats li,.demo-details__tags li{margin-top:.4rem}.demo-details__share{margin-top:1.2rem}.demo-results{border-top:1px solid hsla (0,0,0,.2);margin-top:2.4rem}.wrap-menu-button{position:relative;display:inline-block}button[type=submit]+ul[role=menu],button[type=menu]+ul[role=menu]{position:absolute;top:100%;z-index:1}.browser-filters input[type=radio],[class*=filter-header__search]{position:relative}button[type=menu]{min-width:0;border:0;padding:.8rem;color:hsla(0,0%,0%,.6);background:0}button[type=menu]::after{padding-left:.8rem;color:#000;font:700 .9rem PlatformIcons;content:""}button[type=menu]:hover{color:#000}button[type=menu][disabled]{color:hsla(0,0%,0%,.2)}button[type=menu][disabled]::after{opacity:.2}button[type=submit]+[role=menu],button[type=menu]+[role=menu],button[type=menu]+menu{min-width:29.6rem;margin:0;border:1px solid hsla(0,0%,0%,.1);list-style:none;background:#fff}button[type=submit]+[role=menu] label,button[type=menu]+[role=menu] label,button[type=menu]+menu menuitem{margin:0;padding:1.2rem;background:hsla(0,0%,0%,.05);cursor:pointer}button[type=submit]+[role=menu] label:hover,button[type=menu]+[role=menu] label:hover,button[type=menu]+menu menuitem:hover{background:hsla(0,0%,0%,.1)}button[type=submit]+[role=menu] label:active,button[type=menu]+[role=menu] label:active,button[type=menu]+menu menuitem:active{background:hsla(0,0%,0%,.3)}button[type=submit]+[role=menu] :checked+label,button[type=menu]+[role=menu] :checked+label,button[type=menu]+menu menuitem:checked{background:#0078d7;color:#fff}button[type=submit]+[role=menu] input[disabled]+label,button[type=menu]+[role=menu] input[disabled]+label,button[type=menu]+menu menuitem[disabled]{color:hsla(0,0%,0%,.2);background:hsla(0,0%,0%,.05);cursor:not-allowed}button[type=submit]+[role=menu] li,button[type=menu]+[role=menu] li{margin:0}button[type=submit]+[role=menu] input,button[type=menu]+[role=menu] input{opacity:0}button[type=submit]+[role=menu] label,button[type=menu]+[role=menu] label{display:block}button[type=submit]+[role=menu] input:focus+label,button[type=menu]+[role=menu] input:focus+label{outline:#000 dashed 1px}.filter-header__main{padding-top:1.6rem}.filter-header__dropdown{margin-top:1.2rem;vertical-align:middle}.filter-header__button{margin-left:3.2rem;align-self:center}.filter-header__advanced{margin-top:1.6rem;border:1px solid hsla(0,0%,0%,.2);border-right:0;border-left:0;padding:2rem 0}.filter-header__advanced label{font-weight:600}.filter-header__advanced__col label{margin-bottom:.8rem}.browser-filters{margin-top:.8rem}.browser-filters thead{border-bottom:1px solid hsla(0,0%,0%,.1)}.browser-filters td,.browser-filters th{padding:1rem 2rem 1rem 0;vertical-align:middle;font-weight:400}.browser-filters thead th{padding-top:0}.browser-filters td:last-child,.browser-filters th:last-child{padding-right:0}.browser-filters tr:nth-child(odd){background:0 0}@media (min-width:40em){.filter-header__main{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative}.filter-header__main__left{-ms-flex:1;flex:1;max-width:64rem;margin-right:3.2rem}.filter-header__main__right{margin-left:auto;-ms-flex:1;flex:1;display:flex;justify-content:flex-end}.filter-header__dropdown{margin-top:0;margin-left:3.2rem}.filter-header__advanced{padding:3.2rem 0}.filter-header__advanced__col{display:inline-block;vertical-align:top;margin:0 4.8rem 0 0;min-width:27.6rem}}