@layer components{.info-card{--info-card-width: 100%;--info-card-max-width: 400px;--info-card-padding: var(--space-unit-4);--info-card-gap: var(--space-unit-3);--info-card-bg: var(--surface-1);--info-card-radius: var(--r-16);--info-card-shadow: var(--elev-2);--info-card-border-color: var(--border-0);--info-card-border-width: 0px;--info-card-title-size: var(--font-size-body-l);--info-card-title-weight: 600;--info-card-title-color: var(--text);--info-card-text-size: var(--font-size-body-m);--info-card-text-weight: 400;--info-card-text-color: var(--text);--info-card-label-size: var(--font-size-body-m);--info-card-label-weight: 500;--info-card-label-color: var(--text-secondary);--info-card-divider-color: var(--border-0);--info-card-divider-height: 1px;--info-card-divider-margin: var(--space-unit-3) 0;position:relative;display:flex;flex-direction:column;width:var(--info-card-width);max-width:var(--info-card-max-width);padding:var(--info-card-padding);border-radius:var(--info-card-radius);background:var(--info-card-bg);box-shadow:var(--info-card-shadow);border:var(--info-card-border-width) solid var(--info-card-border-color);gap:var(--info-card-gap);box-sizing:border-box;transition:box-shadow var(--motion-duration-moderate) var(--motion-ease-soft-out)}.info-card *,.info-card *::before,.info-card *::after{box-sizing:border-box}.info-card__header{display:flex;flex-direction:column;gap:var(--space-unit-1)}.info-card__title{font-family:var(--font-family-body);font-size:var(--info-card-title-size);font-weight:var(--info-card-title-weight);color:var(--info-card-title-color);margin:0;line-height:1.4}.info-card__content{display:flex;flex-direction:column;gap:var(--space-unit-2)}.info-card__item{display:flex;flex-direction:column;gap:var(--space-unit-0_5)}.info-card__item--inline{flex-direction:row;align-items:center;gap:var(--space-unit-2)}.info-card__label{font-family:var(--font-family-body);font-size:var(--info-card-label-size);font-weight:var(--info-card-label-weight);color:var(--info-card-label-color);line-height:1.4}.info-card__text{font-family:var(--font-family-body);font-size:var(--info-card-text-size);font-weight:var(--info-card-text-weight);color:var(--info-card-text-color);line-height:1.5;word-break:break-word}.info-card__divider{width:100%;height:var(--info-card-divider-height);background:var(--info-card-divider-color);margin:var(--info-card-divider-margin);border:none;transition:background var(--motion-duration-swift) var(--motion-ease-soft-out)}.info-card__section{display:flex;flex-direction:column;gap:var(--space-unit-2)}.info-card__section-title{font-family:var(--font-family-body);font-size:var(--info-card-label-size);font-weight:var(--info-card-label-weight);color:var(--info-card-label-color);margin:0;line-height:1.4;text-transform:uppercase;letter-spacing:0.5px;font-size:12px}.info-card--primary{--info-card-bg: linear-gradient(135deg, var(--primary-50) 0%, var(--surface-1) 100%);--info-card-border-color: var(--primary-200);--info-card-border-width: 1px}.info-card--secondary{--info-card-bg: linear-gradient(135deg, var(--secondary-50) 0%, var(--surface-1) 100%);--info-card-border-color: var(--secondary-200);--info-card-border-width: 1px}.info-card--success{--info-card-bg: linear-gradient(135deg, var(--success-50) 0%, var(--surface-1) 100%);--info-card-border-color: var(--success-200);--info-card-border-width: 1px}.info-card--warning{--info-card-bg: linear-gradient(135deg, var(--warning-50) 0%, var(--surface-1) 100%);--info-card-border-color: var(--warning-200);--info-card-border-width: 1px}.info-card--danger{--info-card-bg: linear-gradient(135deg, var(--danger-50) 0%, var(--surface-1) 100%);--info-card-border-color: var(--danger-200);--info-card-border-width: 1px}.info-card--glass{backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);background:var(--surface-glass-ghost)}.info-card--glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.6) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:0}.info-card--glass>*{position:relative;z-index:1}.info-card--elevated{--info-card-shadow: var(--elev-3)}.info-card--elevated:hover{--info-card-shadow: var(--elev-4);transform:translateY(-2px)}.info-card--compact{--info-card-padding: var(--space-unit-3);--info-card-gap: var(--space-unit-2)}.info-card--interactive{cursor:pointer;user-select:none;transition:box-shadow var(--motion-duration-moderate) var(--motion-ease-soft-out),transform var(--motion-duration-moderate) var(--motion-ease-soft-out)}.info-card--interactive:hover{box-shadow:var(--elev-3);transform:translateY(-2px)}.info-card--interactive:active{transform:translateY(0);box-shadow:var(--elev-1)}.info-card__item-with-icon{display:flex;align-items:flex-start;gap:var(--space-unit-2)}.info-card__item-with-icon .info-card__icon{flex-shrink:0;width:20px;height:20px;color:var(--info-card-label-color);margin-top:2px}.info-card__item-with-icon .info-card__icon svg{width:100%;height:100%}.info-card__item-with-icon .info-card__item-content{flex:1;display:flex;flex-direction:column;gap:var(--space-unit-0_5)}@media (max-width: 768px){.info-card{--info-card-padding: var(--space-unit-3);--info-card-max-width: 100%}}}

/*# sourceMappingURL=info-card.css.map */