.ds-placeholder{--ds-placeholder-dark: #171717;--ds-placeholder-accent: #00D9C0;--ds-placeholder-secondary: #FF6B35;position:relative;width:100%;background-color:var(--ds-placeholder-dark);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.ds-placeholder--16-9{aspect-ratio:16 / 9}.ds-placeholder--4-3{aspect-ratio:4 / 3}.ds-placeholder--3-2{aspect-ratio:3 / 2}.ds-placeholder--1-1{aspect-ratio:1 / 1}.ds-placeholder--4-5{aspect-ratio:4 / 5}.ds-placeholder--9-16{aspect-ratio:9 / 16}.ds-placeholder--21-9{aspect-ratio:21 / 9}.ds-placeholder__grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;background-image:radial-gradient(circle,#fff 1.5px,transparent 1.5px);background-size:24px 24px;background-position:center}.ds-placeholder__logo{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:24px 40px;background-color:#171717e6;border-radius:12px}.ds-placeholder__logo--sm{gap:8px;padding:16px 28px}.ds-placeholder__logo--sm .ds-placeholder__bar{width:4px;height:36px}.ds-placeholder__logo--sm .ds-placeholder__dot{width:10px;height:10px}.ds-placeholder__logo--lg{gap:16px;padding:32px 56px}.ds-placeholder__logo--lg .ds-placeholder__bar{width:8px;height:72px}.ds-placeholder__logo--lg .ds-placeholder__dot{width:18px;height:18px}.ds-placeholder__bar{width:6px;height:56px;border-radius:3px}.ds-placeholder__bar--accent{background-color:var(--ds-placeholder-accent)}.ds-placeholder__bar--secondary{background-color:var(--ds-placeholder-secondary)}.ds-placeholder__dot{width:14px;height:14px;background-color:#fff;border-radius:50%}.ds-placeholder__label{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ds-placeholder-accent);opacity:.6;white-space:nowrap}.ds-placeholder--avatar{width:48px;height:48px;min-width:48px;border-radius:50%}.ds-placeholder--avatar .ds-placeholder__logo{padding:0;background:transparent;gap:2px}.ds-placeholder--avatar .ds-placeholder__bar{width:2px;height:16px;border-radius:1px}.ds-placeholder--avatar .ds-placeholder__dot{width:4px;height:4px}.ds-placeholder--avatar .ds-placeholder__grid{background-size:8px 8px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ds-placeholder.css.map */