.page-body-container{background-color:var(--iui-color-background)}@media(max-width:991px){.page-body-container{padding-top:var(--iui-size-l);padding-bottom:var(--iui-size-l)}}#page-body{background-color:var(--iui-color-background);display:flex;flex-direction:row;flex-grow:1;flex:1 1}#page-header,#page-header-with-breadcrumbs{padding:45px var(--margin) var(--iui-size-l);background-color:var(--navigation-pane-bg-color);border-bottom:1px solid var(--navigation-pane-border-color);z-index:1}#page-header .iui-text-headline,#page-header-with-breadcrumbs .iui-text-headline{margin:0 0 var(--iui-size-s)}#page-header-with-breadcrumbs{padding:0 var(--margin) var(--iui-size-l)}#page-header-with-breadcrumbs .breadcrumbs{margin-left:calc(-1*var(--iui-size-s));margin-bottom:var(--iui-size-m)}#page-header.sticky{position:-webkit-sticky;position:sticky;top:57px}.page-content-header{padding-top:45px;padding-bottom:var(--iui-size-l);background-color:var(--navigation-pane-bg-color);border-bottom:1px solid var(--navigation-pane-border-color)}.samples #samples-page-content{flex-direction:column;display:flex;width:100%}.samples #samples-page-content .iui-tabs-borderless{padding:0 var(--margin);border-bottom:1px solid var(--navigation-pane-border-color);margin:0}.samples #samples-page-content .iui-tabs-borderless li>a{padding:8px 27px}.samples #samples-page-content .iui-tabs-borderless li>a:after{bottom:0;left:0;right:0;height:3px}.samples #samples-page-content .iui-tabs-borderless .iui-tabs-active>a{padding:8px 22px}.samples #all-samples-content{margin:var(--padding-l) var(--margin) 0}.samples #all-samples-content .sample-tile-list{margin-bottom:33px;display:flex;gap:var(--iui-size-l);flex-wrap:wrap}.samples #all-samples-content .sample-tile-list .sample-tile{border-radius:3px;width:250px!important;height:100%}.samples #all-samples-content .sample-tile-list .sample-tile .iui-tile-thumbnail{border-radius:3px 3px 0 0}.samples #all-samples-content .sample-tile-list .sample-tile .thumbnail-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.samples #all-samples-content .sample-tile-list .sample-tile .thumbnail-container .group-icon{width:64px!important;height:64px!important;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.samples #all-samples-content .sample-tile-list .sample-tile .iui-tag{text-transform:none}.samples #all-samples-content .sample-tile-list .sample-tile .iui-tile-name-label{white-space:normal!important}.samples #all-samples-content .sample-tile-list .sample-tile svg,.samples #all-samples-content .sample-tile-list .sample-tile svg path{width:20px!important;height:20px!important}.samples .subheading{font-weight:600;border-bottom:1px solid var(--navigation-pane-border-color)}.samples .search-and-filter-section{margin:0 0 22px;flex-direction:row;display:flex;place-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--iui-size-l)}.samples .search-and-filter-section .labeled-input-container{height:38px}.samples .search-and-filter-section .filter-search{width:250px;margin:0;height:38}