.klyp-option-card-grid{gap:var(--klyp-app-ui-kit-space-8);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.klyp-option-card{padding:var(--klyp-app-ui-kit-space-4);border-radius:var(--klyp-app-ui-kit-r-panel);background:var(--klyp-option-card-bg,var(--klyp-app-ui-kit-color-bg-well));cursor:pointer;transition:background var(--klyp-app-ui-kit-duration-normal) var(--klyp-app-ui-kit-easing-standard);outline:none;flex-direction:column;display:flex}@media (hover:hover) and (pointer:fine){.klyp-option-card:hover:not([data-disabled]){background:var(--klyp-option-card-bg-raised,var(--klyp-app-ui-kit-color-bg-surface-elevated))}}.klyp-option-card[data-force-hover]:not([data-disabled]),.klyp-option-card:active:not([data-disabled]),.klyp-option-card[data-force-active]:not([data-disabled]){background:var(--klyp-option-card-bg-raised,var(--klyp-app-ui-kit-color-bg-surface-elevated))}.klyp-option-card[data-force-hover]:not([data-disabled]){--option-card-icon-opacity:1}.klyp-option-card[data-checked]{background:var(--klyp-option-card-bg-raised,var(--klyp-app-ui-kit-color-bg-surface-elevated))}.klyp-option-card:focus-visible,.klyp-option-card[data-force-focus]{outline:var(--klyp-app-ui-kit-bw-default) solid var(--klyp-app-ui-kit-color-ring);outline-offset:var(--klyp-app-ui-kit-space-2)}.klyp-option-card[data-disabled]{cursor:not-allowed;opacity:var(--klyp-app-ui-kit-opacity-disabled)}.klyp-option-card__card{gap:var(--klyp-app-ui-kit-space-6);padding:var(--klyp-option-card-content-padding,var(--klyp-app-ui-kit-space-12));border-radius:var(--klyp-app-ui-kit-r-section);background:var(--klyp-option-card-card-bg,var(--klyp-app-ui-kit-color-bg-surface));flex-direction:column;flex:1;display:flex}.klyp-option-card__card[data-layout=row]{align-items:center;gap:var(--klyp-app-ui-kit-space-8);flex-direction:row}.klyp-option-card__media{flex:none;place-items:center;display:grid}.klyp-option-card__text{flex-direction:column;flex:auto;min-inline-size:0;display:flex}.klyp-option-card__title[data-layout=row],.klyp-option-card__description[data-layout=row]{line-height:var(--klyp-app-ui-kit-line-box-20);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.klyp-option-card__row{justify-content:space-between;align-items:flex-start;gap:var(--klyp-app-ui-kit-space-8);display:flex}.klyp-option-card__lead{align-items:flex-start;gap:var(--klyp-app-ui-kit-space-6);min-inline-size:0;display:flex}.klyp-option-card__icon{inline-size:var(--klyp-app-ui-kit-icon-size-lg);block-size:var(--klyp-app-ui-kit-icon-size-lg);padding:var(--klyp-app-ui-kit-space-2);color:var(--klyp-app-ui-kit-color-fg-primary);opacity:var(--option-card-icon-opacity,var(--klyp-app-ui-kit-opacity-50));transition:opacity var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);flex:none;display:inline-flex}.klyp-option-card__icon .klyp-icon{block-size:100%;inline-size:100%}.klyp-option-card__title{min-inline-size:0;font-size:var(--klyp-app-ui-kit-font-size-16);font-weight:var(--klyp-app-ui-kit-font-weight-medium);line-height:var(--klyp-app-ui-kit-line-box-24);color:var(--klyp-app-ui-kit-color-fg-primary)}.klyp-option-card__description{font-size:var(--klyp-app-ui-kit-font-size-14);font-weight:var(--klyp-app-ui-kit-font-weight-regular);line-height:var(--klyp-app-ui-kit-line-height-normal);color:var(--klyp-app-ui-kit-color-fg-muted);text-wrap:pretty}.klyp-option-card__indicator{inline-size:var(--klyp-app-ui-kit-space-20);block-size:var(--klyp-app-ui-kit-space-20);background:var(--klyp-option-card-bg,var(--klyp-app-ui-kit-color-bg-well));color:var(--klyp-option-card-card-bg,var(--klyp-app-ui-kit-color-bg-surface));transition:background var(--klyp-app-ui-kit-duration-normal) var(--klyp-app-ui-kit-easing-standard), color var(--klyp-app-ui-kit-duration-normal) var(--klyp-app-ui-kit-easing-standard);flex:none;place-items:center;display:grid}.klyp-option-card__indicator[data-shape=circle]{border-radius:var(--klyp-app-ui-kit-radius-full)}.klyp-option-card__indicator[data-shape=square]{border-radius:var(--klyp-app-ui-kit-radius-sm)}.klyp-option-card__check{inline-size:var(--klyp-app-ui-kit-space-10);block-size:var(--klyp-app-ui-kit-space-6);opacity:0;transition:opacity var(--klyp-app-ui-kit-duration-instant) var(--klyp-app-ui-kit-easing-standard)}.klyp-option-card__check .klyp-icon__path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--klyp-app-ui-kit-duration-normal) var(--klyp-app-ui-kit-easing-decelerate)}.klyp-option-card[data-checked] .klyp-option-card__indicator{background:var(--klyp-app-ui-kit-color-fg-primary)}.klyp-option-card[data-checked] .klyp-option-card__check{opacity:1}.klyp-option-card[data-checked] .klyp-option-card__check .klyp-icon__path{stroke-dashoffset:0;transition-delay:var(--klyp-app-ui-kit-duration-instant)}.klyp-option-card[data-checked] .klyp-option-card__icon{opacity:1}@media (hover:hover) and (pointer:fine){.klyp-option-card:hover:not([data-disabled]) .klyp-option-card__icon{opacity:1}}.klyp-option-card[data-size=sm]{border-radius:var(--klyp-app-ui-kit-r-control-sm)}.klyp-option-card[data-size=sm] .klyp-option-card__card{gap:var(--klyp-app-ui-kit-space-4);padding:var(--klyp-option-card-content-padding,var(--klyp-app-ui-kit-space-4) var(--klyp-app-ui-kit-space-4) var(--klyp-app-ui-kit-space-4) var(--klyp-app-ui-kit-space-8));border-radius:var(--klyp-app-ui-kit-radius-4)}.klyp-option-card[data-size=sm] .klyp-option-card__title{font:var(--klyp-app-ui-kit-type-buttons);font-weight:var(--klyp-app-ui-kit-fw-emphasis);line-height:var(--klyp-app-ui-kit-line-box-20)}.klyp-option-card[data-size=sm] .klyp-option-card__description{font:var(--klyp-app-ui-kit-type-caption);font-weight:var(--klyp-app-ui-kit-fw-body)}@media (prefers-reduced-motion:reduce){.klyp-option-card,.klyp-option-card .klyp-option-card__icon,.klyp-option-card .klyp-option-card__indicator,.klyp-option-card .klyp-option-card__check,.klyp-option-card .klyp-option-card__check .klyp-icon__path{transition:none}}
