@keyframes tip-card-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.tip-sr-only:not(#\#):not(#\#){-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tip-card:not(#\#):not(#\#){box-sizing:border-box;border-radius:var(--tip-card-radius,var(--tip-radius-lg));color:var(--tip-color-semantic-ink);font-family:var(--tip-font-body);flex-direction:column;display:flex;overflow:hidden}.tip-card[data-layout=horizontal]:not(#\#):not(#\#){flex-direction:row;align-items:stretch}.tip-card[data-variant=elevated]:not(#\#):not(#\#){background-color:var(--tip-card-background,var(--tip-color-semantic-surface-raised));border:1px solid var(--tip-card-border-color,var(--tip-color-semantic-line));box-shadow:var(--tip-card-shadow,var(--tip-shadow-card))}.tip-card[data-variant=outline]:not(#\#):not(#\#){background-color:var(--tip-card-background,var(--tip-color-semantic-surface-raised));border:1px solid var(--tip-card-border-color,var(--tip-color-semantic-line))}.tip-card[data-variant=filled]:not(#\#):not(#\#){background-color:var(--tip-card-background,var(--tip-color-semantic-surface-muted));border:1px solid transparent}.tip-card[data-variant=filled][data-surface=cream]:not(#\#):not(#\#),.tip-card[data-variant=filled][data-surface=soft]:not(#\#):not(#\#){background-color:var(--tip-card-background,var(--tip-color-semantic-surface-raised));border-color:var(--tip-card-border-color,var(--tip-color-semantic-line))}.tip-card[data-padding=none]:not(#\#):not(#\#){--tip-card-padding:0px}.tip-card[data-padding=sm]:not(#\#):not(#\#){--tip-card-padding:var(--tip-space-3)}.tip-card[data-padding=md]:not(#\#):not(#\#){--tip-card-padding:var(--tip-space-5)}.tip-card[data-padding=lg]:not(#\#):not(#\#){--tip-card-padding:var(--tip-space-6)}.tip-card-content:not(#\#):not(#\#){flex-direction:column;flex:1;min-width:0;display:flex}.tip-card-header:not(#\#):not(#\#),.tip-card-body:not(#\#):not(#\#),.tip-card-footer:not(#\#):not(#\#){padding:var(--tip-card-padding)}.tip-card-header:not(#\#):not(#\#){border-bottom:1px solid var(--tip-card-border-color,var(--tip-color-semantic-line));font-size:var(--tip-text-15);font-weight:700;line-height:var(--tip-leading-snug)}.tip-card-body:not(#\#):not(#\#){font-size:var(--tip-text-sm);line-height:var(--tip-leading-normal);flex:1}.tip-card-footer:not(#\#):not(#\#){border-top:1px solid var(--tip-card-border-color,var(--tip-color-semantic-line))}.tip-card[data-layout=compact]:not(#\#):not(#\#) .tip-card-header{font-size:var(--tip-text-sm);line-height:var(--tip-leading-tight)}.tip-card[data-layout=compact]:not(#\#):not(#\#) .tip-card-body{line-height:var(--tip-leading-snug)}.tip-card-media:not(#\#):not(#\#){flex-shrink:0;overflow:hidden}.tip-card-media:not(#\#):not(#\#) :where(img,video){object-fit:cover;width:100%;height:100%;display:block}.tip-card:not([data-layout=horizontal]):not(#\#):not(#\#) .tip-card-media[data-media-variant=banner]{aspect-ratio:16/9}.tip-card:not([data-layout=horizontal]):not(#\#):not(#\#) .tip-card-media[data-media-variant=cover]{aspect-ratio:4/3}@supports not selector(:where(*)){.tip-card-media:not(#\#):not(#\#) img,.tip-card-media:not(#\#):not(#\#) video{object-fit:cover;width:100%;height:100%;display:block}}@supports not (aspect-ratio:1){.tip-card:not([data-layout=horizontal]):not(#\#):not(#\#) .tip-card-media[data-media-variant]{height:0;position:relative}.tip-card:not([data-layout=horizontal]):not(#\#):not(#\#) .tip-card-media[data-media-variant=banner]{padding-top:56.25%}.tip-card:not([data-layout=horizontal]):not(#\#):not(#\#) .tip-card-media[data-media-variant=cover]{padding-top:75%}.tip-card:not([data-layout=horizontal]):not(#\#):not(#\#) .tip-card-media[data-media-variant]>*{position:absolute;top:0;left:0}}.tip-card[data-layout=horizontal]:not(#\#):not(#\#) .tip-card-media{flex:0 0 max(7.5rem,min(33%,13.75rem))}.tip-card[data-clickable]:not(#\#):not(#\#){cursor:pointer;transition:box-shadow var(--tip-duration-normal) var(--tip-easing-standard), transform var(--tip-duration-fast) var(--tip-easing-out)}@media (hover:hover) and (pointer:fine){.tip-card[data-clickable]:hover:not(#\#):not(#\#){box-shadow:var(--tip-shadow-card-hover)}.tip-card[data-variant=elevated][data-clickable]:hover:not(#\#):not(#\#){box-shadow:var(--tip-card-shadow-hover,var(--tip-card-shadow,var(--tip-shadow-card-hover)))}}.tip-card[data-clickable]:active:not(#\#):not(#\#){transform:scale(var(--tip-interaction-press-scale-active))}.tip-card[data-clickable]:focus-visible:not(#\#):not(#\#){outline-offset:2px;outline:2px solid}.tip-card[data-disabled]:not(#\#):not(#\#){cursor:not-allowed;opacity:var(--tip-interaction-opacity-disabled)}.tip-card[data-clickable][data-disabled]:not(#\#):not(#\#),.tip-card[data-clickable][data-loading]:not(#\#):not(#\#){cursor:not-allowed;pointer-events:none}.tip-card[data-clickable][data-loading]:not(#\#):not(#\#):not(#\#){box-shadow:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){.tip-card[data-clickable]:not(#\#):not(#\#){transition:none}}.tip-card-skeleton-block:not(#\#):not(#\#),.tip-card-skeleton-line:not(#\#):not(#\#),.tip-card-skeleton-line-short:not(#\#):not(#\#){border-radius:var(--tip-radius-sm);background-color:var(--tip-color-semantic-surface-muted);display:block}.tip-card-skeleton-block:not(#\#):not(#\#){width:100%;height:100%;min-height:var(--tip-space-24)}.tip-card-skeleton-line:not(#\#):not(#\#),.tip-card-skeleton-line-short:not(#\#):not(#\#){height:var(--tip-space-3)}.tip-card-skeleton-line:not(#\#):not(#\#){width:100%}.tip-card-skeleton-line:not(#\#):not(#\#)+.tip-card-skeleton-line,.tip-card-skeleton-line:not(#\#):not(#\#)+.tip-card-skeleton-line-short{margin-top:var(--tip-space-2)}.tip-card-skeleton-line-short:not(#\#):not(#\#){width:60%}.tip-card[data-loading]:not(#\#):not(#\#) .tip-card-skeleton-block,.tip-card[data-loading]:not(#\#):not(#\#) .tip-card-skeleton-line,.tip-card[data-loading]:not(#\#):not(#\#) .tip-card-skeleton-line-short{animation:tip-card-skeleton-pulse var(--tip-duration-slow) var(--tip-easing-in-out) infinite}@media (prefers-reduced-motion:reduce){.tip-card[data-loading]:not(#\#):not(#\#) .tip-card-skeleton-block,.tip-card[data-loading]:not(#\#):not(#\#) .tip-card-skeleton-line,.tip-card[data-loading]:not(#\#):not(#\#) .tip-card-skeleton-line-short{animation:none}}.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-card[data-clickable]{transition:none}.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-card[data-loading] .tip-card-skeleton-block,.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-card[data-loading] .tip-card-skeleton-line,.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-card[data-loading] .tip-card-skeleton-line-short{animation:none}@media (forced-colors:active){.tip-card[data-variant][data-surface]:not(#\#):not(#\#){box-shadow:none;background-color:canvas;border:1px solid canvastext}.tip-card-skeleton-block:not(#\#):not(#\#),.tip-card-skeleton-line:not(#\#):not(#\#),.tip-card-skeleton-line-short:not(#\#):not(#\#){outline:1px solid graytext}}
