:where(.ui-card){--card-ring-width: .104167vw;--card-highlight-width: calc(1px + var(--card-ring-width));--card-shadow: 0 0 #0000;position:relative;isolation:isolate;min-width:0;border:1px solid #d8d8d8;border-radius:1.125rem;background:#fff;box-shadow:var(--card-shadow);overflow-wrap:anywhere}.ui-card[data-card-selectable=true][data-disabled=false]{cursor:pointer}.ui-card[data-selected=true]{border-color:#3189ef;box-shadow:inset 0 0 0 var(--card-ring-width) #3189ef,var(--card-shadow)}:where(.ui-card-content){position:relative;z-index:1;min-width:0;border-radius:inherit}.ui-card-selection{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:inherit}.ui-card-highlight{display:none;position:absolute;z-index:2;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:var(--card-highlight-width);border-radius:inherit;overflow:hidden;pointer-events:none;container-type:size;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@supports (((-webkit-mask-composite: xor) or (mask-composite: exclude)) or (-webkit-mask-composite: xor)) and (container-type: size) and (width: 1cqw){.ui-card[data-disabled=false]>.ui-card-highlight{display:block}}.ui-card-highlight:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background:conic-gradient(from 35deg,#3189ef,#3189ef,#8bc1fa,#3189ef 210deg,#3189ef 360deg);animation:card-selection-orbit 10s linear infinite}@container (min-aspect-ratio: 14 / 5) or (max-aspect-ratio: 5 / 14){.ui-card-highlight:before{inset:auto;top:50%;left:50%;width:max(300cqw,300cqh);height:max(300cqw,300cqh);translate:-50% -50%}}.ui-card[data-disabled=true]>.ui-card-highlight:before{animation:none}@media (hover: hover){.ui-card[data-card-selectable=true][data-disabled=false][data-selected=false]:hover{border-color:#f5f5f5;box-shadow:inset 0 0 0 var(--card-ring-width) #f5f5f5,var(--card-shadow)}}@media (min-width: 768px){:where(.ui-card){--card-ring-width: .15625vw;--card-shadow: 0 .184375vw .307292vw 0 rgb(0 0 0 / 5%)}}@media (max-width: 767.98px){:where(.ui-card){--card-ring-width: .125rem;--card-highlight-width: var(--ds-mobile-selection-width)}}@media (prefers-reduced-motion: reduce){.ui-card-highlight:before{animation:none}}@keyframes card-selection-orbit{to{transform:rotate(1turn)}}