.card{flex-direction:column;border-radius:var(--border-radius);transition:all .3s ease;overflow:hidden}.card,.card__content{display:flex;position:relative}.card__content{flex:1;flex-direction:inherit;width:100%;height:100%}.card--clickable{cursor:pointer}.card--border-only{border:1px solid var(--border-color);background:transparent}.card--background-only{border:none}.card--background-only,.card--border-background{background-color:var(--secondary-background-color)}.card--border-background{border:1px solid var(--border-color)}.card--gradient-mask{border:1px solid hsla(0,0%,100%,.06);border-radius:16px;background:var(
    --custom-gradient,linear-gradient(233deg,rgba(83,85,168,.3) 10%,var(--background-color) 100%)
  );mask:linear-gradient(0deg,transparent,#000 43%);-webkit-mask:linear-gradient(0deg,transparent,#000 43%);will-change:transform}.card--faded-border{border:none;background:var(--custom-gradient,transparent)}.card--faded-border .card__border-top{position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-color);z-index:1}.card--faded-border .card__border-left{left:0}.card--faded-border .card__border-left,.card--faded-border .card__border-right{position:absolute;top:0;width:1px;height:100%;background:linear-gradient(to bottom,var(--border-color) 0,transparent 100%);z-index:1}.card--faded-border .card__border-right{right:0}.card--content-mask .card__content{mask:linear-gradient(to bottom,transparent 0,var(--background-color) 30%,var(--background-color) 100%);-webkit-mask:linear-gradient(to bottom,transparent 0,var(--background-color) 30%,var(--background-color) 100%)}.card--hover:hover{transform:translateY(-2px)}.card--border-only.card--hover:hover{border-color:var(--primary-accent-color);box-shadow:0 4px 20px rgba(217,255,255,.1)}.card--background-only.card--hover:hover{background-color:hsla(0,0%,6%,.8)}.card--border-background.card--hover:hover{border-color:var(--primary-accent-color);background-color:hsla(0,0%,6%,.8);box-shadow:0 4px 20px rgba(217,255,255,.1)}.card--gradient-mask.card--hover:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(83,85,168,.2)}.card--faded-border.card--hover:hover{transform:translateY(-2px)}.card--faded-border.card--hover:hover .card__border-top{background:var(--primary-accent-color)}.card--faded-border.card--hover:hover .card__border-left,.card--faded-border.card--hover:hover .card__border-right{background:linear-gradient(to bottom,var(--primary-accent-color) 0,transparent 100%)}@media (max-width:768px){.card,.card--gradient-mask{border-radius:12px}}.card--clickable:focus{outline:2px solid var(--primary-accent-color);outline-offset:2px}.card--padding-sm{padding:.75rem}.card--padding-md{padding:1rem}.card--padding-lg{padding:1.5rem}.card--padding-xl{padding:2rem}@media (min-width:768px){.card--padding-responsive{padding:1rem}}@media (min-width:1024px){.card--padding-responsive{padding:1.5rem}}.card--flex-center{justify-content:center;align-items:center}.card--flex-start{justify-content:flex-start;align-items:flex-start}.card--flex-between{justify-content:space-between;align-items:center}.card--flex-row,.card--flex-row .card__content{flex-direction:row}.card--gap-sm{gap:.5rem}.card--gap-md{gap:1rem}.card--gap-lg{gap:1.5rem}.card--gap-sm .card__content{gap:.5rem}.card--gap-md .card__content{gap:1rem}.card--gap-lg .card__content{gap:1.5rem}