.card{gap:15px;width:100%;color:#fff;display:flex;align-items:flex-start;flex-wrap:wrap;padding:20px;font-family:Inter,sans-serif;border:var(--main-border);border-radius:9px;backdrop-filter:var(--backdrop-filter-med);-webkit-backdrop-filter:var(--backdrop-filter-med);box-shadow:var(--main-card-box-shadow);background-color:var(--main-card-bg-color);transition:none}.card-clean{box-shadow:var(--main-card-box-shadow);border:var(--main-border);border-radius:8px}.card-clean.variant-light{border:none;background-color:var(--main-card-bg-color-light);background-image:none}.card-clean.variant-nooise{position:relative;overflow:hidden}.card-clean.variant-nooise>.card-background{top:0;left:0;bottom:0;right:0;width:100%;height:100%;display:block;position:absolute;background-repeat:repeat;transition:50s all;backdrop-filter:var(--backdrop-filter-med);-webkit-backdrop-filter:var(--backdrop-filter-med);background-image:unset;background-color:var(--main-card-bg-color-nooise);transition:none;z-index:-1}.card-clean.variant-nooise>.card-background.bg{position:absolute;background:var(--main-card-bg-image-nooise) top center;background-size:cover;transition:none;z-index:-2}.card-clean.variant-nooise.masked .card-background.bg{-webkit-mask-image:linear-gradient(#ffffff,rgba(0,0,0,0));mask-image:linear-gradient(#fff,#0000)}.card.variant-light{border:none;background-image:none}.card.variant-nooise{position:relative;overflow:hidden}.card.variant-nooise>.card-background{top:0;left:0;bottom:0;right:0;width:100%;height:100%;display:block;position:absolute;background-repeat:repeat;transition:50s all;backdrop-filter:var(--backdrop-filter-med);-webkit-backdrop-filter:var(--backdrop-filter-med);background-image:unset;background-color:var(--main-card-bg-color-nooise);transition:none;z-index:-1}.card.variant-nooise>.card-background.bg{position:absolute;background:var(--main-card-bg-image-nooise) top center;background-size:cover;transition:none;z-index:-2;transition:.4s all}.card.variant-nooise.masked .card-background.bg{-webkit-mask-image:linear-gradient(#ffffff,rgba(0,0,0,0));mask-image:linear-gradient(#fff,#0000)}.card-image{width:100%;height:150px;display:block;border-radius:10px}.card-header{width:100%}.card-header.align-center{width:100%;display:flex;justify-content:center}.card-title{padding:0;font-size:var(--font-base);font-weight:bolder;letter-spacing:1.5px}.card-description{color:var(--main-text-color);font-size:var(--font-xxs);letter-spacing:1.5px}.card-content{width:100%}.card-content.align-center{align-self:center}.card-content.align-top{align-self:flex-start}.card-content.align-bottom{align-self:flex-end}
