@layer primitiv.reset,primitiv.tokens,primitiv.theme;@layer primitiv.base{.primitiv-badge{--primitiv-badge-background:var(--primitiv-feedback-success-soft-background);--primitiv-badge-foreground:var(--primitiv-feedback-success-soft-foreground);--primitiv-badge-height:var(--primitiv-badge-md-height);--primitiv-badge-padding-inline:var(--primitiv-badge-md-padding-inline);--primitiv-badge-font-family:var(--primitiv-font-family-heading);--primitiv-badge-font-size:var(--primitiv-badge-md-font-size);--primitiv-badge-font-weight:var(--primitiv-font-weight-semibold);--primitiv-badge-line-height:1;--primitiv-badge-radius:var(--primitiv-radii-full);box-sizing:border-box;block-size:var(--primitiv-badge-height);min-inline-size:var(--primitiv-badge-height);padding-inline:var(--primitiv-badge-padding-inline);border-radius:var(--primitiv-badge-radius);background-color:var(--primitiv-badge-background);color:var(--primitiv-badge-foreground);font-family:var(--primitiv-badge-font-family);font-size:var(--primitiv-badge-font-size);font-weight:var(--primitiv-badge-font-weight);line-height:var(--primitiv-badge-line-height);font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:center;align-items:center;display:inline-flex}.primitiv-badge__label{text-box-trim:trim-both;text-box-edge:cap alphabetic}}@layer primitiv.variants{.primitiv-badge--xs{--primitiv-badge-height:var(--primitiv-badge-xs-height);--primitiv-badge-padding-inline:var(--primitiv-badge-xs-padding-inline);--primitiv-badge-font-size:var(--primitiv-badge-xs-font-size)}.primitiv-badge--sm{--primitiv-badge-height:var(--primitiv-badge-sm-height);--primitiv-badge-padding-inline:var(--primitiv-badge-sm-padding-inline);--primitiv-badge-font-size:var(--primitiv-badge-sm-font-size)}.primitiv-badge--md{--primitiv-badge-height:var(--primitiv-badge-md-height);--primitiv-badge-padding-inline:var(--primitiv-badge-md-padding-inline);--primitiv-badge-font-size:var(--primitiv-badge-md-font-size)}.primitiv-badge--lg{--primitiv-badge-height:var(--primitiv-badge-lg-height);--primitiv-badge-padding-inline:var(--primitiv-badge-lg-padding-inline);--primitiv-badge-font-size:var(--primitiv-badge-lg-font-size)}.primitiv-badge--xl{--primitiv-badge-height:var(--primitiv-badge-xl-height);--primitiv-badge-padding-inline:var(--primitiv-badge-xl-padding-inline);--primitiv-badge-font-size:var(--primitiv-badge-xl-font-size)}.primitiv-badge--label.primitiv-badge--xs{--primitiv-badge-height:var(--primitiv-badge-xs-label-height);--primitiv-badge-padding-inline:var(--primitiv-badge-xs-label-padding-inline)}.primitiv-badge--label.primitiv-badge--sm{--primitiv-badge-height:var(--primitiv-badge-sm-label-height);--primitiv-badge-padding-inline:var(--primitiv-badge-sm-label-padding-inline)}.primitiv-badge--label.primitiv-badge--md{--primitiv-badge-height:var(--primitiv-badge-md-label-height);--primitiv-badge-padding-inline:var(--primitiv-badge-md-label-padding-inline)}.primitiv-badge--label.primitiv-badge--lg{--primitiv-badge-height:var(--primitiv-badge-lg-label-height);--primitiv-badge-padding-inline:var(--primitiv-badge-lg-label-padding-inline)}.primitiv-badge--label.primitiv-badge--xl{--primitiv-badge-height:var(--primitiv-badge-xl-label-height);--primitiv-badge-padding-inline:var(--primitiv-badge-xl-label-padding-inline)}.primitiv-badge--success.primitiv-badge--label{--primitiv-badge-background:var(--primitiv-feedback-success-soft-background);--primitiv-badge-foreground:var(--primitiv-feedback-success-soft-foreground)}.primitiv-badge--success.primitiv-badge--counter{--primitiv-badge-background:var(--primitiv-feedback-success-solid-background);--primitiv-badge-foreground:var(--primitiv-feedback-success-solid-foreground)}.primitiv-badge--warning.primitiv-badge--label{--primitiv-badge-background:var(--primitiv-feedback-warning-soft-background);--primitiv-badge-foreground:var(--primitiv-feedback-warning-soft-foreground)}.primitiv-badge--warning.primitiv-badge--counter{--primitiv-badge-background:var(--primitiv-feedback-warning-solid-background);--primitiv-badge-foreground:var(--primitiv-feedback-warning-solid-foreground)}.primitiv-badge--info.primitiv-badge--label{--primitiv-badge-background:var(--primitiv-feedback-info-soft-background);--primitiv-badge-foreground:var(--primitiv-feedback-info-soft-foreground)}.primitiv-badge--info.primitiv-badge--counter{--primitiv-badge-background:var(--primitiv-feedback-info-solid-background);--primitiv-badge-foreground:var(--primitiv-feedback-info-solid-foreground)}.primitiv-badge--danger.primitiv-badge--label{--primitiv-badge-background:var(--primitiv-feedback-danger-soft-background);--primitiv-badge-foreground:var(--primitiv-feedback-danger-soft-foreground)}.primitiv-badge--danger.primitiv-badge--counter{--primitiv-badge-background:var(--primitiv-feedback-danger-solid-background);--primitiv-badge-foreground:var(--primitiv-feedback-danger-solid-foreground)}}@layer primitiv.states;
@layer primitiv.reset,primitiv.tokens,primitiv.theme;@layer primitiv.base{.primitiv-card{--primitiv-card-background:var(--primitiv-surface-default);--primitiv-card-border-color:var(--primitiv-border-subtle);--primitiv-card-border-width:var(--primitiv-framed-control-border-width);--primitiv-card-radius:var(--primitiv-card-md-radius);--primitiv-card-padding:var(--primitiv-card-md-padding);--primitiv-card-gap:var(--primitiv-card-md-gap);--primitiv-card-shadow:var(--primitiv-elevation-raised);--primitiv-card-media-radius-inset:var(--primitiv-card-media-md-radius-inset);--primitiv-card-media-aspect-ratio:16 / 9;--primitiv-card-media-inline-size:36%;--primitiv-card-media-background:var(--primitiv-surface-subtle);--primitiv-card-cover-aspect-ratio:6 / 5;--primitiv-card-scrim-color:var(--primitiv-color-absolute-black);--primitiv-card-scrim-opacity:var(--primitiv-opacity-70);--primitiv-card-scrim-mid:6rem;--primitiv-card-scrim-end:14rem;--primitiv-card-title-color:var(--primitiv-content-primary);--primitiv-card-title-font-family:var(--primitiv-label-md-font-family);--primitiv-card-title-font-size:var(--primitiv-label-md-font-size);--primitiv-card-title-font-weight:var(--primitiv-label-md-font-weight);--primitiv-card-title-line-height:var(--primitiv-label-md-line-height);--primitiv-card-description-color:var(--primitiv-content-secondary);--primitiv-card-description-font-family:var(--primitiv-body-md-font-family);--primitiv-card-description-font-size:var(--primitiv-body-md-font-size);--primitiv-card-description-font-weight:var(--primitiv-body-md-font-weight);--primitiv-card-description-line-height:var(--primitiv-body-md-line-height);background-color:var(--primitiv-card-background);border:var(--primitiv-card-border-width) solid var(--primitiv-card-border-color);border-radius:var(--primitiv-card-radius);transition:box-shadow var(--primitiv-motion-duration-control) var(--primitiv-motion-easing-default);flex-direction:column;display:flex;position:relative;overflow:hidden}.primitiv-card__media{background-color:var(--primitiv-card-media-background);flex-shrink:0;position:relative;overflow:hidden}.primitiv-card__media>:is(img,picture,video,svg,canvas){object-fit:cover;block-size:100%;inline-size:100%;display:block}.primitiv-card__media:has(:is(img,picture,video)){outline:var(--primitiv-border-width-1) solid #0000001a;outline-offset:calc(-1 * var(--primitiv-border-width-1))}[data-theme=dark] .primitiv-card__media:has(:is(img,picture,video)){outline-color:#ffffff1a}.primitiv-card__content{gap:var(--primitiv-card-gap);padding:var(--primitiv-card-padding);flex-direction:column;min-inline-size:0;display:flex}.primitiv-card__header{align-items:center;gap:var(--primitiv-card-gap);display:flex}.primitiv-card__header>.primitiv-card__title{flex:auto;min-inline-size:0}.primitiv-card__title{margin:var(--primitiv-space-space-0);color:var(--primitiv-card-title-color);font-family:var(--primitiv-card-title-font-family);font-size:var(--primitiv-card-title-font-size);font-weight:var(--primitiv-card-title-font-weight);line-height:var(--primitiv-card-title-line-height)}.primitiv-card__description{text-wrap:pretty;margin:var(--primitiv-space-space-0);color:var(--primitiv-card-description-color);font-family:var(--primitiv-card-description-font-family);font-size:var(--primitiv-card-description-font-size);font-weight:var(--primitiv-card-description-font-weight);line-height:var(--primitiv-card-description-line-height)}.primitiv-card__footer{align-items:center;gap:var(--primitiv-card-gap);flex-wrap:wrap;margin-block-start:auto;display:flex}}@layer primitiv.variants{.primitiv-card--xs{--primitiv-card-radius:var(--primitiv-card-xs-radius);--primitiv-card-padding:var(--primitiv-card-xs-padding);--primitiv-card-gap:var(--primitiv-card-xs-gap);--primitiv-card-media-radius-inset:var(--primitiv-card-media-xs-radius-inset);--primitiv-card-title-font-size:var(--primitiv-label-xs-font-size);--primitiv-card-title-line-height:var(--primitiv-label-xs-line-height);--primitiv-card-description-font-size:var(--primitiv-body-xs-font-size);--primitiv-card-description-line-height:var(--primitiv-body-xs-line-height)}.primitiv-card--sm{--primitiv-card-radius:var(--primitiv-card-sm-radius);--primitiv-card-padding:var(--primitiv-card-sm-padding);--primitiv-card-gap:var(--primitiv-card-sm-gap);--primitiv-card-media-radius-inset:var(--primitiv-card-media-sm-radius-inset);--primitiv-card-title-font-size:var(--primitiv-label-sm-font-size);--primitiv-card-title-line-height:var(--primitiv-label-sm-line-height);--primitiv-card-description-font-size:var(--primitiv-body-sm-font-size);--primitiv-card-description-line-height:var(--primitiv-body-sm-line-height)}.primitiv-card--md{--primitiv-card-radius:var(--primitiv-card-md-radius);--primitiv-card-padding:var(--primitiv-card-md-padding);--primitiv-card-gap:var(--primitiv-card-md-gap);--primitiv-card-media-radius-inset:var(--primitiv-card-media-md-radius-inset);--primitiv-card-title-font-size:var(--primitiv-label-md-font-size);--primitiv-card-title-line-height:var(--primitiv-label-md-line-height);--primitiv-card-description-font-size:var(--primitiv-body-md-font-size);--primitiv-card-description-line-height:var(--primitiv-body-md-line-height)}.primitiv-card--lg{--primitiv-card-radius:var(--primitiv-card-lg-radius);--primitiv-card-padding:var(--primitiv-card-lg-padding);--primitiv-card-gap:var(--primitiv-card-lg-gap);--primitiv-card-media-radius-inset:var(--primitiv-card-media-lg-radius-inset);--primitiv-card-title-font-size:var(--primitiv-label-lg-font-size);--primitiv-card-title-line-height:var(--primitiv-label-lg-line-height);--primitiv-card-description-font-size:var(--primitiv-body-lg-font-size);--primitiv-card-description-line-height:var(--primitiv-body-lg-line-height)}.primitiv-card--xl{--primitiv-card-radius:var(--primitiv-card-xl-radius);--primitiv-card-padding:var(--primitiv-card-xl-padding);--primitiv-card-gap:var(--primitiv-card-xl-gap);--primitiv-card-media-radius-inset:var(--primitiv-card-media-xl-radius-inset);--primitiv-card-title-font-size:var(--primitiv-label-xl-font-size);--primitiv-card-title-line-height:var(--primitiv-label-xl-line-height);--primitiv-card-description-font-size:var(--primitiv-body-xl-font-size);--primitiv-card-description-line-height:var(--primitiv-body-xl-line-height)}.primitiv-card--vertical>.primitiv-card__media{aspect-ratio:var(--primitiv-card-media-aspect-ratio);flex-grow:1;min-block-size:0}.primitiv-card--vertical>.primitiv-card__content{flex:0 auto}.primitiv-card--horizontal{flex-direction:row}.primitiv-card--horizontal>.primitiv-card__media{inline-size:var(--primitiv-card-media-inline-size);align-self:stretch}.primitiv-card--horizontal>.primitiv-card__content{flex:auto}.primitiv-card--cover{aspect-ratio:var(--primitiv-card-cover-aspect-ratio);--primitiv-card-cover-foreground-light:var(--primitiv-color-absolute-white);--primitiv-card-cover-foreground-dark:var(--primitiv-color-absolute-white);--primitiv-card-title-color:var(--primitiv-card-cover-foreground-light);--primitiv-card-description-color:var(--primitiv-card-cover-foreground-light);justify-content:flex-end}.primitiv-card--cover>.primitiv-card__media{z-index:0;position:absolute;inset:0}.primitiv-card--cover:before{content:"";z-index:1;pointer-events:none;background-image:linear-gradient(to top, color-mix(in srgb, var(--primitiv-card-scrim-color) calc(var(--primitiv-card-scrim-opacity) * 100%), var(--primitiv-color-transparent)) 0, color-mix(in srgb, var(--primitiv-card-scrim-color) calc(var(--primitiv-card-scrim-opacity) * 55%), var(--primitiv-color-transparent)) var(--primitiv-card-scrim-mid), var(--primitiv-color-transparent) var(--primitiv-card-scrim-end));position:absolute;inset:0}.primitiv-card--cover>.primitiv-card__content{z-index:2;position:relative}.primitiv-card__media--inset{margin:var(--primitiv-card-padding);border-radius:var(--primitiv-card-media-radius-inset)}.primitiv-card--vertical>.primitiv-card__media--inset{margin-block-end:var(--primitiv-space-space-0)}.primitiv-card--horizontal>.primitiv-card__media--inset{margin-inline-end:var(--primitiv-space-space-0)}.primitiv-card--raised{box-shadow:var(--primitiv-card-shadow)}.primitiv-card--scrim-soft{--primitiv-card-scrim-opacity:var(--primitiv-opacity-50)}.primitiv-card--scrim-medium{--primitiv-card-scrim-opacity:var(--primitiv-opacity-70)}.primitiv-card--scrim-strong{--primitiv-card-scrim-opacity:var(--primitiv-opacity-90)}.primitiv-card__footer--start{justify-content:flex-start}.primitiv-card__footer--center{justify-content:center}.primitiv-card__footer--end{justify-content:flex-end}}@layer primitiv.states{.primitiv-card:focus-visible{outline:var(--primitiv-focus-ring-width) solid var(--primitiv-focus-ring);outline-offset:var(--primitiv-focus-ring-offset)}a.primitiv-card,button.primitiv-card{-webkit-tap-highlight-color:transparent}[data-theme=dark] .primitiv-card--cover{--primitiv-card-title-color:var(--primitiv-card-cover-foreground-dark);--primitiv-card-description-color:var(--primitiv-card-cover-foreground-dark)}}