.cms_button{display:inline-block;margin-right:10px;padding:15px 20px;border:1px solid rgb(0,0,0);border-radius:0;text-align:center;background-color:#fff;text-decoration:none;letter-spacing:2px;color:#000;font-size:15px;font-weight:700;font-family:Neue Haas Grotesk Display Pro;transition:color .1s ease-in,background-color .1s ease-in}.cms_button:hover{background-color:#000;color:#fff}#i6w5jf{width:100%;max-width:100%;padding:0}#iiroq2{max-width:1440px}#itgu8v{max-width:800px;padding:0}#i744vs{font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:36px;font-weight:500;color:#fff;line-height:42px;margin:0 0 20px}#ijs7mj{padding:0;font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:18px;line-height:28px}#ili5zf{max-width:1440px;padding:0}#i6vbc9{max-width:800px;padding:0}#ik18dr{padding:0;font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:14px;line-height:32px;margin-bottom:20px}#ir3bcg{padding:0;font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:18px;line-height:28px}#ic4a8v{max-width:800px;padding:0}#i1qc9b{padding:0;font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:14px;line-height:32px;margin-bottom:20px}#i7av93{padding:0;font-family:Neue Haas Grotesk Display Pro,sans-serif;font-size:18px;line-height:28px}#im7oaj{max-width:800px;padding:0}#ier9dx{padding:0;min-height:auto;margin-top:40px}#il078l,#i1x9qr{font-family:Degular,sans-serif;font-weight:500}@media(max-width:480px){#itgu8v,#i6vbc9,#ic4a8v,#im7oaj{padding:0 28px}}.uni-q-audio-player{background-color:#000;color:#fff;padding-bottom:100px}.uni-q-audio-player h3{color:#fff!important}.uni-q-audio-player p{color:#fff}.uni-q-audio-player .cms_button{background-color:transparent;border-color:#fff;color:#fff}.uni-q-audio-player .cms_button:hover{background-color:#fff;border-color:#fff;color:#000}.uni-q-audio-player-bg{background:url(https://assets.kef.com/video/uni-q-audio/img-uni-q-stn01-01-dt.jpg) no-repeat center #000;background-size:cover;color:#fff;min-height:1320px;max-width:1920px!important;padding:60px 80px 0!important;transition:background-image .3s;transform:translateZ(0)}.uni-q-audio-player-section{max-width:1440px!important}.uni-q-audio-player-container{min-height:550px}.uni-q-audio-player-switch{position:absolute;top:50%;right:calc((100% - 1200px)/2);transform:translateY(-50%);z-index:5;max-width:200px}.uni-q-audio-player-switch-label{font-size:18px;line-height:28px;color:#fff;display:block;margin:0 0 12px}.audio-player-video-container>div{position:absolute;top:calc(27% + 3px);left:50%;width:465px;height:260px;transform:translate(-50%)}.audio-player-video{position:absolute;top:0;left:0;width:100%;height:100%}.audio-player-video video{width:100%;height:100%;object-fit:cover}.audio-player-video-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0000001a;border:1px solid #fff;border-radius:50%;width:60px;height:60px;cursor:pointer}.audio-player-video-btn:before{content:"";position:absolute;top:50%;left:calc(50% + 4px);transform:translate(-50%,-50%);border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;border-left-color:#fff}.audio-player-tracklist>div{position:relative;height:135px;display:flex;flex-direction:column}.audio-player-tracklist>div:after{content:"";position:absolute;top:0;left:0;width:70px;height:100%;border:1px solid #A4DF7E;border-radius:99px;background:#000000b3}.audio-player-tracklist>div .audio-track{flex:1;padding-left:70px;display:flex;align-items:center;position:relative;z-index:2}.audio-player-tracklist>div .audio-track input{display:none;visibility:hidden}.audio-player-tracklist>div .audio-track label{color:#fff;font-size:18px;line-height:21px;margin:0;padding:0 0 0 14px;font-weight:400;text-transform:initial;overflow:hidden}.audio-player-tracklist>div .audio-track label:before,.audio-player-tracklist>div .audio-track label:after{content:"";position:absolute;transition:all .3s;transform:translateY(0);opacity:1}.audio-player-tracklist>div .audio-track label:before{z-index:1;top:15px;left:15px;width:40px;height:40px}.audio-player-tracklist>div .audio-track label:after{z-index:2;top:7px;left:7px;width:50px;height:50px;border:3px solid #A4DF7E;border-radius:50%}.audio-player-tracklist>div .audio-track input:not(:checked)+label:before{opacity:.5}.audio-player-tracklist>div .audio-track input:not(:checked)+label:after{border-color:transparent;opacity:0}.audio-player-tracklist>div .audio-track:nth-child(1) label:before{background:url(https://assets.kef.com/video/uni-q-audio/img-uni-q-icon-speakers.png) no-repeat center;background-size:cover}.audio-player-tracklist>div .audio-track:nth-child(1) input:not(:checked)+label:after{transform:translateY(100%)}.audio-player-tracklist>div .audio-track:nth-child(2) label:before{background:url(https://assets.kef.com/video/uni-q-audio/img-uni-q-icon-tv.png) no-repeat center;background-size:cover}.audio-player-tracklist>div .audio-track:nth-child(2) input:not(:checked)+label:after{transform:translateY(-100%)}.uni-q-audio-player.non-uniq{background-color:#686866}.uni-q-audio-player.non-uniq .uni-q-audio-player-bg{background-image:url(https://assets.kef.com/video/uni-q-audio/img-uni-q-stn01-02d-dt.png);background-color:#686866}.uni-q-audio-player-text-uniq,.uni-q-audio-player-text-non-uniq{position:relative;z-index:2}.uni-q-audio-player-text-uniq:not(.active),.uni-q-audio-player-text-non-uniq:not(.active){display:none}@media(max-width:1200px){.uni-q-audio-player-switch{top:57%;left:50%;transform:translate(-50%);max-width:initial;width:240px}.uni-q-audio-player-switch-label{font-size:12px;line-height:16px;margin:0 0 15px;text-align:center;width:100%}.uni-q-audio-player-switch-label br{display:none}.audio-player-tracklist>div{height:42px;flex-direction:row;justify-content:space-between}.audio-player-tracklist>div:after{width:100%}.audio-player-tracklist>div .audio-track{padding:0;flex:1}.audio-player-tracklist>div .audio-track label{font-size:12px;line-height:16px;margin:0;padding:0}.audio-player-tracklist>div .audio-track label:before{z-index:1;top:9px;left:9px;width:24px;height:24px}.audio-player-tracklist>div .audio-track label:after{z-index:2;top:5px;left:5px;width:32px;height:32px;border:2px solid #A4DF7E;border-radius:50%}.audio-player-tracklist>div .audio-track:nth-child(1) label{padding-left:42px}.audio-player-tracklist>div .audio-track:nth-child(1) input:not(:checked)+label:after{transform:translate(100%)}.audio-player-tracklist>div .audio-track:nth-child(2) label{padding-right:42px}.audio-player-tracklist>div .audio-track:nth-child(2) label:before{left:auto;right:9px;width:24px;height:24px}.audio-player-tracklist>div .audio-track:nth-child(2) label:after{left:auto;right:5px}.audio-player-tracklist>div .audio-track:nth-child(2) input:not(:checked)+label:after{transform:translate(-100%)}}@media(max-width:992px){.uni-q-audio-player{padding-bottom:70px}.uni-q-audio-player-bg{padding:60px 20px 0!important}}@media(max-width:850px){.uni-q-audio-player-bg{background:none!important;padding:40px 0!important}.uni-q-audio-player-bg>div:not(.uni-q-audio-player-section){padding:0 20px!important;position:relative;z-index:2}.uni-q-audio-player-section{margin:0;width:auto!important;max-width:initial!important;position:relative;z-index:1}.uni-q-audio-player-section+div{position:relative;z-index:2}.uni-q-audio-player-container{background:url(https://assets.kef.com/video/uni-q-audio/img-uni-q-stn01-01-mb.jpg) no-repeat center #000;background-size:contain;position:relative;min-height:initial;padding-top:120%;margin-top:40px;margin-bottom:-35%;transition:background-image .3s;transform:translateZ(0)}.audio-player-video-container{position:absolute;top:0;left:0;width:100%;height:100%}.audio-player-video-container>div{position:absolute;top:calc(12% - 1px);left:50%;width:calc(52% + 3px);height:auto;transform:translate(-50%);padding-top:29.25%}.audio-player-video-btn{width:54px;height:54px}.uni-q-audio-player.non-uniq{background-color:#686866}.uni-q-audio-player.non-uniq .uni-q-audio-player-container{background-image:url(https://assets.kef.com/video/uni-q-audio/img-uni-q-stn01-02-mb.png);background-color:#686866}}@media(max-width:480px){.uni-q-audio-player{padding-bottom:60px}.uni-q-audio-player .cms_button+.cms_button{margin-top:20px}.uni-q-audio-player-container{margin-bottom:-25%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/uni-q-audio-player-section.css.map */