@layer tilet.tokens,tilet.base;@layer tilet.components{.tilet-card{box-sizing:border-box;background:var(--tilet-card-bg);color:var(--tilet-color-text-primary);border:var(--tilet-border-control-width) solid var(--tilet-card-border);border-radius:var(--tilet-card-radius);padding-block:var(--tilet-card-padding-y);padding-inline:var(--tilet-card-padding-x);outline:var(--tilet-border-focus-width) solid transparent;outline-offset:var(--tilet-border-focus-width);display:block}.tilet-card[data-elevation=raised]{box-shadow:var(--tilet-elevation-shadow-raised)}.tilet-card[data-flush]{padding-block:0;padding-inline:0}.tilet-card [data-slot=card-header]{padding-block:var(--tilet-card-padding-y);padding-inline:var(--tilet-card-padding-x);border-block-end:var(--tilet-border-control-width) solid var(--tilet-card-border)}.tilet-card [data-slot=card-content]{padding-block:var(--tilet-card-padding-y);padding-inline:var(--tilet-card-padding-x)}.tilet-card [data-slot=card-footer]{padding-block:var(--tilet-card-padding-y);padding-inline:var(--tilet-card-padding-x);border-block-start:var(--tilet-border-control-width) solid var(--tilet-card-border)}.tilet-card[data-interactive]{transition:border-color var(--tilet-motion-duration-quick) var(--tilet-motion-effects-default);text-decoration:none}.tilet-card[data-interactive]:hover{border-color:var(--tilet-color-border-strong)}.tilet-card[data-interactive]:focus-visible{box-shadow:0 0 0 var(--tilet-border-focus-width) var(--tilet-color-focus-ring-inner), 0 0 0 calc(2 * var(--tilet-border-focus-width)) var(--tilet-color-focus-ring-outer)}.tilet-card[data-interactive][data-elevation=raised]:focus-visible{box-shadow:0 0 0 var(--tilet-border-focus-width) var(--tilet-color-focus-ring-inner), 0 0 0 calc(2 * var(--tilet-border-focus-width)) var(--tilet-color-focus-ring-outer), var(--tilet-elevation-shadow-raised)}@media (prefers-reduced-motion:reduce){.tilet-card[data-interactive]{transition:none}}@media (forced-colors:active){.tilet-card{box-shadow:none;border-color:canvastext}.tilet-card [data-slot=card-header],.tilet-card [data-slot=card-footer]{border-color:canvastext}}}