.iris-recommends{position:relative}
.iris-recommends ul{display:inline-flex;padding-left:0;touch-action:manipulation}
.iris-recommends .iris-recommends-item{margin:30px 5px 0 5px;width:200px;min-width:200px;position:relative;transition:margin .2s}
.iris-recommends .iris-recommends-item:first-child{margin-left:0}
.iris-recommends .iris-recommends-item:last-child{margin-right:0}
.iris-recommends .iris-recommends-item:hover{margin-top:10px}
.iris-recommends .iris-recommends-item .iris-recommends-now-playing{position:absolute;top:0;left:50%;transform:translateX(-50%);opacity:0;background-color:#cf1818;padding:5px 10px;color:#fff;text-transform:uppercase;font-weight:600;border-radius:0 0 8px 8px;width:120px;transition:opacity .2s}
.iris-recommends .iris-recommends-item.playing{margin-top:10px}
.iris-recommends .iris-recommends-item.playing .iris-recommends-now-playing{opacity:1}
.iris-recommends .iris-recommends-item .iris-recommends-overlay{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.45)}
.iris-recommends .iris-recommends-item .iris-recommends-title{position:absolute;color:#fff;font-size:.81rem;line-height:1.15rem;font-weight:500;overflow:hidden;top:0;left:0;right:0;bottom:0;margin:10px;cursor:pointer;display:flex;align-items:flex-end}
.iris-recommends .iris-recommends-item img{object-fit:cover;height:100%}
.iris-recommends .iris-recommends-indicator-left{position:absolute;height:100%;left:0;top:0;display:flex;align-items:center;cursor:pointer;padding:30px 0 1rem 0;background-clip:content-box}
.iris-recommends .iris-recommends-indicator-left.disabled{display:none}
.iris-recommends .iris-recommends-indicator-right{position:absolute;height:100%;right:0;top:0;display:flex;align-items:center;cursor:pointer;padding:30px 0 1rem 0;background-clip:content-box}
.iris-recommends .iris-recommends-indicator-right.disabled{display:none}
.iris-recommends span.icon{padding:0 !important;background-color:rgba(0,0,0,0.5);transition:transform .2s}
.iris-recommends span.icon:before{color:#fff !important;font-size:2rem !important}
.iris-recommends span.icon:hover{transform:scale(1.3)}
.iris-recommends .iris-recommends-mask{position:absolute;display:none;align-items:center;justify-content:center;top:0;bottom:0;left:0;right:0;background:#2c2c2c url("clientlibs_less/content/images/structure/1nn-footer-bg.svg") no-repeat;background-size:cover}
.iris-recommends .iris-recommends-mask p{font-size:1.3rem;color:#fff}