.masc-image-library{background:var(--masc-r2-page, #f5f4f2);color:var(--masc-r2-ink, #23201b)}.masc-image-library__window{align-items:stretch;align-content:start;display:grid;gap:clamp(28px,4vw,72px);grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);padding-block:clamp(20px,3vh,36px)}.masc-image-library__side{align-content:start;display:grid;gap:18px;max-width:540px}.masc-image-library__intro{display:grid;gap:10px}.masc-image-library__intro h1{font-size:clamp(2rem,3vw,3.375rem);line-height:1.06;margin:0}.masc-image-library__intro>p:not(.masc-eyebrow){color:var(--masc-r2-muted, #6f6a62);font-size:1.0625rem;line-height:1.55;margin:0}.masc-image-library__privacy{background:var(--masc-r2-surface, #fffdf9);border:1px solid var(--masc-r2-border, #e7e0d3);border-radius:var(--masc-r2-radius-lg, 18px);display:grid;gap:0;padding:4px 16px}.masc-image-library__privacy>div{border-top:1px solid var(--masc-r2-border, #e7e0d3);padding:10px 0}.masc-image-library__privacy>div:first-child{border-top:0}.masc-image-library__privacy strong{color:var(--masc-r2-ink, #23201b);display:block;font-size:.9rem}.masc-image-library__privacy span{color:var(--masc-r2-muted, #6f6a62);display:block;font-size:.84rem;line-height:1.45;margin-block-start:3px}.masc-image-library__stage{min-height:0;min-width:0}mascotines-image-library{display:block;height:100%;min-height:0}.masc-image-library__state{display:block;min-height:0}.masc-image-library__stage>mascotines-image-library>.masc-image-library__state{height:100%}.masc-image-library__list{background:var(--masc-r2-surface, #fffdf9);border:1px solid var(--masc-r2-border, #e7e0d3);border-radius:var(--masc-r2-radius-lg, 18px);display:grid;max-height:100%;overflow-y:auto;padding:6px 18px;scrollbar-color:rgba(176,106,68,.45) transparent;scrollbar-width:thin}.masc-image-library__list::-webkit-scrollbar{width:8px}.masc-image-library__list::-webkit-scrollbar-thumb{background:#b06a4473;border-radius:999px}.masc-image-library__item{align-items:center;border-top:1px solid var(--masc-r2-border, #e7e0d3);display:grid;gap:20px;grid-template-columns:128px minmax(0,1fr);padding-block:14px}.masc-image-library__item:first-child{border-top:0}.masc-image-library__item[data-deletion-pending=true]{opacity:.72}.masc-image-library__media{align-items:center;aspect-ratio:1;background:var(--masc-r2-panel, #eceae7);border-radius:12px;display:flex;justify-content:center;min-width:0;overflow:hidden}.masc-image-library__media img{height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.masc-image-library__media span{color:var(--masc-r2-muted, #6f6a62);font-size:.84rem;padding:12px;text-align:center}.masc-image-library__body h2{font-size:1.05rem;margin:0}.masc-image-library__body p{color:var(--masc-r2-muted, #6f6a62);font-size:.9rem;line-height:1.5;margin:5px 0 0}.masc-image-library__feedback:empty{display:none}.masc-image-library__feedback:not(:empty){color:var(--masc-r2-ink, #23201b);font-weight:700}.masc-image-library__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px 18px;margin-block-start:10px}.masc-image-library__reuse{min-height:40px}.masc-image-library__delete{background:transparent;border:0;color:var(--masc-r2-copper-strong, #8d4e2e);cursor:pointer;font:inherit;font-size:.9rem;font-weight:700;margin:0;padding:4px 0;text-decoration:underline;text-underline-offset:4px}.masc-image-library__delete:disabled{cursor:wait;opacity:.55}.masc-image-library__empty{background:var(--masc-r2-surface, #fffdf9);border:1px solid var(--masc-r2-border, #e7e0d3);border-radius:var(--masc-r2-radius-lg, 18px);padding:clamp(28px,4vw,48px) clamp(20px,3vw,36px);text-align:center}.masc-image-library__empty h2{font-size:1.3rem;margin:0}.masc-image-library__empty p{color:var(--masc-r2-muted, #6f6a62);margin:10px auto 0;max-width:460px}.masc-image-library__empty .masc-button{margin-block-start:20px}@media(max-width:989px){.masc-image-library__window{grid-template-columns:minmax(0,1fr)}.masc-image-library__side{max-width:none}.masc-image-library__list{max-height:none;overflow:visible}}@media(max-width:430px){.masc-image-library__item{align-items:start;gap:14px;grid-template-columns:88px minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/mascotines-image-library.css.map */