#library-main{flex-direction:column;grid-area:content;height:100%;min-height:0;display:flex;position:relative;overflow-y:auto}#library-main #panel{width:100%;z-index:calc(var(--groupui-sys-z-index-content-layer) + 1);bottom:0;right:0;top:var(--groupui-sys-spacing-1600);border-left:var(--groupui-sys-border-width-s) var(--groupui-sys-stroke-style-primary) var(--groupui-sys-color-line-weak);background:var(--groupui-sys-color-background-base);padding:var(--groupui-sys-spacing-600);box-sizing:border-box;position:fixed;overflow:auto;transform:translate(100%)}#library-main #panel>div{gap:var(--groupui-sys-spacing-600);flex-direction:column;display:flex}#library-main #toolbar{background-color:var(--groupui-sys-color-background-base);padding:var(--groupui-sys-spacing-400);border-bottom:var(--groupui-sys-border-width-s) var(--groupui-sys-stroke-style-primary) var(--groupui-sys-color-line-weak);z-index:var(--groupui-sys-z-index-content-layer);margin-right:0;position:sticky;top:0}#library-main #toolbar .tools{gap:var(--groupui-sys-spacing-400);width:100%;max-width:1280px;margin:auto;display:flex}#library-main #toolbar .tools #search-field{max-width:var(--groupui-sys-media-query-xxl);margin:0 auto}#library-main #toolbar .tools groupui-button{min-width:max-content}#library-main #content-wrapper{gap:var(--groupui-sys-spacing-800);padding-inline:var(--groupui-sys-spacing-400);grid-template-rows:auto max-content;grid-template-columns:1fr;justify-items:center;height:100%;margin-right:0;display:grid}#library-main #content-wrapper #content{width:100%;max-width:1280px}#library-main #content-wrapper #footer{background-color:var(--groupui-sys-color-background-canvas);width:100%;margin:0 calc(-1 * var(--groupui-sys-spacing-400));padding:0 var(--groupui-sys-spacing-400)}#library-main.show-panel #panel{transition:transform var(--groupui-sys-duration-medium-2) var(--groupui-sys-cubic-bezier-ease-in-out);transform:translate(0)}#library-main.show-panel #toolbar{transition:margin-right var(--groupui-sys-duration-medium-2) var(--groupui-sys-cubic-bezier-ease-in-out);margin-right:var(--groupui-sys-spacing-8000)}#library-main.show-panel #content-wrapper{margin-right:var(--groupui-sys-spacing-8000)}#library-main.hide-panel #panel{transition:transform var(--groupui-sys-duration-medium-2) var(--groupui-sys-cubic-bezier-ease-in-out)}#library-main.hide-panel #toolbar{transition:margin-right var(--groupui-sys-duration-medium-2) var(--groupui-sys-cubic-bezier-ease-in-out)}@media (width>=560px){#library-main #content-wrapper,#library-main #toolbar{padding-inline:var(--groupui-sys-spacing-600)}#library-main #content-wrapper #footer,#library-main #toolbar #footer{margin:0 calc(-1 * var(--groupui-sys-spacing-600));padding:0 var(--groupui-sys-spacing-600)}}@media (width>=960px){#library-main #panel{width:var(--groupui-sys-spacing-8000)}#library-main #content-wrapper,#library-main #toolbar{padding-inline:var(--groupui-sys-spacing-1200)}#library-main #content-wrapper #footer,#library-main #toolbar #footer{margin:0 calc(-1 * var(--groupui-sys-spacing-1200));padding:0 var(--groupui-sys-spacing-1200)}}@media (width>=1280px){#library-main #content-wrapper,#library-main #toolbar{padding-inline:var(--groupui-sys-spacing-1800)}#library-main #content-wrapper #footer,#library-main #toolbar #footer{margin:0 calc(-1 * var(--groupui-sys-spacing-1800));padding:0 var(--groupui-sys-spacing-1800)}}@media (width>=1620px){#library-main #content-wrapper,#library-main #toolbar{padding-inline:var(--groupui-sys-spacing-2400)}#library-main #content-wrapper #footer,#library-main #toolbar #footer{margin:0 calc(-1 * var(--groupui-sys-spacing-2400));padding:0 var(--groupui-sys-spacing-2400)}}#download-button{margin:var(--groupui-sys-spacing-300)}#icon-checkboxes{grid-template-columns:1fr 1fr;display:grid}#download-svg-icons{margin-top:var(--groupui-sys-spacing-300)}img.image{border-radius:var(--groupui-sys-border-radius-m);width:100%;margin:var(--groupui-sys-spacing-300) var(--groupui-sys-spacing-0);border:none}groupui-text{margin:var(--groupui-sys-spacing-0) var(--groupui-sys-spacing-0) var(--groupui-sys-spacing-300)}#divider{margin:0}.snippet-container{margin:0 1px}.size-checkbox{margin-bottom:var(--groupui-sys-spacing-300)}#close-panel{top:var(--groupui-sys-spacing-400);right:var(--groupui-sys-spacing-400);position:absolute}#preview{border-radius:var(--groupui-sys-border-radius-m);background:var(--groupui-sys-color-background-stripe);padding:var(--groupui-sys-spacing-800) calc(var(--groupui-sys-spacing-1600) + var(--groupui-sys-spacing-200));color:var(--groupui-sys-color-action-quiet-default);justify-content:center;display:flex}#logo-checkboxes{gap:var(--groupui-sys-spacing-400);grid-template-columns:1fr;display:grid}#download-svg-logos{margin-top:var(--groupui-sys-spacing-300)}.library-container{--asset-size-min:80px;--asset-size-max:120px;--aspect-ratio:1 / 1;grid-template-columns:repeat(auto-fill, minmax(var(--asset-size-min), 1fr));align-content:flex-start;gap:var(--groupui-sys-spacing-400);padding-top:var(--groupui-sys-spacing-600);padding-bottom:var(--groupui-sys-spacing-1000);display:grid}@media (width>=560px){.library-container{gap:var(--groupui-sys-spacing-600)}}@media (width>=960px){.library-container{padding-top:var(--groupui-sys-spacing-1000);padding-bottom:var(--groupui-sys-spacing-1800)}}@media (width>=1280px){.library-container{--asset-size-min:100px;--asset-size-max:140px}}@media (width>=1620px){.library-container{--asset-size-min:120px;--asset-size-max:160px;gap:var(--groupui-sys-spacing-800);padding-bottom:var(--groupui-sys-spacing-2400)}}.asset-card{gap:var(--groupui-sys-spacing-200);flex-direction:column;flex:1 1 var(--asset-size-min);min-width:var(--asset-size-min);max-width:var(--asset-size-max);color:var(--groupui-sys-color-navigation-unselected-basic-default);display:flex}.asset-card:focus{outline:none}.asset-container{cursor:pointer;aspect-ratio:var(--aspect-ratio);border-radius:var(--groupui-sys-border-radius-m);box-sizing:border-box;border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.asset-container groupui-icon,.asset-container img.image,.asset-container img.logo{transition:transform var(--groupui-sys-duration-medium-2) var(--groupui-sys-cubic-bezier-ease)}.asset-container img.logo{width:100%}.asset-container img.image{object-fit:cover;border:none;border-radius:0;width:100%;height:100%}.asset-container.active{color:var(--groupui-sys-color-navigation-selected-basic-default);box-shadow:0 0 0 var(--groupui-sys-border-width-s) var(--groupui-sys-color-navigation-selected-basic-default)}.asset-container:hover{color:var(--groupui-sys-color-navigation-unselected-basic-hover)}.asset-container:hover:after{content:"";background-color:var(--groupui-sys-color-navigation-unselected-subtle-hover);position:absolute;inset:0}.asset-container:hover groupui-icon,.asset-container:hover img.image,.asset-container:hover img.logo{transform:scale(1.15)}.asset-container:active{color:var(--groupui-sys-color-navigation-unselected-basic-pressed)}.asset-container:active:after{content:"";background-color:var(--groupui-sys-color-navigation-unselected-subtle-pressed);position:absolute;inset:0}.image-library{--asset-size-min:240px;--asset-size-max:560px}.image-library .asset-container{height:240px}.asset-card:focus-visible .asset-container{outline:var(--groupui-sys-border-width-m) var(--groupui-sys-stroke-style-primary) var(--groupui-sys-color-navigation-selected-basic-default);outline-offset:2px}.asset-name{text-align:center;overflow-wrap:break-word;color:var(--groupui-sys-color-text-weaker);margin:0}img{border:unset}.empty-list{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-list groupui-icon{color:var(--groupui-sys-color-brand-core)}.empty-list .headline{margin:var(--groupui-sys-spacing-300) var(--groupui-sys-spacing-0) var(--groupui-sys-spacing-400)}