.echo-date-tile{--dt-gap:var(--echo-space-3);--dt-pad:var(--echo-space-4);display:inline-grid;gap:var(--dt-gap);padding:var(--dt-pad);border-radius:var(--echo-radius-2xl);vertical-align:middle;min-inline-size:0}.echo-date-tile[data-size=sm]{--dt-gap:var(--echo-space-2);--dt-pad:var(--echo-space-3);border-radius:var(--echo-radius-lg)}.echo-date-tile[data-size=lg]{--dt-gap:var(--echo-space-4);--dt-pad:var(--echo-space-6);border-radius:var(--echo-radius-3xl)}.echo-date-tile__top{display:flex;justify-content:space-between;gap:var(--echo-space-4);padding-inline:var(--echo-space-2);font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-3xs);font-weight:var(--echo-weight-bold,700);letter-spacing:var(--echo-tracking-wider,.12em);text-transform:uppercase;line-height:var(--echo-leading-tight,1.25)}.echo-date-tile__weekday{color:var(--echo-text)}.echo-date-tile__month{color:var(--echo-text-dim)}.echo-date-tile[data-size=lg] .echo-date-tile__top{font-size:var(--echo-text-2xs)}.echo-date-tile__screen{display:grid;place-items:center;padding:var(--echo-space-5) var(--echo-space-6);border-radius:var(--echo-radius-lg);background:var(--echo-drawn-glass,linear-gradient(160deg,var(--echo-well) 0,var(--echo-lcd) 100%));box-shadow:var(
    --echo-shadow-well-screen,inset 0 2px 6px color-mix(in oklab,var(--echo-cast-ink,black) calc(.8 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss, 1))),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)
  )}.echo-date-tile[data-size=sm] .echo-date-tile__screen{padding:var(--echo-space-3) var(--echo-space-4);border-radius:var(--echo-radius-md)}.echo-date-tile__said{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (forced-colors:active){.echo-date-tile,.echo-date-tile__screen{border:var(--echo-border-hairline,1px) solid CanvasText}}