.category-page{display:flex;flex-direction:column;padding-bottom:40px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;--side-margin-width:0px}.category-page::-webkit-scrollbar{display:none}.category-page .header-wrapper{position:sticky;top:0;z-index:1;display:flex;justify-content:center;align-items:center;padding:0;background:var(--background-secondary)}.category-page .header-wrapper.border{border-bottom:1px solid var(--border-divider-secondary)}.category-page .header-wrapper .header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1600px;padding:40px 0}.category-page .header-wrapper .header h1{margin-left:var(--side-margin-width)}.category-page .header-wrapper .header .filter{margin-right:var(--side-margin-width)}@media (max-width:886px){.category-page .header-wrapper{padding:0 40px 16px}}@media (max-width:1159px){.category-page .header-wrapper .header{flex-direction:column;gap:24px;max-width:1600px}.category-page .header-wrapper .header h1{max-width:800px;margin-left:0}.category-page .header-wrapper .header .filter{display:flex;margin-right:0}}.card-list-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min-content,257px));row-gap:16px;justify-content:center;width:100%;max-width:1600px;margin:0 auto;padding:0 40px;-moz-column-gap:16px;column-gap:16px}@media (max-width:886px){.card-list-container{padding:0 40px}}.card-container .tooltip{z-index:1;width:-moz-fit-content;width:fit-content;min-width:unset;min-height:-moz-fit-content;min-height:fit-content;padding:var(--radius-8);color:var(--text-primary);font-size:12px;text-align:left;border:1px solid var(--border-outer-primary);border-radius:var(--spacing-8);background:var(--background-bar-primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);pointer-events:none}.card-container .card{position:relative;display:flex;flex-direction:column;align-items:center;width:var(--card-width);height:var(--card-height);min-width:var(--card-width);min-height:var(--card-height);border:1px solid var(--border-outer-primary);border-radius:var(--radius-8);background:var(--background-bar-primary);cursor:pointer;overflow:hidden;transition:transform .3s ease}.card-container .card.large{--card-width:530px;--card-height:456px}.card-container .card.medium{--card-width:348px;--card-height:272px}.card-container .card.small{--card-width:257px;--card-height:220px}.card-container .card.vertical.large{--card-height:764px}.card-container .card.vertical.small{--card-height:374px}.card-container .card .card-image-container{position:relative;width:100%;height:100%}.card-container .card .card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;color:var(--action-text-neutral-default);font-weight:500;font-size:16px;font-style:normal;white-space:nowrap;text-align:left;text-overflow:ellipsis;border-radius:8px;background:transparent;transition:background-color .3s ease,opacity .3s ease}.card-container .card:hover .card-overlay{background:rgba(0,0,0,.3)}.card-container .card:active .card-overlay{background:rgba(0,0,0,.4)}.card-container .card .card-title-container{display:flex;justify-content:center;align-items:center;width:calc(100% - 16px);margin:8px;box-sizing:border-box}.card-container .card .card-title-container .card-title{width:100%;color:var(--text-primary);font-weight:500;font-size:16px;font-style:normal;white-space:nowrap;text-align:left;text-overflow:ellipsis;overflow:hidden}.card-container .card .favorite-toggle{position:absolute;top:8px;right:8px}.card-container .card .card-file-type-container{position:absolute;left:4px;bottom:4px;display:flex;flex-flow:row nowrap;gap:0 4px}.card-file-type-icon-wrapper{display:flex;align-items:center;height:24px;max-width:24px;box-sizing:content-box;border:1px solid var(--border-outer-primary);border-radius:var(--radius-4);background:var(--background-bar-primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);cursor:pointer;overflow:hidden;transition:max-width .3s ease,padding .3s ease}.card-file-type-icon-wrapper.full-view{max-width:100%}.card-file-type-icon-wrapper .card-file-type-icon-content{display:flex;align-items:center;padding-right:4px;white-space:nowrap}.card-file-type-icon-wrapper .card-file-type-icon-content .card-file-type-icon-svg{display:flex;justify-content:center;align-items:center;width:16px;height:16px;padding:4px}.card-file-type-icon-wrapper .card-file-type-icon-content .card-file-type-icon-title{color:var(--text-primary);font-weight:500;font-size:12px;line-height:16px;white-space:nowrap;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.card-file-type-icon-wrapper.full-view :is(.card-file-type-icon-wrapper .card-file-type-icon-content .card-file-type-icon-title){visibility:visible;opacity:1}.card-image-wrapper{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden}.card-image-wrapper .loading-icon-wrapper{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.card-image-wrapper .error-placeholder{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:var(--background-bar-primary)}.card-image-wrapper .card-image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;opacity:0;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:opacity .3s ease}.card-image-wrapper .card-image.loaded{opacity:1}.placeholder-image-wrapper{width:100%;height:100%}.favorite-toggle-wrapper,.placeholder-image-wrapper{display:flex;justify-content:center;align-items:center}.favorite-toggle-wrapper{width:36px;height:36px;padding:6px;box-sizing:border-box;border-radius:4px;background-color:rgba(0,0,0,.2);cursor:pointer;transition:background-color .3s,transform .1s}.favorite-toggle-wrapper:hover{background-color:rgba(0,0,0,.4)}.favorite-toggle-wrapper:active{background-color:rgba(0,0,0,.6);transform:scale(.95)}.favorite-toggle-wrapper.is-favorite{background:var(--orange-500)}.favorite-toggle-wrapper.is-favorite:hover{background:var(--orange-600)}.favorite-toggle-wrapper.is-favorite:active{background:var(--orange-700);transform:scale(.95)}.favorite-toggle-wrapper .favorite-toggle-checkbox{position:absolute;display:none;width:100%;height:100%;cursor:pointer}.favorite-toggle-wrapper .favorite-toggle-icon{display:flex;justify-content:center;align-items:center;color:#fff;pointer-events:none}.filter-dropdown{display:flex;gap:8px;justify-content:center;align-items:center;height:inherit}.filter-dropdown .drop-down{width:128px}.filter-dropdown .drop-down .text-field .input{padding:4px 4px 4px 10px;box-sizing:border-box;background:var(--form-input-surface-secondary-default)}.filter-dropdown .drop-down .text-field .input .select-content-container{min-width:unset;overflow:hidden;text-wrap-mode:nowrap}@media (max-width:1175px){.filter-dropdown{gap:16px;justify-content:start;align-items:center}.filter-dropdown .drop-down{width:-webkit-fill-available;width:-moz-available;width:stretch;max-width:180px}.filter-dropdown>span{min-width:52px}}@media (min-width:1175px) and (max-width:1280px){.filter-dropdown .drop-down{width:100px}}.filter-item{display:flex;align-items:center;-moz-column-gap:8px;column-gap:8px}.filter{height:auto;-moz-column-gap:12px;column-gap:12px}.filter,.filter .filter-group{display:flex;align-items:center;width:100%}.filter .filter-group{flex-wrap:wrap;row-gap:12px;justify-content:end;-moz-column-gap:24px;column-gap:24px}.filter .clear-filters{width:auto;min-width:-moz-fit-content;min-width:fit-content;padding:8px;cursor:pointer}.filter .clear-filters:disabled{cursor:no-drop}.filter .clear-filters .filter-count{display:flex;flex-shrink:0;gap:10px;justify-content:center;align-items:center;width:16px;padding:2px;color:var(--text-white);font-weight:700;font-size:10px;font-style:normal;line-height:normal;text-align:center;border-radius:4px;background:var(--action-button-surface-primary-default)}@media (max-width:1159px){.filter{flex-direction:column;row-gap:16px;max-width:800px}.filter .filter-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(min-content,257px));justify-content:center;-moz-column-gap:16px;column-gap:16px}}.empty-templates-view{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:410px;margin:64px auto 0;text-align:center}.empty-templates-view .discover-icon-background{display:flex;margin-bottom:12px;padding:var(--spacing-24);border-radius:var(--radius-360);background-color:var(--background-tertiary)}.empty-templates-view .discover-icon-background svg{width:48px;height:48px}.empty-templates-view p{margin:12px 0 0;color:var(--text-primary)}.empty-templates-view .refresh-page{width:100%;margin-top:24px;padding:0 31px;text-decoration:none;cursor:pointer}.empty-templates-view .refresh-page .button{height:40px;box-sizing:border-box}.h1{color:var(--text-primary)}.nav-item{--sidebar-item-text:var(--action-text-neutral-default);--sidebar-item-border:transparent;--sidebar-item-background:var(--action-controls-surface-primary-default);display:flex;gap:8px;align-items:center;padding:8px 8px 8px 12px;color:var(--sidebar-item-text);font-weight:400;font-size:14px;text-decoration:none;border:1px solid;border-color:var(--sidebar-item-border);border-radius:var(--radius-8);background:var(--sidebar-item-background);overflow:hidden;transition:color .3s,background .3s,border-color .3s,box-shadow .3s}.nav-item:active{--sidebar-item-text:var(--action-text-neutral-active);--sidebar-item-background:var(--action-controls-surface-primary-active)}.nav-item:hover{--sidebar-item-text:var(--action-text-neutral-hover);--sidebar-item-background:var(--action-controls-surface-primary-hover)}.nav-item.is-selected{--sidebar-item-text:var(--action-text-neutral-selected);--sidebar-item-background:var(--action-controls-surface-primary-selected);box-shadow:0 1px 2px 0 rgba(0,0,0,.06),0 1px 3px 0 rgba(0,0,0,.1)}