.image-placeholder{border-radius:var(--radius-medium);aspect-ratio:1/1;position:relative;transition:all .2s ease-in-out;min-width:20px;min-height:20px}.image-placeholder,.image-placeholder__text{display:flex;justify-content:center;align-items:center;font-weight:600;overflow:hidden}.image-placeholder__text{text-align:center;line-height:1;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 4px;width:100%;height:100%;transition:font-size .2s ease-in-out;font-size:clamp(8px,4cqw,20px)}.image-placeholder__icon{width:60%;height:60%}.image-placeholder--default{background-color:var(--color-button-secondary);color:var(--color-text-inverted)}.image-placeholder--gradient{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:var(--color-text-inverted);box-shadow:var(--shadow-primary)}.image-placeholder--gradient:hover{transform:translateY(-1px);box-shadow:var(--shadow-modal)}.image-placeholder--solid{background-color:var(--color-primary);color:var(--color-text-inverted);box-shadow:var(--shadow-primary)}.image-placeholder--solid:hover{background-color:var(--color-button-primary-hover);transform:translateY(-1px)}:root{--color-primary:#696eff;--color-primary-light:#9497ff;--color-primary-ultralight:#e1e2ff;--color-secondary:#2b2b35;--color-secondary-light:#55555d;--color-surface:#ffffff;--color-background:#f0f0f0;--color-tinfoil:#e6e6e6;--color-border:#e6e6e6;--color-border-secondary:#333333;--color-text-primary:#2b2b35;--color-text-secondary:#55555d;--color-text-inverted:#ffffff;--color-input-border:#e0e0e0;--color-input-border-hover:#2b2b35;--color-input-background:#ffffff;--color-input-background-inactive:#f9f9f9;--color-input-text-primary:#333333;--color-input-text-secondary:#999999;--shadow-text-input:rgba(0,0,0,0.05) 0px 2px 4px;--shadow-primary-highlight:rgb(105,110,255) 0px 0px 6px;--color-button-primary:#696eff;--color-button-primary-hover:#9497ff;--color-button-primary-pressed:#00034d;--color-button-primary-inactive:#e1e2ff;--color-button-secondary:#2b2b35;--color-button-secondary-hover:#55555d;--color-button-secondary-pressed:#00034d;--color-button-secondary-inactive:#f4f4f5;--color-button-tertiary:#f0f0f0;--color-button-tertiary-hover:#e0e0e0;--color-button-tertiary-pressed:#d0d0d0;--color-button-tertiary-inactive:#f0f0f0;--color-button-tertiary-dark:#e5e8f0;--color-button-tertiary-dark-hover:#c4cbde;--color-button-tertiary-dark-pressed:#b4bcd5;--color-button-tertiary-dark-inactive:#e5e8f0;--color-warning:#f8b400;--color-error:#fd5d5d;--color-error-light:#ffd1d6;--color-success:#5cc37a;--color-success-light:#d8f5d6;--color-info-light:#e5efff;--shadow-primary:rgba(0,0,0,0.05) 0px 2px 4px;--shadow-modal:0 0 10px rgba(0,0,0,0.1019607843);--shadow-error:0px 1px 10px 0px #fd5d5d;--color-skeleton-base:#e9ecef;--color-skeleton-highlight:rgba(255,255,255,0.35);--radius-sm:2px;--radius-base:5px;--radius-md:6px;--radius-lg:8px;--radius-medium:10px;--radius-xl:12px;--radius-xxl:15px;--radius-huge:16px;--radius-xxxl:20px;--radius-full:50%;--main-border-radius:8px;--color-list-header-background:#f4f4f5;--color-navigation-bar:#ffffff;--color-reserved-slot:#f6f7fa}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInY{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutY{0%{opacity:1;transform:translateY(0)}to{display:none;opacity:0;transform:translateY(-5px)}}@keyframes fadeInX{0%{opacity:0;transform:translateX(50vw)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInXFromLeft{0%{opacity:0;transform:translateX(-50vw)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutX{0%{opacity:1;transform:translateX(0)}to{display:none;opacity:0;transform:translateX(50vw)}}.image-component{box-shadow:var(--shadow-primary)}.image-component--default{border-radius:var(--radius-medium)}.image-component--rounded{border-radius:var(--radius-full)}.image-component--without-radius{border-radius:0}.image-component--extra-small{width:20px;height:20px}.image-component--small{min-width:28px;max-width:28px;height:28px}.image-component--medium{min-width:40px;max-width:40px;height:40px}.image-component--large{width:75px;height:75px}.image-component--xl{width:90px;height:90px}.image-component--xxl{width:160px;height:160px}.image-component--full-size{width:100%;height:100%}.image-component-empty{width:100px;height:100px;border-radius:var(--radius-medium);border:3px dotted var(--color-text-primary)}