.mh-tile{background:var(--paper);box-shadow:var(--surface);aspect-ratio:3/4;border-radius:var(--radius-tile);flex:none;place-items:center;display:inline-grid}.mh-tile img{width:62%;height:auto;display:block}.mh-tile--28{width:var(--tile-28);border-radius:var(--radius-chip)}.mh-tile--44{width:var(--tile-44)}.mh-tile--72{width:var(--tile-72)}.mh-tile--120{width:var(--tile-120)}.mh-tile--down{background:var(--cherry)}.mh-tile-candy,.mh-tile-numeral{display:none}[data-theme=spritz-hour] .mh-tile{--tile-w:var(--tile-44);--tile-back:var(--candy-sky);--tile-depth:max(var(--tile-back-min), calc(var(--tile-w) * var(--tile-back-ratio)));width:var(--tile-w);background:var(--color-tile-face);border-radius:calc(var(--tile-w) * var(--tile-corner-ratio));box-shadow:inset 0 0 0 var(--border-hair) var(--color-border), 0 var(--tile-depth) 0 calc(-1 * var(--border-hair)) var(--tile-back), 0 calc(var(--tile-depth) + var(--tile-base-depth)) 0 calc(-1 * var(--border-hair)) var(--color-tile-base);margin-bottom:calc(var(--tile-depth) + var(--tile-base-depth));position:relative}[data-theme=spritz-hour] .mh-tile--28{--tile-w:var(--tile-28);--fine:none}[data-theme=spritz-hour] .mh-tile--44{--tile-w:var(--tile-44)}[data-theme=spritz-hour] .mh-tile--72{--tile-w:var(--tile-72)}[data-theme=spritz-hour] .mh-tile--120{--tile-w:var(--tile-120)}[data-theme=spritz-hour] .mh-tile[data-hue=lemon]{--tile-back:var(--candy-lemon)}[data-theme=spritz-hour] .mh-tile[data-hue=pistachio]{--tile-back:var(--candy-mint)}[data-theme=spritz-hour] .mh-tile[data-hue=pink]{--tile-back:var(--candy-pink)}[data-theme=spritz-hour] .mh-tile[data-hue=blue]{--tile-back:var(--candy-sky)}[data-theme=spritz-hour] .mh-tile .mh-tile-image{display:none}[data-theme=spritz-hour] .mh-tile-candy{width:100%;height:100%;display:block;position:absolute;inset:0}[data-theme=spritz-hour] .mh-tile--down{background:var(--tile-back)}[data-theme=spritz-hour] .mh-tile-numeral{color:var(--color-ink);font-weight:var(--weight-heavy);font-size:calc(var(--tile-w) * .5);letter-spacing:-.04em;font-variant-numeric:tabular-nums lining-nums;justify-items:center;line-height:1;display:grid}[data-theme=spritz-hour] .mh-tile-numeral small{margin-bottom:calc(var(--tile-w) * .05);color:var(--color-accent-ink);font-size:calc(var(--tile-w) * .15);letter-spacing:.08em;text-transform:uppercase}[data-theme=spritz-hour] .mh-tile-numeral[data-length=mid]{font-size:calc(var(--tile-w) * .3);letter-spacing:0}[data-theme=spritz-hour] .mh-tile:has(>.mh-tile-numeral[data-length=long]){width:auto;min-width:var(--tile-w);height:calc(var(--tile-w) * 4 / 3);aspect-ratio:auto;padding-inline:var(--space-8);box-sizing:border-box}[data-theme=spritz-hour] .mh-tile-numeral[data-length=long]{font-size:max(var(--type-label-size), calc(var(--tile-w) * .3));letter-spacing:0;white-space:nowrap;line-height:1.1}.mh-tile--spritz-only{display:none}[data-theme=spritz-hour] .mh-tile--spritz-only{display:inline-grid}