#player .player-tips{--pt-head:56px;--pt-line:color-mix(in oklab, var(--color-base-content, #202124) 12%, transparent);--pt-muted:color-mix(in oklab, var(--color-base-content, #202124) 62%, transparent);--pt-ease:cubic-bezier(.2, .8, .2, 1);position:absolute;right:0;bottom:100%;left:0;width:min(1180px,calc(100% - 16px));margin:0 auto;border:1px solid var(--pt-line);border-bottom:0;border-radius:16px 16px 0 0;background:color-mix(in oklab,var(--color-base-100, #fff) 94%,transparent);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0-12px 32px -12px rgb(0 0 0/22%);color:var(--color-base-content, #202124);font-size:13px;transform:translateY(100%);clip-path:inset(0 0 100%0);visibility:hidden;transition:transform .35s var(--pt-ease),clip-path .35s var(--pt-ease),visibility 0s linear .35s}#player .player-tips[data-state=mini]{transform:translateY(calc(100% - var(--pt-head)));clip-path:inset(0 calc(100% - var(--pt-mini, 120px)) calc(100% - var(--pt-head))0 round 16px 16px 0 0);visibility:visible;transition-delay:0s;cursor:pointer}#player .player-tips[data-state=open]{transform:none;clip-path:inset(0 0 0 0 round 16px 16px 0 0);visibility:visible;transition-delay:0s;z-index:2}#player #volumeArea .dropdown-hover .dropdown-content{display:flex;visibility:hidden;transition-property:opacity,scale,visibility}#player #volumeArea .dropdown-hover:is(:hover,:focus-within) .dropdown-content{visibility:visible}#player #volumeArea .dropdown-hover:hover:not(:focus-within) .dropdown-content{transition-delay:.25s}#player .player-tips-head{display:flex;align-items:center;gap:8px 12px;min-height:var(--pt-head);padding:8px 10px 8px 14px}#player .player-tips-summary{display:flex;flex:1 1 auto;align-items:center;gap:10px;min-width:0;height:40px;margin:0;padding:0 8px 0 0;border:0;border-radius:10px;background:0 0;color:inherit;font:inherit;text-align:left;cursor:pointer}#player .player-tips-thumbs{display:flex;flex:none;padding-left:8px}#player .player-tips-thumbs img{width:30px;height:30px;margin-left:-8px;border:2px solid var(--color-base-100, #fff);border-radius:6px;object-fit:cover;box-shadow:0 1px 3px rgb(0 0 0/20%)}#player .player-tips-thumbs img:nth-child(1){transform:rotate(-6deg)}#player .player-tips-thumbs img:nth-child(3){transform:rotate(6deg)}#player .player-tips-title{overflow:hidden;font-size:14px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}#player .player-tips-count{flex:none;color:var(--pt-muted);font-size:12px}#player .player-tips-mode{display:flex;flex:none;align-items:center;gap:2px;padding:3px;border-radius:10px;background:var(--color-base-200, #f5f6f7)}#player .player-tips[data-state=mini] .player-tips-mode{visibility:hidden}#player .player-tips-mode-label{padding:0 6px 0 4px;color:var(--pt-muted);font-size:11px;font-weight:600}#player .player-tips-mode label{position:relative;margin:0;cursor:pointer}#player .player-tips-mode input{position:absolute;opacity:0;pointer-events:none}#player .player-tips-mode label span{display:block;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600;transition:background-color .15s,box-shadow .15s}#player .player-tips-mode input:checked+span{background:var(--color-base-100, #fff);box-shadow:0 1px 3px rgb(0 0 0/14%)}#player .player-tips :is(.player-tips-summary,.player-tips-close):focus-visible,#player .player-tips-mode input:focus-visible+span{outline:2px solid var(--color-base-content, #202124);outline-offset:1px}#player .player-tips-close{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:0 0;color:inherit;cursor:pointer}#player .player-tips-close:hover,#player .player-tips-summary:hover{background:color-mix(in oklab,var(--color-base-content, #202124) 6%,transparent)}#player .player-tips-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}#player .player-tips-tiles{display:flex;gap:14px;margin:0;padding:4px 16px 16px;overflow-x:auto;list-style:none;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:thin}#player .player-tip{display:flex;flex:0 0 148px;flex-direction:column;gap:6px;min-width:0;scroll-snap-align:start}#player .player-tip-cover{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--color-base-200, #f5f6f7);box-shadow:0 1px 3px rgb(0 0 0/12%)}#player .player-tip-cover img{display:block;width:100%;height:100%;object-fit:cover}#player .player-tip-play{position:absolute;right:6px;bottom:6px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-play, #fff);color:var(--color-play-content, #2d6a86);box-shadow:0 2px 8px rgb(0 0 0/25%)}#player .player-tip-play svg{width:14px;height:14px}#player .player-tip-name{display:block;min-width:0;color:inherit;line-height:1.3;text-decoration:none}#player .player-tip-name :is(strong,span){display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#player .player-tip-name strong{font-size:13px}#player .player-tip-name span{color:var(--pt-muted);font-size:12px}#player .player-tip-name:hover strong{text-decoration:underline;text-underline-offset:2px}#player .player-tip-buy{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto}#player .player-tip-price{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}@media (max-width:550px){#player .inner{width:100%;max-width:1280px;margin:0;padding:10px 12px;box-sizing:border-box}#player #playerDetailsContainer{justify-content:space-between;gap:6px;min-width:0}#player #playerDetails{flex:1 1 auto;min-width:0;justify-content:flex-start}#player #playerDetails>*{min-width:0}#player .playerlist .article .articleData span{max-width:80px}#currentPlaylist .currentTrack span:first-child{max-width:64px}#player #playerBuy{flex:none}}@media (max-width:640px){#player .player-tips{width:calc(100% - 8px)}#player .player-tips-head{flex-wrap:wrap;padding:8px 6px 8px 10px}#player .player-tips-count{display:none}#player .player-tips-mode{order:3;flex-basis:100%;justify-content:center}#player .player-tips-tiles{gap:10px;padding:2px 10px 12px;scroll-padding-inline:10px}#player .player-tip{flex-basis:124px}}@media (prefers-reduced-motion:reduce){#player .player-tips,#player .player-tips-mode label span{transition:none}}