@layer graupl.component{.card{padding:var(--graupl-card-padding,var(--graupl-card-padding-y,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem))))var(--graupl-card-padding-x,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem)))));transform:var(--graupl-card-transform,none);transition:var(--graupl-card-transition,transform var(--graupl-transition-duration-fast,.15s)var(--graupl-transition-timing-function,ease));border-width:var(--graupl-card-border-width,var(--graupl-card-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem)))var(--graupl-card-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))var(--graupl-card-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))var(--graupl-card-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));border-style:var(--graupl-card-border-style,var(--graupl-card-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid)))var(--graupl-card-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid)))var(--graupl-card-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid)))var(--graupl-card-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-radius:var(--graupl-card-border-radius,var(--graupl-card-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))var(--graupl-card-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-card-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-card-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));gap:var(--graupl-card-gap,var(--graupl-card-column-gap,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem))))var(--graupl-card-row-gap,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem)))));isolation:isolate;grid-template-columns:[image-start content-start]1fr[image-end content-end];display:grid;position:relative}.card,.card.top{grid-template-rows:[image-start]var(--graupl-card-image-ratio,auto)[image-end content-start]var(--graupl-card-content-ratio,1fr)[content-end]}.card.bottom,.card.inverse{grid-template-rows:[content-start]var(--graupl-card-content-ratio,1fr)[content-end image-start]var(--graupl-card-image-ratio,auto)[image-end]}.card:hover{--graupl-card-transform:var(--graupl-card-hover-transform,none)}.card.horizontal,.card.horizontal.left{--graupl-card-content-ratio:var(--graupl-horizontal-card-content-ratio,3fr);--graupl-card-image-ratio:var(--graupl-horizontal-card-image-ratio,2fr);grid-template-columns:[image-start]var(--graupl-card-image-ratio,auto)[image-end content-start]var(--graupl-card-content-ratio,1fr)[content-end];grid-template-rows:[image-start content-start]1fr[image-end content-end]}.card.horizontal .card-image img,.card.horizontal.left .card-image img{border-radius:calc(var(--graupl-card-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) - min(var(--graupl-card-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))),var(--graupl-card-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem)))))0 0 calc(var(--graupl-card-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))) - min(var(--graupl-card-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))),var(--graupl-card-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem)))))}.card.horizontal.right,.card.horizontal.inverse{grid-template-columns:[content-start]var(--graupl-card-content-ratio,1fr)[content-end image-start]var(--graupl-card-image-ratio,auto)[image-end]}.card.horizontal.right .card-image img,.card.horizontal.inverse .card-image img{border-radius:0 calc(var(--graupl-card-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) - min(var(--graupl-card-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))),var(--graupl-card-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))))calc(var(--graupl-card-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) - min(var(--graupl-card-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))),var(--graupl-card-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))))0}.card-image{padding:var(--graupl-card-image-padding,var(--graupl-card-image-padding-y,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem))))var(--graupl-card-image-padding-x,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem)))));grid-area:image}.card-image img{border-radius:calc(var(--graupl-card-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) - min(var(--graupl-card-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))),var(--graupl-card-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem)))))calc(var(--graupl-card-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) - min(var(--graupl-card-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))),var(--graupl-card-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))))0 0;object-fit:cover;width:100%;height:100%}.card-content{padding:var(--graupl-card-content-padding,var(--graupl-card-content-padding-y,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem))))var(--graupl-card-content-padding-x,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem)))));gap:var(--graupl-card-content-gap,var(--graupl-card-content-column-gap,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem))))var(--graupl-card-content-row-gap,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem)))));flex-direction:column;grid-area:content;display:flex}.card-body{flex:1 0 auto}.card-footer,.card-title{flex:none}@container (width<=767px){.card.horizontal,.card.horizontal.left,.card.horizontal.top,.card.horizontal.right,.card.horizontal.bottom,.card.horizontal.inverse{--graupl-horizontal-card-image-ratio:auto;--graupl-horizontal-card-content-ratio:1fr;grid-template-columns:[image-start content-start]1fr[image-end content-end]}.card.horizontal,.card.horizontal.left,.card.horizontal.right,.card.horizontal.top{grid-template-rows:[image-start]var(--graupl-card-image-ratio,auto)[image-end content-start]var(--graupl-card-content-ratio,1fr)[content-end]}.card.horizontal.bottom,.card.horizontal.inverse{grid-template-rows:[content-start]var(--graupl-card-content-ratio,1fr)[content-end image-start]var(--graupl-card-image-ratio,auto)[image-end]}}@media (prefers-reduced-motion:reduce){.card{--graupl-card-transition:var(--graupl-card-transition-reduced-motion,none)}}}@layer graupl.theme{.card{--graupl-color:var(--graupl-card-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-background:var(--graupl-card-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-card-border-color,var(--graupl-card-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));background:var(--graupl-card-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));color:var(--graupl-card-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.card-title{color:var(--graupl-card-title-color,var(--graupl-card-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));font-size:var(--graupl-card-title-font-size,var(--graupl-h4-font-size,var(--graupl-font-2xl,calc(1.728*var(--graupl-font-size-base,1rem)))));font-weight:var(--graupl-card-title-font-weight,var(--graupl-h4-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)))));line-height:var(--graupl-card-title-line-height,var(--graupl-h4-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em))))}}
/*# sourceMappingURL=card.css.map */