@layer components{.selection-card{--selection-card-width: 100%;--selection-card-max-width: 400px;--selection-card-padding: var(--space-unit-4);--selection-card-gap: var(--space-unit-3);--selection-card-bg: var(--color-paper);--selection-card-radius: var(--r-16);--selection-card-shadow: var(--elev-2);--selection-card-border-color: var(--border-0);--selection-card-border-width: 0px;--selection-card-header-gap: var(--space-unit-2);--selection-card-title-size: var(--font-size-body-l);--selection-card-title-weight: 600;--selection-card-title-color: var(--text);--selection-card-list-gap: var(--space-unit-2);--selection-card-item-padding: var(--space-unit-3);--selection-card-item-radius: var(--r-8);--selection-card-item-bg: var(--tertiary-50);--selection-card-item-border-color: transparent;--selection-card-item-border-width: 0px;--selection-card-item-text-size: var(--font-size-body-m);--selection-card-item-text-weight: 400;--selection-card-item-text-color: var(--text);--selection-card-item-selected-bg: var(--tertiary-50);--selection-card-item-selected-border-color: transparent;--selection-card-divider-color: var(--default-50);--selection-card-divider-height: 1px;--selection-card-divider-margin: var(--space-unit-3) 0;position:relative;display:flex;flex-direction:column;width:var(--selection-card-width);max-width:var(--selection-card-max-width);padding:var(--selection-card-padding);border-radius:var(--selection-card-radius);background:var(--selection-card-bg);box-shadow:var(--selection-card-shadow);border:var(--selection-card-border-width) solid var(--selection-card-border-color);gap:var(--selection-card-gap);box-sizing:border-box;transition:box-shadow var(--motion-duration-moderate) var(--motion-ease-soft-out)}.selection-card *,.selection-card *::before,.selection-card *::after{box-sizing:border-box}.selection-card__header{display:flex;flex-direction:column;gap:var(--selection-card-header-gap)}.selection-card__title{font-family:var(--font-family-body);font-size:var(--selection-card-title-size);font-weight:var(--selection-card-title-weight);color:var(--selection-card-title-color);margin:0;line-height:1.4}.selection-card__subtitle{font-family:var(--font-family-body);font-size:var(--font-size-body-s);font-weight:400;color:var(--text-secondary);margin:0;line-height:1.4}.selection-card__list{display:flex;flex-direction:column;gap:var(--selection-card-list-gap);list-style:none;padding:0;margin:0}.selection-card__item{position:relative;display:flex;align-items:center;gap:var(--space-unit-3);padding:var(--selection-card-item-padding);border-radius:var(--selection-card-item-radius);background:var(--selection-card-item-bg);border:var(--selection-card-item-border-width) solid var(--selection-card-item-border-color);cursor:pointer;transition:background var(--motion-duration-swift) var(--motion-ease-soft-out),border-color var(--motion-duration-swift) var(--motion-ease-soft-out),box-shadow var(--motion-duration-swift) var(--motion-ease-soft-out),transform var(--motion-duration-swift) var(--motion-ease-soft-out)}.selection-card__item:not(:last-child)::after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--selection-card-divider-height);background:var(--selection-card-divider-color);pointer-events:none}.selection-card__item:hover{background:var(--selection-card-item-selected-bg);box-shadow:var(--elev-1);transform:translateY(-1px)}.selection-card__item:focus-within{outline:2px solid var(--primary-400);outline-offset:2px}.selection-card__item--selected{background:var(--selection-card-item-selected-bg);border-color:var(--selection-card-item-selected-border-color);box-shadow:var(--elev-1)}.selection-card__item-control{flex-shrink:0}.selection-card__item-control input[type="radio"],.selection-card__item-control input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}.selection-card__item-content{flex:1;display:flex;flex-direction:column;gap:var(--space-unit-0_5)}.selection-card__item-label{font-family:var(--font-family-body);font-size:var(--selection-card-item-text-size);font-weight:var(--selection-card-item-text-weight);color:var(--selection-card-item-text-color);line-height:1.5;cursor:pointer}.selection-card__item-description{font-family:var(--font-family-body);font-size:var(--font-size-body-s);font-weight:400;color:var(--text-secondary);line-height:1.4;display:flex;justify-content:space-between;align-items:end;gap:var(--space-unit-1)}.selection-card__item-icon{flex-shrink:0;width:20px;height:20px;color:var(--text-secondary)}.selection-card__item-icon svg{width:100%;height:100%}.selection-card__divider{width:100%;height:var(--selection-card-divider-height);background:var(--selection-card-divider-color);margin:var(--selection-card-divider-margin);border:none;transition:background var(--motion-duration-swift) var(--motion-ease-soft-out)}.selection-card__footer{display:flex;flex-direction:column;gap:var(--space-unit-2);padding-top:var(--space-unit-2)}.selection-card--primary{--selection-card-bg: linear-gradient(135deg, var(--primary-50) 0%, var(--surface-1) 100%);--selection-card-border-color: var(--primary-200);--selection-card-border-width: 1px;--selection-card-item-selected-border-color: var(--primary-400)}.selection-card--secondary{--selection-card-bg: linear-gradient(135deg, var(--secondary-50) 0%, var(--surface-1) 100%);--selection-card-border-color: var(--secondary-200);--selection-card-border-width: 1px;--selection-card-item-selected-border-color: var(--secondary-400)}.selection-card--success{--selection-card-bg: linear-gradient(135deg, var(--success-50) 0%, var(--surface-1) 100%);--selection-card-border-color: var(--success-200);--selection-card-border-width: 1px;--selection-card-item-selected-border-color: var(--success-400)}.selection-card--glass{backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);background:var(--surface-glass-ghost)}.selection-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}.selection-card--glass>*{position:relative;z-index:1}.selection-card--glass .selection-card__item{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);background:rgba(255,255,255,0.5)}.selection-card--glass .selection-card__item:hover,.selection-card--glass .selection-card__item--selected{background:rgba(255,255,255,0.7)}.selection-card--elevated{--selection-card-shadow: var(--elev-3)}.selection-card--elevated:hover{--selection-card-shadow: var(--elev-4);transform:translateY(-2px)}.selection-card--compact{--selection-card-padding: var(--space-unit-3);--selection-card-gap: var(--space-unit-2);--selection-card-item-padding: var(--space-unit-2);--selection-card-list-gap: var(--space-unit-1_5)}.selection-card--bordered-items .selection-card__item{--selection-card-item-border-width: 1px;border-color:var(--border-1)}.selection-card--simple{--selection-card-bg: var(--color-paper);--selection-card-shadow: none;--selection-card-border-width: 0px}.selection-card--simple .selection-card__item{--selection-card-item-bg: transparent;--selection-card-item-border-width: 0px;box-shadow:none;border:none;background:transparent}.selection-card--simple .selection-card__item:hover{background:transparent;box-shadow:none;transform:none}.selection-card--simple .selection-card__item.selection-card__item--selected{background:transparent;border:none;box-shadow:none}.selection-card--simple .selection-card__item:not(:last-child)::after{background:var(--default-300)}.selection-card--simple .selection-card__item-control .radio{backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);--radio-before: var(--radio-before-secondary);--radio-checked-border-color: var(--color-secondary);--radio-inner-color: var(--color-secondary);--radio-focus-color: var(--color-secondary)}.selection-card--simple .selection-card__item-control .radio .radio__control{backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%)}@media (max-width: 768px){.selection-card{--selection-card-padding: var(--space-unit-3);--selection-card-max-width: 100%}}}

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