:is(body.ec .mh-home, .ev-week, .ev-album) .wk-stamp{ --p:10px; --h:4.2px; display:flex; flex-direction:column; width:100%; padding:9px 9px 0; background:#fff; -webkit-mask:radial-gradient(circle var(--h) at center, #0000 96%, #000) calc(var(--p) / -2) calc(var(--p) / -2) / var(--p) var(--p) round, linear-gradient(#000 0 0) calc(var(--p) / 2) calc(var(--p) / 2) / calc(100% - var(--p)) calc(100% - var(--p)) no-repeat; mask:radial-gradient(circle var(--h) at center, #0000 96%, #000) calc(var(--p) / -2) calc(var(--p) / -2) / var(--p) var(--p) round, linear-gradient(#000 0 0) calc(var(--p) / 2) calc(var(--p) / 2) / calc(100% - var(--p)) calc(100% - var(--p)) no-repeat; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-stamp-pic{ position:relative; display:block; aspect-ratio:4/5; overflow:hidden; background:var(--ec-ink, var(--ink)); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-stamp-pic img{ display:block; width:100%; height:100%; object-fit:cover; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-stamp-pic.is-blank{ display:grid; place-items:center; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-stamp-initial{ font-size:56px; font-weight:800; font-stretch:62%; line-height:1; color:#fff; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-stamp-count{ position:absolute; right:6px; top:6px; padding:1px 7px 2px; border-radius:6px; background:rgba(11,11,13,.72); font-size:var(--h-hour); font-weight:800; font-stretch:62%; line-height:1.1; color:#fff; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-stamp-name{ padding:7px 2px 11px; font-size:var(--h-meta); font-weight:800; font-stretch:66%; line-height:1.1; letter-spacing:.04em; text-transform:uppercase; text-align:center; color:var(--ec-ink, var(--ink)); overflow-wrap:anywhere; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-day{ margin-top:var(--h-s4); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-day[hidden]{ display:none; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-day-head{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 14px; margin:0; padding-bottom:var(--h-s2); border-bottom:1px solid color-mix(in srgb, var(--ec-ink, var(--ink)) 16%, var(--ec-ground, var(--ground))); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-day-label{ font-size:var(--h-head); font-weight:400; line-height:1.2; letter-spacing:-.02em; color:var(--ec-ink, var(--ink)); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-day-count{ font-size:var(--h-meta); font-weight:400; color:var(--ec-muted, var(--soft)); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-day.is-today .wk-day-label{ display:inline-flex; align-items:center; gap:12px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-day.is-today .wk-day-label::before{ content:""; flex:0 0 auto; width:8px; height:8px; border-radius:50%; background:var(--amber, var(--accent)); animation:wk-beat 1.8s ease-in-out infinite; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-hour{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 14px; margin:var(--h-s3) 0 var(--h-s1); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-hour-time{ font-size:var(--h-hour); font-weight:800; font-stretch:62%; line-height:.9; letter-spacing:-.01em; color:var(--amber, var(--accent)); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-hour-line{ font-size:var(--h-meta); color:var(--ec-muted, var(--soft)); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows{ list-style:none; margin:0; padding:0; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-row{ position:relative; display:grid; grid-template-columns:76px 170px minmax(0,1fr) auto 22px; align-items:center; gap:0 18px; padding:var(--h-s2) 0; border-bottom:1px solid var(--ec-line, var(--hair)); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-row[hidden]{ display:none; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-mini{ display:inline-block; justify-self:start; transform:rotate(var(--r)); filter:drop-shadow(0 3px 4px rgba(29,21,36,.2)); transition:transform .45s cubic-bezier(.2,1.4,.4,1); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-mini .wk-stamp{ --p:7px; --h:2.9px; width:60px; padding:5px 5px 6px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-mini .wk-stamp-initial{ font-size:26px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-city{ display:block; font-size:var(--h-city); font-weight:800; font-stretch:66%; line-height:.95; letter-spacing:.02em; text-transform:uppercase; color:var(--ec-ink, var(--ink)); overflow-wrap:anywhere; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-time{ display:block; margin-top:var(--h-s1); font-size:var(--h-meta); font-weight:500; line-height:1.3; color:var(--amber, var(--accent)); font-variant-numeric:tabular-nums; white-space:nowrap; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-flags{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin-bottom:var(--h-s1); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-done{ padding:2px 6px; border:1px solid var(--ec-line, var(--hair)); border-radius:2px; font-size:12px; letter-spacing:.04em; color:var(--ec-muted, var(--soft)); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-mine{ display:inline-flex; align-items:center; gap:6px; padding:3px 10px 3px 9px; border-radius:999px; background:var(--ec-ink, var(--ink)); font-size:12px; font-weight:600; line-height:1.3; color:var(--ec-ground, var(--ground)); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-row.is-mine .wk-mine::before{ content:""; width:4px; height:8px; margin:-2px 1px 0 0; border:solid currentColor; border-width:0 2px 2px 0; transform:rotate(45deg); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-title{ display:block; font-size:var(--h-body); font-weight:500; line-height:1.35; letter-spacing:-.005em; color:var(--ec-ink, var(--ink)); text-decoration:none; transition:color .2s; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-title::after{ content:""; position:absolute; inset:0; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-venue{ display:block; margin-top:4px; font-size:var(--h-meta); color:var(--ec-muted, var(--soft)); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-who{ display:flex; align-items:center; gap:10px; justify-self:end; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-who .ec-going-av{ width:var(--h-face); height:var(--h-face); margin-left:-8px; box-shadow:0 0 0 2px #fff; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-who .ec-going-av:first-child{ margin-left:0; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-going{ font-size:var(--h-meta); color:var(--ec-muted, var(--soft)); white-space:nowrap; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-arrow{ color:var(--ec-faint, var(--faint)); transition:transform .3s, color .3s; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-shots{ grid-column:3 / -1; position:relative; z-index:1; margin-top:var(--h-s2); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-row:is(:hover, :active) .wk-title{ color:var(--amber, var(--accent)); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-row:is(:hover, :active) .wk-arrow{ color:var(--amber, var(--accent)); transform:translateX(4px); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-row:is(:hover, :active) .wk-mini{ transform:rotate(0) scale(1.08); } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-where-venue{ display:none; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-city{ text-transform:none; letter-spacing:0; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-who .ec-going-stack{ display:inline-flex; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-who .ec-going-av{ border-radius:50%; object-fit:cover; } @keyframes wk-beat{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.5); opacity:.45; } } @media (min-width: 701px){ :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-row{ grid-template-columns:76px 110px minmax(0,1fr) auto 22px; } } @media (max-width: 700px){ :is(.wk-album, .ev-album) .wk-stamp{ --p:8px; --h:3.3px; padding:6px 6px 0; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-stamp-name{ padding:6px 0 9px; font-size:11px; letter-spacing:0; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-stamp-count{ font-size:22px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-day-head{ flex-direction:column; align-items:flex-start; gap:2px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-row{ grid-template-columns:58px minmax(0, 1fr); gap:4px 14px; align-items:start; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-mini{ grid-row:1 / span 3; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-mini .wk-stamp{ width:52px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-where{ display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 10px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-time{ margin:0; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-who{ justify-self:start; margin-top:6px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-arrow{ display:none; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-shots{ grid-column:1 / -1; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-day.is-cover .wk-day-head{ flex-direction:row; justify-content:space-between; align-items:baseline; gap:12px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-day.is-cover .wk-day-label{ font-size:20px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-day.is-cover .wk-day-count{ display:none; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-row{ grid-template-columns:44px minmax(0,1fr); gap:2px 14px; padding:14px 0; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-mini .wk-stamp{ --p:6px; --h:2.4px; width:44px; padding:4px 4px 5px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-mini .wk-stamp-initial{ font-size:20px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-where{ flex-wrap:nowrap; align-items:baseline; gap:0 8px; min-width:0; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-city{ flex:0 0 auto; font-size:15px; line-height:1.2; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-where-venue{ display:block; min-width:0; overflow:hidden; font-size:13px; line-height:1.2; color:var(--ec-muted, var(--soft)); white-space:nowrap; text-overflow:ellipsis; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-where-venue::before{ content:"\00b7\00a0"; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-what .wk-venue{ display:none; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-title{ font-size:16px; line-height:1.3; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-flags{ margin:2px 0 4px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-who{ margin-top:4px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-who .ec-going-av{ width:22px; height:22px; } :is(body.ec .mh-home, .ev-week, .ev-album) .wk-rows.is-cover .wk-going{ font-size:13px; } } @media (prefers-reduced-motion: reduce){ :is(body.ec .mh-home, .ev-week, .ev-album) .wk-day.is-today .wk-day-label::before{ animation:none !important; } }