.card{--shadow-color:#0000004d;--shadow-space:2px;transition:var(--transition);flex:1;position:relative}
.card__overlay{background-color:var(--bdtoowp);opacity:.5;width:100%;height:100%;z-index:var(--z-index-card-overlay);border-radius:var(--border-radius);position:absolute}
.card__wrapper{padding:24px}
.card__wrapper--no-padding{padding:0}
.card__wrapper--full-height{flex-direction:column;height:100%;display:flex}
.card__badge{z-index:calc(var(--z-index-card-overlay) + 1);border-radius:4px;position:absolute;top:-16px;left:24px}
.card__badge--text{margin:4px 8px}
.card__badge .card__badge--text{color:var(--bdtoowg)}
.card__badge.primary{border-color:var(--bdtoow0);background:var(--bdtoow0)}
.card__badge.secondary{border-color:var(--bdtoow3);background:var(--bdtoow3)}
.card__badge.tertiary{border-color:var(--bdtoow7);background:var(--bdtoow7)}
.card__badge.accent{border-color:var(--bdtoowe);background:var(--bdtoowe)}
.card__badge.success{border-color:var(--bdtoow19);background:var(--bdtoow19)}
.card__badge.warning{border-color:var(--bdtoow1d);background:var(--bdtoow1d)}
.card__badge.error{border-color:var(--bdtoow1f);background:var(--bdtoow1f)}
.card__badge.info{border-color:var(--bdtoow1b);background:var(--bdtoow1b)}
.card__badge.white{border-color:var(--bdtoowg);background:var(--bdtoowg)}
.card__badge.white .card__badge--text{color:var(--bdtoow0)}
.card__badge.dark{border-color:var(--bdtoowl);background:var(--bdtoowl)}
.card__badge.gray-midlight{border-color:var(--bdtoowq);background:var(--bdtoowq)}
.card--menu{background:var(--bdtoowq);border-radius:16px;flex-direction:column;flex:1 0 0;justify-content:center;align-items:center;gap:8px;min-height:120px}
.card--menu .center-icon{margin-bottom:12px;margin-left:auto;margin-right:auto;display:block}
.card .picture{max-width:100%}
.card.primary{background:var(--bdtoow1)}
.card.secondary{background:var(--bdtoow4)}
.card.tertiary{background:var(--bdtoowa)}
.card.white{background:var(--bdtoowg)}
.card.gray{background:var(--bdtoowr)}
.card.info{background:var(--bdtoow1c)}
.card.error{background:var(--bdtoow1g)}
.card.success{background:var(--bdtoow1a)}
.card.warning{background:var(--bdtoow1e)}
.card.dark{background:var(--bdtoowl)}
.card.black{background:var(--bdtoowi)}
.card.black *{color:var(--bdtoowg)}
.card.black-translucent{background:var(--bdtoowj)}
.card.black-translucent *{color:var(--bdtoowg)}
.card.yellow{background:var(--bdtoowu)}
.card.blue{background:var(--bdtoowt)}
.card.elevation-1{box-shadow:0 2px 5px 0 var(--shadow-color);margin:var(--shadow-space)}
.card.elevation-2{box-shadow:0 4px 10px 0 var(--shadow-color);margin:var(--shadow-space)}
.card.rounded{border-radius:var(--border-radius);overflow:visible}
.card.bordered{border:1px solid var(--border-color)}
.card.border-primary{border:5px solid var(--bdtoow0)}
.card.border-secondary{border:5px solid var(--bdtoow3)}
.card.border-tertiary{border:5px solid var(--bdtoow7)}
.card.border-dark{border:2px solid var(--bdtoowl)}
.card.border-gray{border:5px solid var(--bdtoowm)}
.card.border-warning{border:4px solid var(--bdtoow1d)}
.card.border-secondary-cadmio{border:1px solid var(--bdtoow5)}