.neutral-background-library{border:1px solid var(--line);border-radius:15px;background:#f8f6fc;padding:20px;margin:0 0 24px}.neutral-background-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.neutral-background-heading h3{font-size:20px;letter-spacing:-.6px;margin:7px 0}.neutral-background-heading p{font-size:11px;line-height:1.7;color:#9b88ab;margin:0}.neutral-background-heading button{white-space:nowrap;font-size:10px}.neutral-background-filters{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 13px}.neutral-background-filters button{font-size:9px;padding:7px 10px}.neutral-background-cards{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.neutral-background-card{min-width:0;position:relative;text-align:left;background:#fff;border:1px solid #e5dfec;border-radius:10px;padding:5px 5px 10px;color:#392b49}.neutral-background-card canvas{display:block;width:100%;height:auto;max-height:none;box-shadow:none;border-radius:6px}.neutral-background-name{font-size:9px;font-weight:700;display:block;margin:9px 3px 4px;line-height:1.4}.neutral-background-card small{display:block;margin:0 3px;font-size:8px;line-height:1.5;color:#9c89ab}.neutral-background-card.selected{outline:2px solid #b39ad8;outline-offset:1px;background:#f2ebfc}.background-check{display:none;position:absolute;top:10px;right:10px;background:#f5f1ff;color:#5e438e;width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;font-size:11px}.selected .background-check{display:block}.neutral-background-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.neutral-background-bottom button{font-size:9px;padding:8px 10px;white-space:nowrap}.neutral-background-bottom .hint{margin:0}html[data-theme=dark] .neutral-background-library{background:#251e30}html[data-theme=dark] .neutral-background-card{background:#2e2339;border-color:#48344f;color:#eee1f8}html[data-theme=dark] .neutral-background-card.selected{background:#493254}html[data-theme=dark] .neutral-background-card small,html[data-theme=dark] .neutral-background-heading p{color:#baa4ce}@media(max-width:1150px){.neutral-background-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.neutral-background-library{padding:14px}.neutral-background-heading{align-items:flex-start}.neutral-background-heading h3{font-size:16px}.neutral-background-heading .eyebrow{font-size:8px}.neutral-background-cards{display:flex;overflow:auto;padding:3px}.neutral-background-card{flex:0 0 125px}.neutral-background-bottom{align-items:flex-start;flex-direction:column}}