.gallery-list{position:relative}.gallery-list .table-container{border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-sm);overflow-x:auto}.gallery-list table{border-collapse:separate;border-spacing:0;width:100%;position:relative;table-layout:fixed;font-size:var(--font-size-body-md)}.gallery-list .table-header-wrapper{position:sticky;background-color:var(--color-background-tertiary);z-index:300;overflow-x:auto;overflow-y:hidden;border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm);border:1px solid var(--color-border-secondary);border-bottom:none}@media (min-width: 640px){.gallery-list .table-header-wrapper{top:calc(var(--header-height) + var(--filter-form-wrapper-height-tablet))}.gallery-list .table-header-background{position:sticky;top:calc(var(--header-height) + var(--filter-form-wrapper-height-tablet));height:var(--size-150);background-color:var(--bg);z-index:200;width:100%}}@media (min-width: 1485px){.gallery-list .table-header-wrapper,.gallery-list .table-header-background{top:calc(var(--header-height) + var(--filter-form-wrapper-height-desktop))}}.gallery-list .table-body-wrapper{position:relative;overflow-x:auto;overflow-y:auto;border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-sm);border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px;height:auto}.gallery-list .table-header-wrapper table,.gallery-list .table-body-wrapper table{position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:100%}.gallery-list .table-header-wrapper th,.gallery-list .table-body-wrapper td{width:var(--col-width)}.gallery-list .table-body-wrapper tr{display:table;table-layout:fixed;width:100%}.gallery-list .syncscroll{scrollbar-width:none;-ms-overflow-style:none}.gallery-list .table-header-wrapper::-webkit-scrollbar{display:none}.gallery-list th,.gallery-list td{overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto}.gallery-list th{background-color:var(--color-background-tertiary);text-transform:uppercase;padding:0 var(--size-100);border-bottom:1px solid var(--color-border-secondary);font-weight:var(--font-weight-bold);position:relative;font-size:var(--font-size-body-sm);height:var(--size-200)}.gallery-list tbody td{padding:var(--size-75) var(--size-100);border-bottom:1px solid var(--color-border-secondary)}.gallery-list tbody tr:last-child td{border-bottom:none}.gallery-list th.sticky-header.sticky-col,.gallery-list .sticky-col{position:sticky;left:0;z-index:20;background-color:var(--color-background-primary);max-width:223px}.gallery-list th.sticky-header.sticky-col{z-index:35;background-color:var(--color-background-tertiary)}.gallery-list .is-scrolled-horizontally .sticky-col,.gallery-list .is-scrolled-horizontally .sticky-header.sticky-col{border-right:1px solid var(--color-border-secondary)}.gallery-list [data-column=title]{--col-width: 223px;max-width:var(--col-width);text-align:left}.gallery-list [data-column=description]{--col-width: 400px;width:var(--col-width);min-width:300px;max-width:var(--col-width);text-align:left}.gallery-list [data-column=description] .description-cell{display:block;overflow:hidden;text-overflow:ellipsis}.gallery-list [data-column=designTeam],.gallery-list [data-column=engTeam]{--col-width: 196px;max-width:var(--col-width);text-align:left}.gallery-list [data-column=designTeam] .team-name-col,.gallery-list [data-column=engTeam] .team-name-col{overflow:hidden;text-overflow:ellipsis}.gallery-list [data-column=designTeam] .team-name-col .truncation-container,.gallery-list [data-column=engTeam] .team-name-col .truncation-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.gallery-list [data-column=uib],.gallery-list [data-column=code],.gallery-list [data-column=a11y]{text-align:center}.gallery-list [data-column=uib] .status-inline,.gallery-list [data-column=code] .status-inline,.gallery-list [data-column=a11y] .status-inline{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.gallery-list th[data-column=uib] .th-content,.gallery-list th[data-column=code] .th-content{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gallery-list th[data-column=a11y] .th-content{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.gallery-list [data-column=uib],.gallery-list [data-column=code]{--col-width: 88px;max-width:var(--col-width)}.gallery-list [data-column=a11y]{--col-width: 148px;max-width:var(--col-width)}.gallery-list [data-column=a11y] .status-inline{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.gallery-list [data-column=resources]{--col-width: 160px;max-width:var(--col-width);min-width:160px;overflow:visible;text-align:left}.gallery-list [data-column=title] .name-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--size-50)}.gallery-list [data-column=title] .component-icon{width:var(--size-200);height:var(--size-200);-ms-flex-negative:0;flex-shrink:0}.gallery-list [data-column=title] .component-name{color:var(--link);text-decoration:underline;outline:var(--size-10) solid transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;border-radius:var(--border-radius-xs)}.gallery-list [data-column=title] .component-name:hover{color:var(--link-hover);background-color:var(--color-background-interaction);outline-color:var(--color-background-interaction)}.gallery-list [data-column=title] .component-name:active{color:var(--link-active)}.gallery-list [data-column=title] .component-name:focus-visible{outline:var(--size-10) solid var(--color-border-primary)}.gallery-list .status-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--size-50);font-weight:500;color:var(--color-text-primary)}.gallery-list .status-inline span{color:var(--color-text-primary)}.gallery-list .status-inline svg{width:var(--size-100);height:var(--size-100);-ms-flex-negative:0;flex-shrink:0}.gallery-list .status-positive{color:var(--color-green-positive)}.gallery-list .status-negative{color:var(--color-red-negative)}.gallery-list .resources-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gallery-list .resource-icons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--size-50)}.gallery-list .resource-icon,.gallery-list .info-icon-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--size-25);z-index:10;cursor:pointer}.gallery-list .resource-icon:hover .tooltip,.gallery-list .info-icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.gallery-list .resource-icon{width:var(--size-150);height:var(--size-150);border-radius:var(--size-25);background:var(--color-background-secondary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gallery-list .resource-icon:hover{background-color:var(--color-background-tertiary)}.gallery-list .resource-icon img{width:var(--size-125);height:var(--size-125)}.gallery-list .info-icon-wrapper svg{width:var(--size-75);height:var(--size-75)}.gallery-list .th-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--size-25);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100%;line-height:1}.gallery-list .sort-indicator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:var(--size-25)}.gallery-list .sort-indicator svg{-webkit-transition:-webkit-transform var(--transition-duration-medium) ease-in-out;transition:-webkit-transform var(--transition-duration-medium) ease-in-out;transition:transform var(--transition-duration-medium) ease-in-out;transition:transform var(--transition-duration-medium) ease-in-out,-webkit-transform var(--transition-duration-medium) ease-in-out}.gallery-list .sort-indicator.asc svg{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.gallery-list .sort-indicator.desc svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.gallery-list tr.clickable:hover{background-color:var(--color-background-hover)}.gallery-list td[data-column]:not([data-column=title]),.gallery-list th[data-column]:not([data-column=title]){display:none}.gallery-list .no-search-results{padding-top:var(--size-100)}@media (min-width: 640px){.gallery-list .no-search-results{padding-top:unset}}@media (min-width: 640px){.gallery-list td[data-column=description],.gallery-list th[data-column=description]{display:table-cell!important}}@media (min-width: 815px){.gallery-list td[data-column],.gallery-list th[data-column]{display:table-cell!important}}.gallery-list:has([data-column=title]+[data-column=description]:last-child) [data-column=description]{--col-width: auto}