/* Experimental persistent YouTube player. Disable with the feature flag in functions.php. */
.mm-persistent-player{position:fixed;right:18px;bottom:18px;z-index:100000;width:min(390px,calc(100vw - 28px));overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#2d2321;color:#fff;box-shadow:0 22px 70px rgba(38,24,22,.34);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;transform:translateY(18px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease,width .2s ease}
.mm-persistent-player.is-active{transform:none;opacity:1;pointer-events:auto}
.mm-persistent-player.is-collapsed{width:min(330px,calc(100vw - 28px))}
.mmpp-bar{min-height:52px;display:flex;align-items:center;gap:10px;padding:8px 9px 8px 14px;background:linear-gradient(90deg,#543930,#3b2a27)}
.mmpp-status{flex:0 0 auto;color:#ffc4d2;font-size:10px;font-weight:900;letter-spacing:.08em}
.mmpp-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff6f1;font-size:12px;font-weight:800}
.mmpp-controls{display:flex;gap:5px;flex:0 0 auto}
.mmpp-btn{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.mmpp-btn:hover,.mmpp-btn:focus-visible{background:rgba(255,255,255,.22);outline:none}
.mmpp-frame{position:relative;aspect-ratio:16/9;background:#000;transition:height .2s ease,opacity .2s ease}
.mmpp-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mm-persistent-player.is-collapsed .mmpp-frame{height:0;aspect-ratio:auto;opacity:0;overflow:hidden}
.mm-persistent-player.is-loading .mmpp-status:after{content:"…";animation:mmppDots 1s steps(4,end) infinite}
@keyframes mmppDots{0%{content:""}25%{content:"."}50%{content:".."}75%,100%{content:"..."}}
body.mm-player-active{padding-bottom:68px}
@media(max-width:650px){.mm-persistent-player{left:8px;right:8px;bottom:8px;width:auto;border-radius:16px}.mm-persistent-player.is-collapsed{width:auto}.mmpp-bar{min-height:50px;padding-left:12px}.mmpp-status{font-size:9px}.mmpp-title{font-size:11px}body.mm-player-active{padding-bottom:66px}}