.podcast-tile-component{--watercolor-1:rgba(186,215,233,.6);--watercolor-2:hsla(37,52%,86%,.6);--watercolor-3:rgba(210,180,222,.4);display:flex;flex-direction:column;max-width:320px;width:100%}.podcast-tile-component .tile-art-container{aspect-ratio:1/1;border-radius:12px;margin-bottom:.75rem;overflow:hidden;position:relative;width:100%}.podcast-tile-component .tile-art-container img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.podcast-tile-component .tile-art-container.use-watercolor-fallback{background-color:var(--tile-bg-color,#bad7e9);background-image:linear-gradient(135deg,var(--tile-bg-color,#bad7e9) 0,hsla(0,0%,100%,.4) 100%)}.podcast-tile-component .tile-art-container.use-watercolor-fallback:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2333302E'%3E%3Cpath d='M12 2a9 9 0 0 0-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7a9 9 0 0 0-9-9z'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;content:"";height:60px;left:50%;opacity:.5;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60px}.podcast-tile-component .tile-duration{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(51,48,46,.45);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;bottom:12px;color:hsla(0,0%,100%,.9);font-family:Archivo,sans-serif;font-size:.75rem;font-weight:600;left:12px;line-height:1.6;padding:2px 7px;pointer-events:none;position:absolute}.podcast-tile-component .tile-controls{bottom:12px;position:absolute;right:12px}.podcast-tile-component .tile-controls .play-trigger{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(10px);background:rgba(51,48,46,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:44px}.podcast-tile-component .tile-controls .play-trigger .icon-play{border-bottom:10px solid transparent;border-left:15px solid #8b3a2b;border-top:10px solid transparent;display:block;height:0;margin-left:4px;width:0}.podcast-tile-component .tile-controls .play-trigger .icon-pause{display:none;height:20px;position:relative;width:14px}.podcast-tile-component .tile-controls .play-trigger .icon-pause:after,.podcast-tile-component .tile-controls .play-trigger .icon-pause:before{background-color:#8b3a2b;border-radius:2px;content:"";height:100%;position:absolute;top:0;width:4px}.podcast-tile-component .tile-controls .play-trigger .icon-pause:before{left:0}.podcast-tile-component .tile-controls .play-trigger .icon-pause:after{right:0}.podcast-tile-component .tile-controls .play-trigger.is-playing .icon-play{display:none}.podcast-tile-component .tile-controls .play-trigger.is-playing .icon-pause{display:block}.podcast-tile-component .tile-controls .play-trigger:active{-webkit-transform:scale(.9);transform:scale(.9)}.podcast-tile-component .tile-content{text-align:left}.podcast-tile-component .tile-content .font-archivo{font-family:Archivo,sans-serif}.podcast-tile-component .tile-content .tile-meta{color:#666;display:flex;flex-direction:column;font-family:Archivo,sans-serif;font-size:.85rem;gap:4px}.podcast-tile-component .tile-content .tile-meta .tile-tags a{color:var(--brand-accent);text-decoration:none}.podcast-tile-component .tile-content .tile-meta .tile-date{color:#888;font-family:Archivo,sans-serif;font-style:italic}.podcast-tile-component .tile-content .tile-title{font-family:Archivo,sans-serif;font-size:1.1rem;font-weight:600;line-height:1.2;margin:0 0 .25rem}.podcast-tile-component .tile-content .tile-title a{color:inherit;text-decoration:none}