@media screen and (min-width:0px){#integration{padding-top:var(--nav-height);background-color:var(--color-pearl)}#integration.inmusic{background-color:#fff}#integration.dark{background-color:var(--color-peppercorn);color:#fff}#integration .integration-tabs{position:fixed;left:0;right:0;top:var(--nav-height);z-index:2;background-color:rgba(0,0,0,.5);transition:var(--default-transition)}#integration .integration-tabs.active{bottom:0}#integration.dark .integration-tabs{color:var(--color-peppercorn)}.showGreenBar #integration .integration-tabs{top:calc(var(--nav-height) + var(--top-message-height))}.menu-scroll #integration .integration-tabs,.menu-scroll.showGreenBar #integration .integration-tabs{top:0}#integration .integration-tabs .wrapper{padding:0 var(--page-padding);background-color:#fff}#integration .integration-tabs .arrows{width:3px;height:3px;border-right:2px solid var(--color-peppercorn);border-bottom:2px solid var(--color-peppercorn);transform:rotate(45deg)}#integration .integration-tabs .tabs-title{height:40px;display:flex;justify-content:space-between;align-items:center;font-weight:700;cursor:pointer}#integration .integration-tabs.active .tabs-title .title{opacity:.25}#integration .integration-tabs .work-with-menu{display:grid;grid-gap:var(--margin-xxm);opacity:0;visibility:hidden;height:0;transition:var(--default-transition)}#integration .integration-tabs.active .work-with-menu{opacity:1;visibility:visible;height:auto;padding-bottom:var(--margin-xxm);padding-top:var(--margin-s)}#integration .integration-tabs .work-with-menu .item .item-title{display:flex;align-items:center;margin-bottom:calc(var(--margin-s) + 2px);font-size:var(--font-body-sml);line-height:var(--font-body-sml-line-height);font-weight:700}#integration .integration-tabs .work-with-menu .item .item-title .arrows{opacity:0;transition:var(--default-transition)}#integration .integration-tabs .work-with-menu .item ul{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--margin-s)}#integration .integration-tabs .work-with-menu .item ul li{margin-bottom:4px}#integration .integration-tabs .work-with-menu .item a{display:flex;align-items:center;font-size:var(--font-body-sml);line-height:var(--font-body-sml-line-height)}#integration .integration-tabs .work-with-menu .item .divicon{width:16px;height:16px;margin-right:8px}}@media screen and (min-width:768px){#integration .integration-tabs .arrows{margin-left:8px}#integration .integration-tabs .tabs-title{height:44px;justify-content:flex-start}#integration .integration-tabs .work-with-menu{grid-template-columns:repeat(4,max-content)}#integration .integration-tabs .work-with-menu .item{min-width:120px}#integration .integration-tabs .work-with-menu .item ul{grid-template-columns:1fr;grid-gap:calc(var(--margin-s) + 2px)}}@media screen and (min-width:1200px){#integration .integration-tabs .work-with-menu .item a{transition:var(--default-transition)}#integration .integration-tabs .work-with-menu .item a:hover{transform:translateX(4px)}}@media screen and (min-width:1280px){#integration .integration-tabs .wrapper{display:flex;padding:0 3%;align-items:flex-start}#integration .integration-tabs .tabs-title{width:148px;height:auto;padding:12px 5px;box-sizing:border-box}#integration .integration-tabs .tabs-title .arrows{display:none}#integration .integration-tabs .work-with-menu{grid-gap:36px;opacity:1;visibility:visible;height:auto}#integration .integration-tabs .work-with-menu .item .item-title{margin-bottom:0;padding:12px 0;cursor:pointer;font-weight:400}#integration .integration-tabs .work-with-menu .item .item-title.active .arrows{opacity:1}#integration .integration-tabs .work-with-menu .item ul{opacity:0;visibility:hidden;height:0;transition:var(--default-transition)}#integration .integration-tabs.active .work-with-menu{padding-top:0}#integration .integration-tabs.active .work-with-menu .item .item-title{font-weight:700}#integration .integration-tabs.active .work-with-menu .item ul{opacity:1;visibility:visible;height:auto;padding-top:4px}}@media screen and (min-width:0px){#integration #s1{padding:var(--section-padding) var(--page-padding) 0;display:grid;grid-template-columns:1fr}#integration #s1>.divimg{width:260px;margin:0 auto}#integration #s1 .divicon-list{position:relative;font-size:.875rem;line-height:1.25rem}#integration #s1 .divicon-list>ul{display:grid;grid-gap:0 12px;grid-template-columns:repeat(auto-fill,28px)}#integration #s1 .divicon-list>ul li .divicon{height:30px;display:flex;align-items:center}#integration #s1 .divicon-list .subtitle{margin-bottom:var(--margin-xs);font-weight:700}#integration #s1 .divicon-list .works-with{position:absolute;top:80px;left:0;width:230px;padding:30px;border:1px solid var(--color-marble);border-radius:var(--border-radius);background-color:#fff;cursor:initial;-webkit-box-shadow:0 10px 35px -20px rgba(0,0,0,.5);box-shadow:0 10px 35px -20px rgba(0,0,0,.5);box-sizing:border-box;visibility:hidden;opacity:0;transition:all .35s}#integration #s1 .divicon-list:hover .works-with{visibility:visible;opacity:1;z-index:1}#integration #s1 .divicon-list .works-with::after{content:'';display:block;position:absolute;left:29px;bottom:100%;width:0;height:0;border:9px solid transparent;border-bottom-color:#fff}#integration #s1 .divicon-list .works-with::before{content:'';display:block;position:absolute;left:28px;bottom:100%;width:0;height:0;border:10px solid transparent;border-bottom-color:var(--color-marble)}#integration #s1 .divicon-list .works-with .label{margin-bottom:16px;color:rgba(45,47,48,.4);font-weight:700}#integration #s1 .divicon-list .works-with ul{display:grid;grid-gap:10px}#integration #s1 .divicon-list .works-with ul li{display:flex;align-items:center}#integration #s1 .divicon-list .works-with ul li .divicon{width:28px;height:28px;margin-right:8px;display:flex;align-items:center}#integration #s1 .divicon-list .title{display:flex;align-items:center}#integration #s1 .divicon-list .title .divicon{width:48px;margin-right:16px}#integration #s1 .content .text p{padding:8px 0;padding-bottom:16px}#integration #s1 .content .text p.tips{padding:0;font-size:.875rem;line-height:1.25rem}#integration #s1 .content .download-buttons{margin-top:var(--margin-l)}#integration #s1 .content .download-buttons .btns{display:flex;flex-direction:column;gap:8px}#integration #s1 .content .download-buttons .btn{display:flex;justify-content:center;width:100%}#integration #s1 .content .download-buttons .btn img{width:22px;height:22px}#integration #s1 .content .download-buttons .btn img:nth-child(1){display:block}#integration #s1 .content .download-buttons .btn img:nth-child(2){display:none}#integration #s1 .content .download-buttons .btn:hover{background-color:var(--color-peppercorn);color:#fff}#integration #s1 .content .download-buttons .btn:hover img:nth-child(1){display:none}#integration #s1 .content .download-buttons .btn:hover img:nth-child(2){display:block}#integration #s1 .content .download-buttons .label{padding:5px 0;font-size:1.875rem;line-height:1.5rem;font-weight:700;text-align:center}#integration #s1 .content .download-buttons .disclaimer{margin-top:8px;background-color:#fff;padding:24px;border-radius:10px}#integration #s1 .content .download-buttons .disclaimer p{margin-bottom:8px}#integration #s1 .content .download-buttons .disclaimer ul li{list-style-type:disc}#integration #s1 .download-wrapper{margin-top:32px;justify-content:flex-start}#integration #s1 .open-releases-popup{margin-top:16px;padding:10px 0;font-size:.875rem;line-height:1.25rem;cursor:pointer}#integration #s1 .open-releases-popup .arrows{width:7px;height:7px;display:inline-block;border-bottom:1px var(--color-peppercorn) solid;border-right:1px var(--color-peppercorn) solid;transform:rotate(-45deg)}#integration #s1 .releases-popup{position:fixed;left:0;right:0;top:0;bottom:0;z-index:4;opacity:0;visibility:hidden;transition:all .35s;display:flex;justify-content:center;align-items:center}#integration #s1 .releases-popup.active{opacity:1;visibility:visible}#integration #s1 .releases-popup .popup-overlay{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5)}#integration #s1 .releases-popup .releases-popup-container{position:relative;width:100%;max-width:668px;margin:0 var(--page-padding);padding:40px 0;border-radius:var(--border-radius);background-color:#fff}#integration #s1 .releases-popup .releases-popup-container .close-releases-popup{width:30px;height:30px;position:absolute;right:20px;top:15px;cursor:pointer}#integration #s1 .releases-popup .releases-popup-container .close-releases-popup div{width:30px;height:2px;background:var(--color-peppercorn);position:absolute;right:0;top:50%}#integration #s1 .releases-popup .releases-popup-container .close-releases-popup div:first-child{transform:rotate(45deg)}#integration #s1 .releases-popup .releases-popup-container .close-releases-popup div:last-child{transform:rotate(-45deg)}#integration #s1 .releases-popup .releases-popup-container .title{margin-bottom:16px;padding:0 20px;font-size:1.75rem;line-height:2.25rem;font-weight:700}#integration #s1 .releases-popup .releases-popup-container ul{display:grid;grid-gap:32px;height:calc(100vh - 200px);padding:0 20px;overflow-y:auto}#integration #s1 .releases-popup .releases-popup-container ul li{display:flex;flex-wrap:wrap}#integration #s1 .releases-popup .releases-popup-container ul li .version{width:100%;margin-bottom:10px;font-weight:700;color:var(--color-leaf)}#integration #s1 .releases-popup .releases-popup-container ul li a{display:flex;align-items:center}#integration #s1 .releases-popup .releases-popup-container ul li a.windows{margin-right:25px;padding-right:25px;border-right:1px var(--color-marble) solid}#integration #s1 .releases-popup .releases-popup-container ul li a img{width:18px;margin-right:8px}#integration.inmusic #s1{grid-gap:0}#integration.inmusic #s1 .divicon-list .title .divicon{width:240px}#integration.smarter-partners #s1{display:flex;flex-direction:column;align-items:center;text-align:center}#integration.smarter-partners #s1 .content{padding-top:16px}}@media screen and (min-width:768px){#integration #s1{grid-template-columns:1fr 1fr;align-items:center}#integration #s1>.divimg{width:100%;grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2}#integration #s1 .divicon-list{align-self:flex-end;grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2}#integration #s1 .content{align-self:flex-start;width:80%;grid-column-start:1;grid-column-end:3;grid-row-start:2;grid-row-end:3}#integration #s1 .content .text p{padding:16px 0}#integration #s1 .content .download-buttons{display:flex;align-items:baseline;flex-direction:column;width:fit-content}#integration #s1 .content .download-buttons .btns{flex-direction:row;gap:16px;align-items:center}#integration #s1 .content .download-buttons .btn{width:fit-content}#integration #s1 .content .download-buttons .label{width:40px}#integration #s1 .content .download-buttons .disclaimer{margin-top:12px;padding-left:40px;width:100%;box-sizing:border-box}#integration #s1 .releases-popup .releases-popup-container{padding:60px 0}#integration #s1 .releases-popup .releases-popup-container .title{padding:0 50px}#integration #s1 .releases-popup .releases-popup-container ul{grid-gap:32px 50px;grid-template-columns:1fr 1fr;height:auto;padding:0 50px}#integration #s1 .releases-popup .releases-popup-container .close-releases-popup{top:30px;right:30px}#integration.smarter-partners #s1 .content{align-self:center}#integration.smarter-partners #s1>.divimg{width:50%}}@media screen and (min-width:1280px){#integration #s1>.divimg{width:80%;grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:3;top:-1em}#integration #s1 .content{width:100%;grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3}#integration.inmusic #s1 .divicon-list .title .divicon{width:440px}#integration.smarter-partners #s1>.divimg{width:30%}#integration.smarter-partners #s1 .content{width:50%}}@media screen and (min-width:1920px){#integration #s1{width:var(--nl-width);margin:0 auto}}@media screen and (min-width:0px){#integration #s2{padding:var(--section-padding) var(--page-padding);display:grid;grid-template-columns:1fr;grid-gap:var(--grid-m)}#integration #s2 .item{background-color:#fff;border-radius:var(--border-radius);overflow:hidden;isolation:isolate}#integration #s2 .item .wrapper-left{height:352px;overflow:hidden}#integration #s2 .item .wrapper-left .divimg{position:relative;height:100%}#integration #s2 .item .wrapper-left .divimg img{height:100%;object-fit:cover}#integration #s2 .item .wrapper-left .divimg .vjs-nanoleaf-btn{position:absolute;left:var(--grid-m);bottom:var(--grid-m)}#integration #s2 .item .wrapper-right{padding:50px 30px;text-align:center}#integration #s2 .item .wrapper-right h1{margin-bottom:16px;font-size:var(--font-title-m);line-height:var(--font-title-m-line-height)}#integration #s2 .item .wrapper-right p{padding:5px 0;font-size:var(--font-body-reg);line-height:var(--font-body-reg-line-height)}#integration #s2 .item .wrapper-right .btn{margin:28px auto 0}#integration #s2 .item .wrapper-right .btn+.btn{margin-top:16px}#integration.dark #s2 .item{background-color:#202020}#integration.dark #s2 .item .wrapper-left,#integration.dark #s2 .item .wrapper-right{background-color:#202020}#integration.dark #s2 .item .wrapper-right .download{display:flex;justify-content:space-evenly;width:250px;margin:0 auto;margin-top:3vh}#integration.homekit #s2 .item:nth-child(1) .wrapper-left .divimg img{padding-top:30px;object-fit:contain;box-sizing:border-box}#integration.google #s2 .fineprint{color:#989898;text-align:center;font-size:.75rem;line-height:1.125rem}#integration.smarter-partners #s2 .icon-title{width:48%;align-self:center;margin:0 auto 24px auto}#integration.smarter-partners #s2 .item:nth-child(3) .icon-title{width:34%}#integration.smarter-partners #s2 .icon-title.umbra{width:22%}#integration.desktop #s2 h2{display:flex;gap:8px;justify-content:center}#integration.desktop #s2 h2 img{width:24px}#integration.desktop #s2 .wrapper-right>.divicon{width:40px;margin:0 auto 8px}.premium-popup{position:fixed;left:0;right:0;top:0;bottom:0;z-index:4;visibility:hidden;opacity:0;transition:var(--default-transition)}.premium-popup.active{visibility:visible;opacity:1}.premium-popup .wrapper-top{padding:var(--grid-l) 48px;text-align:center;max-width:580px;margin:0 auto}.premium-popup .wrapper-top .font-title-s{font-weight:700}.premium-popup .wrapper-top .text{margin-top:4px}.premium-popup .popup-wrapper{background-color:#fff;height:100vh;overflow:auto;z-index:2;position:relative}.premium-popup .close-popup{position:sticky;left:90%;top:20px;width:30px;height:30px;border-radius:50%;cursor:pointer;z-index:1;background-color:var(--color-pearl)}.premium-popup .close-popup div{width:15px;height:1px;background:var(--color-peppercorn);position:absolute;right:7px;top:15px}.premium-popup .close-popup div:first-child{transform:rotate(45deg)}.premium-popup .close-popup div:last-child{transform:rotate(-45deg)}.premium-popup .nl-table{text-align:center}.premium-popup .nl-table .tr{display:grid;grid-template-columns:1fr 1fr;width:100%;align-items:center}.premium-popup .nl-table .tr.desktop{display:none}.premium-popup .nl-table .tr .th:first-child{display:none}.premium-popup .nl-table .tr .divicon{width:16px;margin:0 auto}.premium-popup .nl-table .tr .td:nth-child(2){background-color:var(--color-light-leaf-hover)}.premium-popup .nl-table .tr .td::after{content:'';display:block;width:80px;height:1px;margin:0 auto;background-color:var(--color-marble)}.premium-popup .nl-table .tr:first-child .td::after,.premium-popup .nl-table .tr:last-child .td::after{display:none}.premium-popup .nl-table .tr:first-child .td .copy{margin:40px 12px 20px}.premium-popup .nl-table .tr:last-child .td .copy{margin:20px 12px 40px}.premium-popup .nl-table .tr .td .copy{display:grid;gap:8px;justify-content:center;margin:20px 12px}.premium-popup .nl-table .tr .td.thead .copy{grid-template-columns:20px auto;align-items:center}.premium-popup .nl-table .tr .td .copy .title{opacity:.5}.premium-popup .nl-table .tr .td:nth-child(2) .copy .value{font-weight:700;color:var(--color-leaf)}}@media screen and (min-width:768px){#integration #s2 .item .wrapper-left{height:450px}#integration #s2 .item:nth-child(2n+1) .wrapper-left .divimg .vjs-nanoleaf-btn{left:unset;right:var(--grid-m)}#integration #s2 .item .wrapper-right{padding:60px 80px}}@media screen and (min-width:1024px){#integration #s2 .item{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 var(--grid-m);background-color:transparent}#integration #s2 .item .wrapper-left{height:100%;background-color:#fff;border-radius:var(--border-radius)}#integration #s2 .item .wrapper-right{display:flex;flex-direction:column;justify-content:center;background-color:#fff;border-radius:var(--border-radius)}#integration #s2 .item:nth-child(2n) .wrapper-left{order:2}#integration #s2 .item:nth-child(2n) .wrapper-right{order:1}#integration.dark #s2 .item{background-color:var(--color-peppercorn)}#integration #s2 .item .wrapper-left .divimg{aspect-ratio:1/1}#integration #s2 .item .wrapper-left .vjs-nanoleaf{padding:0;height:100%}#integration.homekit #s2 .item:nth-child(1) .wrapper-left .divimg img{padding:30px}#integration.desktop #s2 .item.one-col{grid-template-columns:1fr}#integration.desktop #s2 .item.one-col .text{max-width:720px;margin:0 auto}.premium-popup{display:flex;align-items:center;justify-content:center}.premium-popup .popup-overlay{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1}.premium-popup .popup-wrapper{height:80vh;width:680px;border-radius:var(--border-radius)}}@media screen and (min-width:1200px){.premium-popup .close-popup{margin-right:-30px;left:100%;top:0}.premium-popup .popup-wrapper{width:800px;padding:28px 68px 48px;height:auto;max-height:88vh;box-sizing:border-box}.premium-popup .wrapper-top{padding:0 0 var(--grid-l)}.premium-popup .nl-table .tr.desktop{display:grid}.premium-popup .nl-table .tr{grid-template-columns:1fr 160px 160px;gap:24px}.premium-popup .nl-table .tr .th:first-child{display:block;text-align:left;font-weight:700}.premium-popup .nl-table .tr .td::after{display:none}.premium-popup .nl-table .tr .td .copy .title{display:none}.premium-popup .nl-table .tr.orchestrator .td .copy{margin:8px 0}.premium-popup .nl-table .tr.orchestrator .th:first-child{font-weight:500}.premium-popup .nl-table .tr.orchestrator .th span{display:inline-block;margin:0 8px;vertical-align:middle;width:4px;height:4px;border-radius:4px;background-color:var(--color-peppercorn)}.premium-popup .nl-table .tr:last-child{align-items:flex-start}.premium-popup .nl-table .tr:first-child .td{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.premium-popup .nl-table .tr:last-child .td{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.premium-popup .nl-table .tr:last-child .td .copy,.premium-popup .nl-table .tr:last-child .th .copy{margin:8px 0 32px}.premium-popup .nl-table .tr .td:nth-child(3){background-color:var(--color-pearl)}}@media screen and (min-width:1440px){#integration #s2 .item .wrapper-right{padding:60px 100px}#integration.desktop #s2 h2 img{width:32px}#integration.desktop #s2 .wrapper-right>.divicon{width:48px}.premium-popup .nl-table .tr .td.thead .copy{grid-template-columns:24px auto}}@media screen and (min-width:1920px){#integration #s2{width:var(--nl-width);margin:0 auto}}@media screen and (min-width:0px){#integration .razer-1{position:relative;margin:var(--section-padding) var(--page-padding) 0}#integration .razer-1 .divimg{height:300px;border-radius:10px;overflow:hidden}#integration .razer-1 .divimg img{height:100%;object-fit:cover}#integration .razer-1 .btn-player{position:absolute;left:0;top:0}}@media screen and (min-width:768px){#integration .razer-1 .divimg{height:auto}}@media screen and (min-width:1920px){#integration .razer-1{width:var(--nl-width);margin:var(--section-padding) auto 0}}@media screen and (min-width:0px){#integration .razer-2{margin-top:var(--section-padding)}#integration .razer-2 .wrapper .content{padding:0 var(--page-padding);text-align:center}#integration .razer-2 .wrapper .content .title{margin-bottom:20px;font-weight:700}#integration .razer-2 .wrapper .content .btn{margin:28px auto 0}#integration .razer-2 .wrapper .img-list{margin-top:50px;display:flex;overflow:hidden}#integration .razer-2 .wrapper .img-list ul{display:flex;overflow-x:auto;padding:0 var(--page-padding)}#integration .razer-2 .wrapper .img-list ul li{width:260px;min-width:260px;margin-right:var(--grid-m);border-radius:10px;overflow:hidden}#integration .razer-2 .wrapper .img-list ul li:last-child{margin-right:0}}@media screen and (min-width:768px){#integration .razer-2 .wrapper .content{max-width:550px;margin:0 auto;padding:0}}@media screen and (min-width:1024px){#integration .razer-2 .wrapper .img-list ul li{width:350px;min-width:350px}}@media screen and (min-width:1280px){#integration .razer-2 .wrapper .img-list ul{overflow-x:hidden}#integration .razer-2 .wrapper .img-list ul li{width:calc((100% - 40px)/ 3);min-width:auto}#integration .razer-2 .wrapper .content{max-width:800px}}@media screen and (min-width:1920px){#integration .razer-2{width:var(--nl-width);margin:var(--section-padding) auto 0}}