.page-user-plays{--plays-pc-cols:36px 70px minmax(0,1fr) 210px 160px;--plays-pc-gap:12px}.mac-plog-clear.btn-right{align-items:center;color:var(--tpl-text,#333);display:inline-flex;font-size:14px;gap:4px;text-decoration:none}.mac-plog-clear-ico{display:block;height:18px;object-fit:contain;opacity:.75;width:18px}body:not(.bstem) .page-user-plays{background-color:#f8f8f8}.filter-tabs{background:#f2f2f2;display:flex;flex-wrap:nowrap;gap:4px;margin-bottom:10px;max-width:100%;overflow-x:auto;padding:3px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-overflow-scrolling:touch}.filter-tabs,.filter-tabs a{border-radius:var(--tpl-radius)}.filter-tabs a{color:var(--tpl-text-subtle);cursor:pointer;flex-shrink:0;font-size:var(--tpl-font-heading);padding:5px 16px;text-decoration:none;transition:all .25s ease;white-space:nowrap}.filter-tabs a:hover{color:var(--tpl-text-muted)}.filter-tabs a.active{background:var(--tpl-accent);box-shadow:0 2px 6px var(--tpl-accent-muted);color:var(--tpl-text-on-inverse)}@media screen and (min-width:820px){#right .co-right .filter-tabs{margin-top:14px}#member .co-right-plays.co-right-plays--guest .filter-tabs{margin-bottom:calc(10px + 1.4rem)}#member .co-right-plays .gong.gong-bulk{align-items:center;background:var(--tpl-bg-muted);border:1px solid var(--tpl-border-soft);box-sizing:border-box;column-gap:var(--plays-pc-gap);display:grid;grid-template-columns:var(--plays-pc-cols);height:auto;margin:10px 0;min-height:44px;width:100%}#member .co-right-plays .gong-bulk__inner{align-items:center;box-sizing:border-box;display:flex;gap:4px 18px;padding:6px 8px;width:100%}#member .co-right-plays .gong-bulk__inner a{align-items:center;border:none!important;color:var(--tpl-text-muted);cursor:pointer;display:inline-flex!important;height:auto!important;line-height:1.4!important;margin-right:0!important;min-height:32px;padding:4px 6px;text-decoration:none;width:auto!important}#member .co-right-plays .gong-bulk__inner a:hover{color:var(--tpl-accent)}#member .co-right .data__list .data__item{align-items:center;column-gap:var(--plays-pc-gap);display:grid;grid-template-areas:"cb thumb meta progress actions";grid-template-columns:var(--plays-pc-cols);overflow:visible;padding:12px 0}#member .co-right .data__list .data__item>.xz-box{align-items:center;display:flex;float:none;grid-area:cb;height:auto;justify-content:center;margin:0;min-height:0;padding-right:0}#member .co-right .data__list .data__item>.data__img{align-items:center;display:flex;grid-area:thumb;height:auto;justify-content:flex-start;min-height:0;width:72px}#member .co-right .data__list .data__item>.data__txt{display:flex;flex-direction:column;float:none;grid-area:meta;height:auto;justify-content:flex-start;margin:0;min-height:0;min-width:0;overflow:hidden;padding-left:0}#member .co-right .data__list .data__txt .data__title,#member .co-right .data__list .data__txt h4{min-width:0}#member .co-right .data__list .data__txt p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#member .co-right .data__list .data__item>.show-pc{align-self:center;display:flex;flex-direction:column;float:none;grid-area:progress;height:auto;justify-content:center;justify-self:start;margin:0;max-width:180px;min-height:0;min-width:0;width:100%}#member .co-right .data__list .plays-row__progress--guest{min-height:0}#member .co-right .data__list .progress_item.play_progress{align-items:stretch;display:flex;flex-direction:column;float:none;gap:6px;height:auto;justify-content:flex-start;margin:0;max-width:180px;min-height:0;width:100%}#member .co-right .data__list .progress_item .layui-progress{height:12px;margin-right:0;width:100%}#member .co-right .data__list .layui-progress-bar{height:100%}#member .co-right .data__list .progress_item.play_progress>p{font-size:var(--tpl-font-body);line-height:var(--tpl-line-body);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#member .co-right .data__list .data__del{align-content:start;align-self:center;display:grid;float:none;gap:8px;grid-area:actions;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:auto;justify-items:stretch;justify-self:end;margin:0;max-width:248px;min-height:0;min-width:0;width:100%}#member .co-right .data__list .data__del.clearfix:after{content:none!important;display:none!important}#member .co-right .data__list .data__del>.btn-continue:only-child,#member .co-right .data__list .data__del>a.btn-del:only-child{grid-column:1/-1}#member .co-right .data__del .btn-brand,#member .co-right .data__del .btn-continue{align-items:center!important;border-radius:24px;box-sizing:border-box;cursor:pointer;display:inline-flex!important;font-size:var(--tpl-font-heading);justify-content:center;line-height:1.2;margin:0;max-width:100%;min-height:34px;padding:4px 30px;text-decoration:none;white-space:nowrap;width:100%}#member .co-right .data__del .btn-continue{background-color:var(--tpl-bg-base);border:1px solid var(--tpl-accent);color:var(--tpl-accent)}#member .co-right .data__del .btn-brand{border:none}.bstem #member .co-right .data__del .btn-continue,body.bstem #member .co-right .data__del .btn-continue{background:transparent!important;border:1px solid var(--tpl-accent)!important;color:var(--tpl-accent)!important}}@media screen and (max-width:820px){#right .co-right .filter-tabs{justify-content:center;margin-left:auto;margin-right:auto}}.co-right .mac-ulog-loading{padding:12px 8px;text-align:center}#member .co-right .data__del .btn-del.mac-ulog-one-del{align-items:center!important;background:transparent!important;border:0!important;box-shadow:none!important;color:transparent!important;display:inline-flex!important;font-size:0!important;gap:0;height:24px;justify-content:center!important;line-height:0!important;min-height:24px;padding:0;width:24px}#member .co-right .data__del .btn-del.mac-ulog-one-del:before{background:url(../../images/plog/plog-del-ico.png) 50%/contain no-repeat;content:"";display:inline-block;flex-shrink:0;height:24px;opacity:.72;width:24px}#member .co-right .data__del .btn-del.mac-ulog-one-del:hover{opacity:.85}.bstem #member .co-right .data__del .btn-del.mac-ulog-one-del,body.bstem #member .co-right .data__del .btn-del.mac-ulog-one-del{background:transparent!important;color:transparent!important}.bstem #member .co-right .data__del .btn-del.mac-ulog-one-del:before,body.bstem #member .co-right .data__del .btn-del.mac-ulog-one-del:before{filter:brightness(0) invert(1);opacity:.45}.bstem #member .co-right .data__del .btn-del.mac-ulog-one-del:hover,body.bstem #member .co-right .data__del .btn-del.mac-ulog-one-del:hover{opacity:.9}.bstem.page-user-plays #member .co-right .filter-tabs,body.bstem.page-user-plays #member .co-right .filter-tabs{background:color-mix(in srgb,var(--tpl-bg-muted,#2a2930) 50%,transparent)!important}@media screen and (max-width:820px){#member .co-right .data__list .data__item--swipe-deletable{border-radius:10px;overflow:hidden;position:relative}#member .co-right .data__list .data__item--swipe-deletable>:not(.ulog-swipe-delete){border-radius:10px;position:relative;touch-action:pan-y;transition:transform .22s ease-out;will-change:transform;z-index:1}#member .co-right .data__list .data__item--swipe-deletable .ulog-swipe-delete{align-items:center;background:#ff4d4f;border:none;border-radius:0 10px 10px 0;bottom:0;display:flex;justify-content:center;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .16s ease;width:72px;z-index:0}#member .co-right .data__list .data__item--swipe-deletable .ulog-swipe-delete img{filter:brightness(0) invert(1);height:26px;object-fit:contain;opacity:.95;width:26px}#member .co-right .data__list .data__item--swipe-deletable .data__del{display:none!important}#member .co-right .data__list .data__item--swipe-deletable.is-dragging .ulog-swipe-delete,#member .co-right .data__list .data__item--swipe-deletable.is-open .ulog-swipe-delete{opacity:1;pointer-events:auto}}@media screen and (min-width:821px){#member .co-right .data__list .data__item--swipe-deletable .ulog-swipe-delete{display:none!important}}@media screen and (max-width:820px){body:not(.bstem) .page-user-plays{background:#f8f8f8!important}body:not(.bstem) .page-user-plays #member,body:not(.bstem) .page-user-plays #member #right,body:not(.bstem) .page-user-plays #member #right .co-right,body:not(.bstem) .page-user-plays #member .m-nav,body:not(.bstem) .page-user-plays .member-wrap{background:transparent!important}}