@import"./_static-variables.css";.podcast{overflow:hidden;width:auto;margin:0 auto}.dark{background:#003b1c}.podcast .podcast-total{display:flex;margin:20px auto;align-items:center;justify-content:space-around;width:80%;font-family:var(--font-family);font-weight:700;color:var(--moss-green)}.podcast .podcast-total .podcast-percentage{min-width:70px}.podcast .podcast-controls{display:flex;align-items:center;justify-content:space-around;margin:0 auto;width:80%;height:38px}.podcast .podcast-progress-bar{position:relative;margin:26px auto;width:80%;height:10px;border-radius:5px;cursor:pointer;user-select:none;border:2px solid var(--moss-green)}.podcast .podcast-progress-bar .progress{width:0%;height:100%;background:var(--moss-green);border-radius:5px;transform:translateZ(0);will-change:width;transition:width .1s linear}.podcast .podcast-progress-bar .progress-circle{position:absolute;top:-100%;left:-1%;width:20px;height:20px;transform:translateZ(0);will-change:left;transition:left .1s linear}.podcast .podcast-progress-bar .progress-circle .progress-circle-block{width:20px;height:20px;border-radius:50%;border:2px solid var(--moss-green);background:var(--white-bg-color);transition:all .2s}.podcast .podcast-progress-bar .progress-circle .progress-circle-block:hover{transform:scale(1.1)}.dark .podcast .podcast-total{color:var(--white-bg-color)}.dark .podcast .podcast-progress-bar .progress{background:var(--theme-light-green-color)}.dark .podcast .podcast-progress-bar .progress-circle .progress-circle-block{border:2px solid var(--moss-green);background:var(--theme-light-green-color);transition:all .2s}.dark .podcast .podcast-progress-bar{border:2px solid var(--theme-light-green-color)}.minimal-podcast{overflow:hidden;width:auto;margin:0 auto}.minimal-podcast .minimal-podcast-controls{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 10px;width:100%;height:38px}.minimal-podcast .minimal-podcast-controls .minimal-podcast-start{display:flex}.minimal-podcast .minimal-podcast-controls .secondary-icon-button{width:28px;height:28px;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;padding:0;margin:3px}.minimal-podcast .minimal-podcast-controls .icon--play,.minimal-podcast .minimal-podcast-controls .icon--pause,.minimal-podcast .minimal-podcast-controls .icon--stop,.minimal-podcast .minimal-podcast-controls .icon--sound-loud,.minimal-podcast .minimal-podcast-controls .icon--sound-mute{transform:scale(.8);display:block}.minimal-podcast .minimal-podcast-controls .podcast-time-display{margin:8px;display:flex;align-items:center;font-size:1.2rem;font-family:var(--font-family);font-weight:700;color:var(--moss-green)}.minimal-podcast .minimal-podcast-controls .podcast-progress-bar{position:relative;width:40%;height:5px;border-radius:5px;cursor:pointer;user-select:none;border:1px solid var(--moss-green)}.minimal-podcast .minimal-podcast-controls .podcast-progress-bar .progress{width:0%;height:100%;background:var(--moss-green);border-radius:5px;transform:translateZ(0);will-change:width;transition:width .1s linear}.minimal-podcast .minimal-podcast-controls .podcast-progress-bar .progress-circle{position:absolute;top:-150%;left:-1%;width:10px;height:10px;transform:translateZ(0);will-change:left;transition:left .1s linear}.minimal-podcast .minimal-podcast-controls .podcast-progress-bar .progress-circle .progress-circle-block{width:12px;height:12px;border-radius:50%;border:1px solid var(--moss-green);background:var(--white-bg-color);transition:all .2s}.minimal-podcast .minimal-podcast-controls .podcast-progress-bar .progress-circle .progress-circle-block :hover{transform:scale(1.1)}.dark .minimal-podcast .minimal-podcast-controls .podcast-time-display{color:var(--white-bg-color)}.dark .minimal-podcast .minimal-podcast-controls .podcast-progress-bar{border:1px solid var(--theme-light-green-color)}.dark .minimal-podcast .minimal-podcast-controls .podcast-progress-bar .progress{background:var(--theme-light-green-color)}.dark .minimal-podcast .minimal-podcast-controls .podcast-progress-bar .progress-circle .progress-circle-block{border:1px solid var(--moss-green);background:var(--theme-light-green-color)}.podcast-container{margin-bottom:30px}