/* 489: reference-matched discrete tuner sliders. */
body.single-player-ui #works-menu.tuner-panel{padding:12px 20px 18px!important;background:rgba(29,31,30,.76)!important;border:1px solid rgba(243,242,238,.22)!important;border-radius:6px!important;box-shadow:0 18px 54px rgba(0,0,0,.22)!important;backdrop-filter:blur(24px) brightness(.88)!important;-webkit-backdrop-filter:blur(24px) brightness(.88)!important}
body.single-player-ui #works-menu .tuner-head{min-height:58px!important;margin:0 0 18px!important;padding:0 0 10px!important;border-bottom:1px solid rgba(243,242,238,.28)!important}
body.single-player-ui #works-menu .tuner-head>div>span:first-child{font-size:25px;letter-spacing:.01em;color:var(--ui-ink)}
body.single-player-ui #works-menu .tuner-close{width:44px!important;height:44px!important;color:var(--ui-ink)}
body.single-player-ui #works-menu .tuner-body{overflow:auto!important}
body.single-player-ui #works-menu .tuner-meters{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0 0 20px;margin-bottom:18px;border-bottom:1px solid rgba(243,242,238,.24)}
body.single-player-ui #works-menu .tuner-type{padding:0 20px 0 0}
body.single-player-ui #works-menu .tuner-stories{padding:0 0 0 22px;border-left:1px solid rgba(243,242,238,.20)}
body.single-player-ui #works-menu .tuner-section h3{margin:0 0 16px;font-family:Arial,sans-serif!important;font-size:13px!important;font-weight:400!important;line-height:1.2!important;letter-spacing:.28em!important;color:rgba(243,242,238,.82)!important}
body.single-player-ui #works-menu .tuner-meter{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:14px!important;height:218px!important;align-items:stretch!important}
body.single-player-ui #works-menu .tuner-slider-track{position:relative;box-sizing:border-box;outline:none;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
body.single-player-ui #works-menu .tuner-slider-track:active,body.single-player-ui #works-menu .tuner-slider-track.is-dragging{cursor:grabbing}
body.single-player-ui #works-menu .tuner-slider-track:focus-visible{outline:1px solid rgba(243,242,238,.72);outline-offset:5px}
body.single-player-ui #works-menu .tuner-slider-vertical{width:38px;height:100%;justify-self:center;border:1px solid rgba(243,242,238,.32);border-radius:20px;background:rgba(4,6,5,.18)}
body.single-player-ui #works-menu .tuner-slider-vertical .tuner-node{position:absolute;left:50%;width:20px;height:7px;border-radius:4px;background:rgba(243,242,238,.20);transform:translate(-50%,-50%)}
body.single-player-ui #works-menu .tuner-slider-vertical .tuner-node:nth-of-type(1){top:12%}
body.single-player-ui #works-menu .tuner-slider-vertical .tuner-node:nth-of-type(2){top:37.3%}
body.single-player-ui #works-menu .tuner-slider-vertical .tuner-node:nth-of-type(3){top:62.7%}
body.single-player-ui #works-menu .tuner-slider-vertical .tuner-node:nth-of-type(4){top:88%}
body.single-player-ui #works-menu .tuner-stories .tuner-slider-vertical .tuner-node:nth-of-type(1){top:14%}
body.single-player-ui #works-menu .tuner-stories .tuner-slider-vertical .tuner-node:nth-of-type(2){top:50%}
body.single-player-ui #works-menu .tuner-stories .tuner-slider-vertical .tuner-node:nth-of-type(3){top:86%}
body.single-player-ui #works-menu .tuner-slider-vertical .tuner-thumb{position:absolute;z-index:2;left:50%;top:var(--slider-pos,0%);width:14px;height:38px;border-radius:8px;background:rgba(250,249,244,.96);box-shadow:0 0 13px rgba(250,249,244,.52);transform:translate(-50%,-50%);transition:top .16s ease}
body.single-player-ui #works-menu .tuner-slider-track.is-dragging .tuner-thumb{transition:none}
body.single-player-ui #works-menu .tuner-meter-options{display:flex!important;flex-direction:column!important;justify-content:space-between!important;height:100%!important;min-width:0}
body.single-player-ui #works-menu .tuner-meter-options button{display:flex!important;align-items:center!important;min-height:42px!important;width:100%!important;padding:0!important;border:0!important;background:none!important;color:rgba(243,242,238,.62)!important;font-family:"EB Garamond",serif!important;font-size:20px!important;font-weight:400!important;line-height:1.1!important;text-align:left!important;white-space:nowrap;cursor:pointer}
body.single-player-ui #works-menu .tuner-meter-options button::before{display:none!important}
body.single-player-ui #works-menu .tuner-meter-options button[aria-pressed="true"]{color:rgba(250,249,244,.98)!important;font-weight:500!important}
body.single-player-ui #works-menu .tuner-order{padding:0!important}
body.single-player-ui #works-menu .tuner-order h3{margin-bottom:16px!important}
body.single-player-ui #works-menu .tuner-order-control{display:flex;flex-direction:column;gap:9px}
body.single-player-ui #works-menu .tuner-slider-horizontal{height:24px;margin:0 11px}
body.single-player-ui #works-menu .tuner-slider-horizontal::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(243,242,238,.66);transform:translateY(-50%)}
body.single-player-ui #works-menu .tuner-slider-horizontal .tuner-node{position:absolute;z-index:1;top:50%;width:15px;height:15px;border:1.5px solid rgba(243,242,238,.62);border-radius:50%;background:rgba(29,31,30,.92);transform:translate(-50%,-50%)}
body.single-player-ui #works-menu .tuner-slider-horizontal .tuner-node:nth-of-type(1){left:0%}
body.single-player-ui #works-menu .tuner-slider-horizontal .tuner-node:nth-of-type(2){left:33.333%}
body.single-player-ui #works-menu .tuner-slider-horizontal .tuner-node:nth-of-type(3){left:66.666%}
body.single-player-ui #works-menu .tuner-slider-horizontal .tuner-node:nth-of-type(4){left:100%}
body.single-player-ui #works-menu .tuner-slider-horizontal .tuner-thumb{position:absolute;z-index:3;left:var(--slider-pos,0%);top:50%;width:17px;height:17px;border-radius:50%;background:rgba(250,249,244,.98);box-shadow:0 0 12px rgba(250,249,244,.48);transform:translate(-50%,-50%);transition:left .16s ease}
body.single-player-ui #works-menu .tuner-slider-horizontal.is-dragging .tuner-thumb{transition:none}
body.single-player-ui #works-menu .tuner-order-options{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
body.single-player-ui #works-menu .tuner-order-options button{min-width:0!important;min-height:36px!important;padding:0!important;border:0!important;background:none!important;color:rgba(243,242,238,.65)!important;font-family:"EB Garamond",serif!important;font-size:17px!important;font-weight:400!important;line-height:1.1!important;white-space:nowrap!important;cursor:pointer}
body.single-player-ui #works-menu .tuner-order-options button:first-child{text-align:left}
body.single-player-ui #works-menu .tuner-order-options button:last-child{text-align:right}
body.single-player-ui #works-menu .tuner-order-options button[aria-pressed="true"]{color:rgba(250,249,244,.98)!important;font-weight:500!important;border:0!important}
@media(max-width:760px){
 body.single-player-ui #works-menu.tuner-panel{padding:10px 14px 14px!important}
 body.single-player-ui #works-menu .tuner-head{min-height:54px!important;margin-bottom:14px!important}
 body.single-player-ui #works-menu .tuner-meters{padding-bottom:16px;margin-bottom:14px}
 body.single-player-ui #works-menu .tuner-type{padding-right:12px}
 body.single-player-ui #works-menu .tuner-stories{padding-left:13px}
 body.single-player-ui #works-menu .tuner-section h3{font-size:12px!important;letter-spacing:.24em!important;margin-bottom:13px!important}
 body.single-player-ui #works-menu .tuner-meter{grid-template-columns:37px minmax(0,1fr)!important;gap:9px!important;height:205px!important}
 body.single-player-ui #works-menu .tuner-slider-vertical{width:34px}
 body.single-player-ui #works-menu .tuner-slider-vertical .tuner-node{width:18px}
 body.single-player-ui #works-menu .tuner-slider-vertical .tuner-thumb{width:13px;height:34px}
 body.single-player-ui #works-menu .tuner-meter-options button{font-size:18px!important}
 body.single-player-ui #works-menu .tuner-order-options{gap:4px!important}
 body.single-player-ui #works-menu .tuner-order-options button{font-size:14px!important}
 body.single-player-ui #works-menu .tuner-slider-horizontal{margin-left:8px;margin-right:8px}
}
@media(max-width:370px){
 body.single-player-ui #works-menu .tuner-meter{grid-template-columns:33px minmax(0,1fr)!important;gap:7px!important;height:194px!important}
 body.single-player-ui #works-menu .tuner-slider-vertical{width:31px}
 body.single-player-ui #works-menu .tuner-meter-options button{font-size:17px!important}
 body.single-player-ui #works-menu .tuner-order-options button{font-size:13px!important}
}