@layer component{.qhEj8a_DiscordTimestamp{gap:var(--space-4);display:grid}.qhEj8a_DiscordTimestamp .qhEj8a_formats{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);display:grid}.qhEj8a_DiscordTimestamp .qhEj8a_formats li{align-items:center;column-gap:var(--space-3);padding:var(--space-2) var(--space-3);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"qhEj8a_label qhEj8a_copy""qhEj8a_code qhEj8a_copy""qhEj8a_preview qhEj8a_copy";display:grid}.qhEj8a_DiscordTimestamp .qhEj8a_formats li+li{border-block-start:1px solid var(--color-border-subtle)}.qhEj8a_DiscordTimestamp .qhEj8a_formats .qhEj8a_label{color:var(--color-text-secondary);font-size:var(--font-size-xs);grid-area:qhEj8a_label}.qhEj8a_DiscordTimestamp .qhEj8a_formats code{font-size:var(--font-size-sm);-webkit-user-select:all;user-select:all;grid-area:qhEj8a_code}.qhEj8a_DiscordTimestamp .qhEj8a_formats .qhEj8a_preview{color:var(--color-text-secondary);font-size:var(--font-size-sm);grid-area:qhEj8a_preview}.qhEj8a_DiscordTimestamp .qhEj8a_formats button{grid-area:qhEj8a_copy}@media (width>=48rem){.qhEj8a_DiscordTimestamp .qhEj8a_formats li{block-size:var(--size-control);grid-template-columns:9rem minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"qhEj8a_label qhEj8a_code qhEj8a_preview qhEj8a_copy";padding-block:0}.qhEj8a_DiscordTimestamp .qhEj8a_formats .qhEj8a_label{font-size:var(--font-size-sm)}}}