@charset "UTF-8";.chat-start-btn,.mb-iconicbanner{display:none!important}.mb-wrapper[data-id*=mb-portables-v2]>.mb-mod-wrapper{max-width:100vw}.mb-wrapper[data-id*=mb-portables-v2] h1,.mb-wrapper[data-id*=mb-portables-v2] h2,.mb-wrapper[data-id*=mb-portables-v2] h3{min-height:0;font-weight:700;text-transform:uppercase}.mb-wrapper[data-id*=mb-portables-v2] .copy,.mb-wrapper[data-id*=mb-portables-v2] .mb-column,.mb-wrapper[data-id*=mb-portables-v2] .mb-columns,.mb-wrapper[data-id*=mb-portables-v2] .mb-mod,.mb-wrapper[data-id*=mb-portables-v2] picture{position:relative}.mb-wrapper[data-id*=mb-portables-v2] .copy b,.mb-wrapper[data-id*=mb-portables-v2] .copy h1,.mb-wrapper[data-id*=mb-portables-v2] .copy h2,.mb-wrapper[data-id*=mb-portables-v2] .copy h3,.mb-wrapper[data-id*=mb-portables-v2] .copy h4,.mb-wrapper[data-id*=mb-portables-v2] .copy p,.mb-wrapper[data-id*=mb-portables-v2] .mb-column b,.mb-wrapper[data-id*=mb-portables-v2] .mb-column h1,.mb-wrapper[data-id*=mb-portables-v2] .mb-column h2,.mb-wrapper[data-id*=mb-portables-v2] .mb-column h3,.mb-wrapper[data-id*=mb-portables-v2] .mb-column h4,.mb-wrapper[data-id*=mb-portables-v2] .mb-column p,.mb-wrapper[data-id*=mb-portables-v2] .mb-columns b,.mb-wrapper[data-id*=mb-portables-v2] .mb-columns h1,.mb-wrapper[data-id*=mb-portables-v2] .mb-columns h2,.mb-wrapper[data-id*=mb-portables-v2] .mb-columns h3,.mb-wrapper[data-id*=mb-portables-v2] .mb-columns h4,.mb-wrapper[data-id*=mb-portables-v2] .mb-columns p,.mb-wrapper[data-id*=mb-portables-v2] .mb-mod b,.mb-wrapper[data-id*=mb-portables-v2] .mb-mod h1,.mb-wrapper[data-id*=mb-portables-v2] .mb-mod h2,.mb-wrapper[data-id*=mb-portables-v2] .mb-mod h3,.mb-wrapper[data-id*=mb-portables-v2] .mb-mod h4,.mb-wrapper[data-id*=mb-portables-v2] .mb-mod p,.mb-wrapper[data-id*=mb-portables-v2] picture b,.mb-wrapper[data-id*=mb-portables-v2] picture h1,.mb-wrapper[data-id*=mb-portables-v2] picture h2,.mb-wrapper[data-id*=mb-portables-v2] picture h3,.mb-wrapper[data-id*=mb-portables-v2] picture h4,.mb-wrapper[data-id*=mb-portables-v2] picture p{color:#000}.mb-wrapper[data-id*=mb-portables-v2] .product-tile{padding:var(--spacing-xs)!important;min-width:0;max-width:none!important}.mb-wrapper[data-id*=mb-portables-v2] .product-tile .product-info>*{max-height:none!important;line-height:normal!important}.mb-wrapper[data-id*=mb-portables-v2] .product-tile .bottom .button.cta.-viewdetails{display:block!important}.mb-wrapper[data-id*=mb-portables-v2] .mb-navbar{background:#000}.mb-wrapper[data-id*=mb-portables-v2] .mb-navbar .inside{justify-content:space-between;padding:var(--spacing-xs) var(--side-offset);max-width:100vw}.mb-wrapper[data-id*=mb-portables-v2] .mb-navbar .inside ul{margin:0}.mb-wrapper[data-id*=mb-portables-v2] .mb-navbar .inside ul li{color:#fff;cursor:pointer}.mb-wrapper[data-id*=mb-portables-v2] .mb-navbar .inside ul li:last-child{padding:10px 16px;min-height:48px;font-size:var(--f-s);font-weight:700;cursor:pointer;display:inline-flex;text-shadow:none;text-decoration:none;outline:0;justify-content:center;align-items:center;border:2px solid var(--mb-c-button-border);background-color:var(--mb-c-button);color:var(--mb-c-button-copy);border-radius:0}.mb-wrapper[data-id*=mb-portables-v2] .mb-navbar .inside ul li:last-child:hover{background:#fff;color:#000}.mb-wrapper[data-id*=mb-portables-v2] .mb-navbar .inside ul li:last-child::after,.mb-wrapper[data-id*=mb-portables-v2] .mb-navbar .inside ul li:last-child::before{content:none}.mb-wrapper[data-id*=mb-portables-v2] .mb-navbar .inside ul li:last-child span{font-size:var(--f-m)}.mb-wrapper[data-id*=mb-portables-v2] .mb-navbar .inside ul li span{font-size:var(--f-l)}.mb-wrapper[data-id*=mb-portables-v2] .-intro picture{max-height:calc(100vh - var(--top-offset))}.mb-wrapper[data-id*=mb-portables-v2] .-intro .inside .copy p{color:#fff;font-weight:700;font-size:var(--f-l);margin:0;text-wrap:auto;text-align:left}.mb-wrapper[data-id*=mb-portables-v2] .-releases{align-items:flex-end}.mb-wrapper[data-id*=mb-portables-v2] .-releases>video{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;filter:contrast(.5) brightness(1.5) saturate(1.5)}.mb-wrapper[data-id*=mb-portables-v2] .-releases>picture{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;max-width:none}.mb-wrapper[data-id*=mb-portables-v2] .-releases>picture img{width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;filter:contrast(.5) brightness(1.5) saturate(1.5)}.mb-wrapper[data-id*=mb-portables-v2] .-features .video-wrapper{z-index:1;aspect-ratio:16/9;width:100%;pointer-events:none;overflow:hidden}.mb-wrapper[data-id*=mb-portables-v2] .-features .video-wrapper iframe{aspect-ratio:16/9;width:100%;top:50%;transform:translateY(-50%);position:relative}.mb-wrapper[data-id*=mb-portables-v2] .-sbs h2{font-size:var(--f-xl);font-weight:700;text-transform:none;font-family:var(--font-body)}.mb-wrapper[data-id*=mb-portables-v2] .-drop .copy,.mb-wrapper[data-id*=mb-portables-v2] .-drop .inside{position:static}.mb-wrapper[data-id*=mb-portables-v2] .-drop h2,.mb-wrapper[data-id*=mb-portables-v2] .-drop picture{position:relative;z-index:1}.mb-wrapper[data-id*=mb-portables-v2] .-drop .subheadline-imagery{position:absolute;top:0;left:0;max-width:30%}.mb-wrapper[data-id*=mb-portables-v2] .-usps .copy{display:flex;flex-direction:column}.mb-wrapper[data-id*=mb-portables-v2] .-usps .copy .subheadline-imagery{order:-1}.mb-wrapper[data-id*=mb-portables-v2] .-usps .copy h2{font-size:var(--f-xl);font-weight:700;text-transform:none;font-family:var(--font-body)}.mb-wrapper[data-id*=mb-portables-v2] .mb-iconicbanner .ds-banner--copy{display:flex;flex-direction:column}.mb-wrapper[data-id*=mb-portables-v2] .mb-iconicbanner .ds-banner--copy .ds-banner--subheadline-imagery{order:-1}.mb-wrapper[data-id*=mb-portables-v2] .-auracast .copy,.mb-wrapper[data-id*=mb-portables-v2] .-auracast .inside{position:static}.mb-wrapper[data-id*=mb-portables-v2] .-auracast h2,.mb-wrapper[data-id*=mb-portables-v2] .-auracast picture{position:relative;z-index:1}.mb-wrapper[data-id*=mb-portables-v2] .-auracast .subheadline-imagery{position:absolute;top:0;right:0;max-width:30%}.mb-wrapper[data-id*=mb-portables-v2] .-auracast .video-wrapper{aspect-ratio:16/9;width:100%;pointer-events:none;z-index:1;overflow:hidden}.mb-wrapper[data-id*=mb-portables-v2] .-auracast .video-wrapper iframe{aspect-ratio:16/9;width:100%;top:50%;transform:translateY(-50%);position:relative}.mb-wrapper[data-id*=mb-portables-v2][data-siteid=JB-US] .-bottom{display:block;content-visibility:visible}.mb-wrapper[data-id*=mb-portables-v2] .-bottom:not(.mb-tools){display:none;content-visibility:hidden}.mb-wrapper[data-id*=mb-portables-v2] .-bottom>.copy{min-width:calc(100% - (var(--mb-side-offset) * 2))}.mb-wrapper[data-id*=mb-portables-v2] .mb-banner.-flip-game{overflow:hidden;display:none}html[data-locale=de_DE] .mb-wrapper[data-id*=mb-portables-v2] .mb-banner.-flip-game{display:grid}.mb-wrapper[data-id*=mb-portables-v2] .mb-banner.-flip-game .copy{width:40%;text-shadow:0 0 30px rgba(0,0,0,.5)}.mb-wrapper[data-id*=mb-portables-v2] .mb-banner.-flip-game .copy h2{color:#fff;font-weight:800;font-size:clamp(26px,4.2vw,60px)}.mb-wrapper[data-id*=mb-portables-v2] .mb-banner.-flip-game .copy .cta{background-color:#000;border-color:#000}.mb-wrapper[data-id*=mb-portables-v2] .mb-banner.-flip-game .copy .cta:hover{background-color:var(--c-button);border-color:var(--c-button)}[data-site=APAC],[data-site=KOREA],[data-site=NZ]{--f-h4:4.5rem}[data-site=APAC] .mb-compare-wrapper>.mb-compare-section.-bottom,[data-site=KOREA] .mb-compare-wrapper>.mb-compare-section.-bottom,[data-site=NZ] .mb-compare-wrapper>.mb-compare-section.-bottom{display:block;content-visibility:visible}[data-site=APAC] .mb-mod[data-type=products]>picture+.inside,[data-site=KOREA] .mb-mod[data-type=products]>picture+.inside,[data-site=NZ] .mb-mod[data-type=products]>picture+.inside{position:relative}[data-site=APAC] .tiles-container,[data-site=KOREA] .tiles-container,[data-site=NZ] .tiles-container{padding-bottom:30px}@media (min-width:1024px){.mb-wrapper[data-id*=mb-portables-v2] .mb-navbar .inside:before{content:"JBL Portables";display:block;font-size:30px;color:#fff;font-family:var(--font-headline)}.mb-wrapper[data-id*=mb-portables-v2] .-intro .inside{justify-content:flex-end;padding-bottom:var(--spacing-l)}.mb-wrapper[data-id*=mb-portables-v2] .-intro .inside .copy{width:100%;display:flex;justify-content:space-between;align-content:center;align-items:flex-end}.mb-wrapper[data-id*=mb-portables-v2] .-intro .inside .copy p{width:30%}.mb-wrapper[data-id*=mb-portables-v2] .-intro .inside .copy .subheadline-imagery{margin:0;max-width:30%}.mb-wrapper[data-id*=mb-portables-v2] .-releases .copy{padding-top:var(--spacing-3xl)}.mb-wrapper[data-id*=mb-portables-v2] .-releases .mb-column:has(.mb-banner) img{max-height:calc(100vh - var(--top-offset))}.mb-wrapper[data-id*=mb-portables-v2] .-releases .mb-column:has(.product-tile) .tiles-container{justify-content:center;padding:0 var(--spacing-l) var(--spacing-l) var(--spacing-s);gap:var(--spacing-l)}.mb-wrapper[data-id*=mb-portables-v2] .-releases .mb-column:has(.product-tile) .tiles-container .product-tile{max-width:340px!important}.mb-wrapper[data-id*=mb-portables-v2] .-releases .mb-column:has(.product-tile) .tiles-container .product-tile:first-child{margin-top:var(--spacing-l)}.mb-wrapper[data-id*=mb-portables-v2] .-releases .mb-column:has(.product-tile) .tiles-container .product-tile:last-child{margin-bottom:var(--spacing-l)}.mb-wrapper[data-id*=mb-portables-v2] .-features .video-wrapper{max-width:1540px;aspect-ratio:1/.475;object-fit:cover;object-position:center}.mb-wrapper[data-id*=mb-portables-v2] .-features h2{max-width:640px;text-wrap:balance}.mb-wrapper[data-id*=mb-portables-v2] .-sbs{align-items:flex-start;max-width:1220px;margin:var(--spacing-8xl) auto;gap:var(--spacing-l)}.mb-wrapper[data-id*=mb-portables-v2] .-drop h2{max-width:640px;text-wrap:balance}.mb-wrapper[data-id*=mb-portables-v2] .-drop picture img{max-width:1540px;aspect-ratio:1/.41;object-fit:cover;object-position:center}.mb-wrapper[data-id*=mb-portables-v2] .-usps{margin:var(--spacing-s) auto}.mb-wrapper[data-id*=mb-portables-v2] .-auracast h2{max-width:640px;text-wrap:balance}.mb-wrapper[data-id*=mb-portables-v2] .-auracast .video-wrapper{max-width:1540px;aspect-ratio:1/.475;object-fit:cover;object-position:center}.mb-wrapper[data-id*=mb-portables-v2][data-siteid=JB-US] .-bottom{display:flex}.mb-wrapper[data-id*=mb-portables-v2] .-bottom{grid-gap:0}.mb-wrapper[data-id*=mb-portables-v2] .-bottom .mb-column{max-width:25%}.mb-wrapper[data-id*=mb-portables-v2] .-bottom .mb-column .copy{padding:0}.mb-wrapper[data-id*=mb-portables-v2] .-bottom .mb-column:has(.product-tile){max-width:75%}}@media (max-width:1440px){.mb-wrapper[data-id*=mb-portables-v2] .mb-banner.-flip-game picture{transform:scale(1.175)}}@media (max-width:1400px){.mb-wrapper[data-id*=mb-portables-v2] .-releases .mb-column:has(.mb-banner) img{aspect-ratio:1/1}}@media (max-width:1023px){.mb-wrapper[data-id*=mb-portables-v2] .product-tile .bottom .button.cta.-viewdetails{padding:5px;font-size:14px;min-width:0}.mb-wrapper[data-id*=mb-portables-v2] .mb-navbar .inside{justify-content:center}.mb-wrapper[data-id*=mb-portables-v2] .mb-navbar .inside ul li:last-child{padding:5px 8px}.mb-wrapper[data-id*=mb-portables-v2] .mb-navbar .inside ul li span{font-size:var(--f-s)!important}.mb-wrapper[data-id*=mb-portables-v2] .-intro .inside{justify-content:flex-start}.mb-wrapper[data-id*=mb-portables-v2] .-intro .inside .copy{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-bottom:var(--spacing-l)}.mb-wrapper[data-id*=mb-portables-v2] .-intro .inside .copy .subheadline-imagery{margin:0 auto;max-width:80%}.mb-wrapper[data-id*=mb-portables-v2] .-releases .copy{padding-top:var(--spacing-xl);min-width:0}.mb-wrapper[data-id*=mb-portables-v2] .-releases .mb-column:has(.mb-banner) img{aspect-ratio:1.66666667;height:auto;width:100%;object-fit:cover;object-position:center 35%}.mb-wrapper[data-id*=mb-portables-v2] .-sbs{margin:var(--spacing-xl) auto}}@media (max-width:900px){.mb-wrapper[data-id*=mb-portables-v2] .mb-banner.-flip-game .copy{width:60%}.mb-wrapper[data-id*=mb-portables-v2] .mb-banner.-flip-game .copy p{font-size:14px}}