/* The podcast row of the homepage (.hpkPod/.hpkPRow) and its glass (.hpkGlass): one shared rule set for the homepage and a post's player (R77). */
:root{--hpkCy:0,242,255;--hpkCu:255,106,43;--hpkSi:196,203,210}
.hpkGlass{--tint:var(--hpkSi);isolation:isolate;position:relative;background:linear-gradient(180deg,#c4cbd217,#c4cbd208),linear-gradient(rgba(var(--tint),.035),rgba(var(--tint),.035)),#0c0f11db!important;border:1px solid #ffffff1a!important;border-radius:24px!important;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #00000059,0 24px 48px -12px #0000008c!important}
.hpkGlass:before{z-index:-1;border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);content:""!important;opacity:1!important;background:linear-gradient(135deg,#ffffff8c,#fff0 40% 72%,#ffffff2e)!important;display:block!important;position:absolute!important;inset:0!important}
.hpkGlass:after{z-index:-1;border-radius:inherit;pointer-events:none;content:""!important;opacity:1!important;background:radial-gradient(280px circle at var(--gx,30%)var(--gy,0%),#ffffff14,transparent 60%)!important;display:block!important;position:absolute!important;inset:0!important}
.hpkPod{border-radius:24px;flex-direction:column;padding:6px 10px;display:flex}
.hpkPRow{border-top:1px solid #ffffff12;grid-template-columns:minmax(0,36%) minmax(0,1fr) 48px;align-items:center;gap:24px;padding:16px 12px;display:grid;position:relative}
.hpkPRow:first-child{border-top:0}
.hpkPSel{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:0;border-radius:14px;margin:0;padding:0;position:absolute;inset:0}
.hpkPRow:before{content:"";background:rgb(var(--acc));border-radius:2px;width:2px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:18px;bottom:18px;left:0;transform:scaleY(0)}
.hpkPRow.on:before{transform:none}
.hpkPMeta{pointer-events:none;flex-direction:column;gap:6px;min-width:0;padding-left:8px;display:flex}
.hpkPMeta em{letter-spacing:.14em;text-transform:uppercase;color:#c4cbd28c;font:500 11px/1 Space Grotesk,sans-serif;font-variant-numeric:tabular-nums;transition:color .4s}
.hpkPRow.on .hpkPMeta em{color:rgb(var(--acc))}
.hpkPMeta b{color:#f4f6f8d1;font:500 clamp(17px,1.4vw,21px)/1.2 Space Grotesk,sans-serif;transition:color .4s}
.hpkPRow.on .hpkPMeta b{color:#f4f6f8}
.hpkPMeta small{letter-spacing:.12em;text-transform:uppercase;color:#c4cbd28c;font:500 10.5px/1 Space Grotesk,sans-serif;font-variant-numeric:tabular-nums}
.hpkPWave{pointer-events:none}
.hpkPWave canvas{width:100%;height:64px;display:block}
.hpkPPlay{z-index:1;background:#ffffff0d;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .3s,border-color .3s,transform .3s;position:relative;text-decoration:none!important;display:grid!important}
.hpkPPlay svg{fill:#f4f6f8;width:16px;height:16px;margin-left:2px}
.hpkPRow.on .hpkPPlay{border-color:rgba(var(--acc),.6)}
.hpkPPlay:hover{background:rgb(var(--acc));transform:scale(1.06)}
.hpkPPlay:hover svg{fill:#071014}
@media (max-width:820px){.hpkPod{padding:4px 6px}.hpkPRow{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"m p""w w";gap:6px 12px;padding:14px 8px}.hpkPMeta{grid-area:m;padding-left:6px}.hpkPPlay{grid-area:p;width:42px;height:42px}.hpkPWave{grid-area:w}.hpkPWave canvas{height:44px}.hpkPMeta b{font-size:17px}}