:root{--card-selection-is-selected-bg-color:var(--system-color-concrete-white);--card-selection-column-gap:var(--size-half)}.card-selection[data-v-eebde6a7]{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid transparent;border-radius:var(--size-half);padding:var(--size-half)}.card-selection[data-v-eebde6a7]:has(>.card-selection__main:first-child):has(>:nth-child(2):last-child){grid-template-columns:1fr auto}.card-selection.--show-border[data-v-eebde6a7]{border-color:var(--color-border--decorate)}.card-selection__main[data-v-eebde6a7]{-ms-flex-item-align:start;align-self:start}.card-selection__left+.card-selection__main[data-v-eebde6a7],.card-selection__right[data-v-eebde6a7]{padding-left:var(--card-selection-column-gap)}.card-selection.--is-selected[data-v-eebde6a7]{border-color:var(--color-background)}.card-selection.--corner-small[data-v-eebde6a7]{border-radius:var(--size-quarter)}.card-selection.--clickable[data-v-eebde6a7]:hover:not(.--is-selected){cursor:pointer}.card-selection.--hover-effect[data-v-eebde6a7]:hover:not(.--is-selected){-webkit-box-shadow:0 2px 8px -3px rgba(0,0,0,.25);box-shadow:0 2px 8px -3px #00000040}