You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
7.3 KiB
1 lines
7.3 KiB
@charset "UTF-8";.backgroundLibrary{width:100%;min-width:0}.backgroundLibrary__status{margin:0;color:#999;font-size:14px;font-weight:400;line-height:22px}.backgroundLibrary__sentinel{width:100%;height:1px;pointer-events:none}.backgroundLibrary__grid{column-width:260px;column-gap:5px;width:100%}.backgroundLibrary__card{position:relative;display:block;width:100%;height:auto;box-sizing:border-box;border-radius:9px;overflow:hidden;padding:0;margin:0 0 5px;cursor:pointer;text-align:left;background:#fff;break-inside:avoid;-webkit-column-break-inside:avoid}.backgroundLibrary__cardImage{width:100%;height:auto;display:block;object-fit:contain}.backgroundLibrary__cardCtaBar{position:absolute;left:10px;right:10px;bottom:10px;cursor:pointer;opacity:0;min-width:160px;width:calc(100% - 4px);max-width:241px;height:30px;box-sizing:border-box;border-radius:9px;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:500;line-height:26px;color:#fff;transition:opacity .15s ease}.backgroundLibrary__card:hover .backgroundLibrary__cardCtaBar{opacity:1}@media (max-width: 680px){.backgroundLibrary__grid{column-width:170px}.backgroundLibrary__cardCtaBar{min-width:120px}}.templateLibrary{width:100%;min-width:0}.templateLibrary__status{margin:0;color:#999;font-size:14px;font-weight:400;line-height:22px}.templateLibrary__grid{display:grid;grid-template-columns:repeat(auto-fill,260px);gap:15px;justify-content:start;width:100%}.templateLibrary__card{position:relative;width:260px;height:462px;box-sizing:border-box;border:2px solid #f0f0f0;border-radius:9px;overflow:hidden;padding:0;margin:0;cursor:pointer;text-align:left;background:#fff}.templateLibrary__cardImageWrap{position:absolute;inset:0;border-radius:7px;overflow:hidden;pointer-events:none}.templateLibrary__cardImage{width:100%;height:100%;display:block;object-fit:cover}.templateLibrary__topTag{position:absolute;left:10px;top:10px;max-width:210px;height:21px;padding:0 12px;border-radius:9px;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:inline-flex;align-items:center;color:#fff;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:500;line-height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.templateLibrary__cardCta{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;opacity:0;transition:opacity .15s ease}.templateLibrary__card:hover .templateLibrary__cardCta,.templateLibrary__card:focus-visible .templateLibrary__cardCta{opacity:1}.templateLibrary__cardCtaBar{width:241px;max-width:100%;height:30px;box-sizing:border-box;border-radius:9px;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:500;line-height:26px;color:#fff}@media (max-width: 680px){.templateLibrary__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.templateLibrary__card{width:100%;height:auto;aspect-ratio:260/462}.templateLibrary__cardCtaBar{width:calc(100% - 4px)}}.materialLibraryToolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex-shrink:0}.materialLibraryToolbar__search{position:relative;width:228px;max-width:100%;height:27px;box-sizing:border-box;background:#fff;border:1px solid #e5e6eb;border-radius:9px}.materialLibraryToolbar__searchIcon{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:block;object-fit:contain;pointer-events:none}.materialLibraryToolbar__searchInput{width:100%;height:100%;box-sizing:border-box;border:none;background:transparent;padding:0 12px 0 36px;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:26px;color:#333;border-radius:9px;outline:none}.materialLibraryToolbar__searchInput::placeholder{color:#999}.materialLibraryToolbar__category{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:6px;width:105px;height:27px;box-sizing:border-box;padding:0 15px;background:#fff;border:1px solid #e5e6eb;border-radius:9px;cursor:pointer;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:26px;color:#333}.materialLibraryToolbar__categoryIcon{width:15px;height:15px;flex-shrink:0;display:block;object-fit:contain;transform:rotate(90deg)}.materialLibraryToolbar__categoryDropdown{min-width:120px;max-height:280px;overflow-y:auto;padding:4px;box-sizing:border-box;background:#fff;border:1px solid #e5e6eb;border-radius:9px;box-shadow:0 8px 24px #00000014}.materialLibraryToolbar__categoryMenuItem{width:100%;height:32px;padding:0 10px;border:none;border-radius:6px;background:transparent;cursor:pointer;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:26px;color:#333;text-align:left;box-sizing:border-box}.materialLibraryToolbar__categoryMenuItem:hover{background:#f5f5f5}.materialLibraryToolbar__categoryMenuItem_active{color:#5c3bc7}.materialLibrary{width:100%;min-width:0}.materialLibrary__status{margin:0;color:#999;font-size:14px;font-weight:400;line-height:22px}.materialLibrary__grid{display:grid;grid-template-columns:repeat(auto-fill,168px);gap:15px;justify-content:start;width:100%}.materialLibrary__card{position:relative;width:168px;height:168px;box-sizing:border-box;border:2px solid #f0f0f0;border-radius:9px;overflow:hidden;padding:0;margin:0;cursor:pointer;text-align:left;background:#fff}.materialLibrary__cardImage{width:100%;height:100%;display:block;object-fit:cover;border-radius:7px}.materialLibrary__cardCtaBar{opacity:0;position:absolute;left:10px;right:10px;bottom:10px;cursor:pointer;width:auto;height:21px;box-sizing:border-box;border-radius:9px;background:#0003;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;font-family:Source Han Sans CN,Noto Sans SC,system-ui,sans-serif;font-size:12px;font-weight:500;line-height:26px;color:#fff;transition:opacity .15s ease}.materialLibrary__card:hover .materialLibrary__cardCtaBar{opacity:1}@media (max-width: 520px){.materialLibraryToolbar__search{width:100%;max-width:228px}.materialLibrary__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.materialLibrary__card{width:100%;height:auto;aspect-ratio:1/1}}.inspirationPanel{display:flex;flex-direction:column;min-width:0}.inspirationPanel__toolbar{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px 0}.inspirationPanel__toolbar_between{justify-content:space-between;gap:10px 16px}.inspirationPanel__filters{display:flex;flex-wrap:wrap;align-items:center;gap:0;min-width:0}.inspirationPanel__filterPill{flex-shrink:0;height:27px;margin:0;padding:0 18px;border:none;border-radius:9px;background:#fff;color:#999;font-size:14px;font-weight:500;line-height:26px;cursor:pointer;font-family:inherit;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.inspirationPanel__filterPill_active{background:#f9f9f9;color:#333}.inspirationPanel__filterPill:focus-visible{outline:2px solid #5c3bc7;outline-offset:2px}.inspirationPanel__content{margin-top:13px}.inspirationPanel__content_material{margin-top:10px}
|
|
|