Explore Galaxy Buds3 Pro | In-Ear Wireless Earbuds

<!DOCTYPE html> <html lang="en"> <head>        <link rel="preconnect" href="https://images.samsung.com"/>   <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>  <title>Explore Galaxy Buds3 Pro | In-Ear Wireless Earbuds | Samsung US</title> <meta name="title" content="Explore Galaxy Buds3 Pro | In-Ear Wireless Earbuds | Samsung US"/> <link rel="canonical" href="https://www.samsung.com/us/mobile-audio/galaxy-buds3-pro/"/> <meta name="keywords" content="Galaxy Buds3 Pro"/> <meta name="description" content="Discover the Galaxy Buds3 Pro, featuring an all new in-ear canal design, premium sound quality and auto sound optimization to perfectly mesh with your surroundings."/> <meta name="date" content="2024-11-23"/> <meta name="sitecode" content="us"/> <meta name="robots" content="max-image-preview:large"/> <meta name="twitter:card" content="Summary"/> <meta name="twitter:site" content="@SamsungUSA"/> <meta name="twitter:creator" content="@SamsungUSA"/> <meta name="twitter:url" content="https://www.samsung.com/us/mobile-audio/galaxy-buds3-pro/"/> <meta name="twitter:title" content="Explore Galaxy Buds3 Pro | In-Ear Wireless Earbuds | Samsung US"/> <meta name="twitter:description" content="Discover the Galaxy Buds3 Pro, featuring an all new in-ear canal design, premium sound quality and auto sound optimization to perfectly mesh with your surroundings."/> <meta name="twitter:image" content="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/logo-square-letter.png"/> <meta property="og:url" content="https://www.samsung.com/us/mobile-audio/galaxy-buds3-pro/"/> <meta property="og:image" content="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/logo-square-letter.png"/> <meta property="og:type" content="website"/> <meta property="og:site_name" content="Samsung us"/> <meta property="og:locale" content="en"/> <meta property="og:title" content="Explore Galaxy Buds3 Pro | In-Ear Wireless Earbuds | Samsung US"/> <meta property="og:description" content="Discover the Galaxy Buds3 Pro, featuring an all new in-ear canal design, premium sound quality and auto sound optimization to perfectly mesh with your surroundings."/> <meta property="og:country-name" content="us"/> <meta property="name" content="Samsung us"/> <meta property="image" content="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/logo-square-letter.png"/> <meta property="url" content="https://www.samsung.com/us/mobile-audio/galaxy-buds3-pro/"/> <meta property="description" content="Discover the Galaxy Buds3 Pro, featuring an all new in-ear canal design, premium sound quality and auto sound optimization to perfectly mesh with your surroundings."/> <meta property="keywords" content="Galaxy Buds3 Pro"/> <link rel="icon" type="image/png" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/Favicon.png" sizes="96x96"/> <link rel="shortcut icon" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/Favicon.png"/> <link rel="apple-touch-icon" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/app_ico.png" sizes="144x144"/>    <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/resources/us/css/us.css" type="text/css"/> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.72b3474a5ea9ec2c8b38096685e0928d.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-base-new-gnb.min.9f42454338d004aefad6d201b952d819.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-flagship/compact.min.9e7f63a00a52b8ec764f41e0465d482f.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-register-product-popup/clientlibs/site.min.0183b920d0d2fbbe262f01f565c45cd9.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/components/content/epp/common/ep-cm-g-barcode-scanner-popup/clientlibs/site.min.b791cc7424186d4c95539d287b2c66cc.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/product/pd-g-floating-nav/clientlibs/site.min.1d264d387839e7e7af7019fe112f7def.css" type="text/css"/> <link rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/common/cm-g-static-content/clientlibs/site.min.ae85240e2285ff65e974c0b136a75d59.css" type="text/css"/> <script type="text/javascript"> var winhref = window.location.href.replace("/content/samsung","").replace(".html","/"); if ( winhref.indexOf("?") > 0) { winhref = winhref.substring(0, winhref.indexOf("?")); } var siteCode = winhref.split("/")[3]; //cn인 경우는 경로에서 siteCode를 추출할 수 없으므로 다른 방법으로 접근 if(winhref.indexOf("samsung.com.cn") > 0) { siteCode = "cn"; } //depth Info. var depth = winhref.split("/").length; var depth_last = winhref.split("/")[depth-1]; if(depth_last =="" || depth_last.charAt(0)=="?"){ depth -= 1; } //set pathIndicator(not product page) var pageName = ""; var depth_2 = ""; var depth_3 = ""; var depth_4 = ""; var depth_5 = ""; var digitalData = { "page" : { "pageInfo" : { "siteCode" : "us", "pageName" : pageName, "pageID" : "L2NvbnRlbnQvc2Ftc3VuZy91cy9tb2JpbGUtYXVkaW8vZ2FsYXh5LWJ1ZHMzLXBybw==", "pageTrack" : "flagship pdp", "originPlaform" : "web" }, "pathIndicator" : { "depth_2" : depth_2, "depth_3" : depth_3, "depth_4" : depth_4, "depth_5" : depth_5 } }, "user": { "userDeviceList": [ ] }, "product" : { "category" : "", "model_code" : "", // PD class정보 이용하여 설정 "model_name" : "", // PD page(server-side) "displayName" : "", // PD class정보 이용하여 설정 "pvi_type_code" : "", //PD page(server-side) "pvi_type_name" : "", //PD page(server-side) "pvi_subtype_code" : "", //PD page(server-side) "pvi_subtype_name" : "",//PD page(server-side) "pd_type" : "", //PD type "content_id" : "", "products" : "", "prodView" : "" } } </script> <script type="text/javascript"> digitalData.page.pageInfo.pageTrack = "flagship pdp"; </script>    <script> !function(e,a,n,t){ if (a) return; var i=e.head;if(i){ var o=e.createElement("style"); o.id="alloy-prehiding",o.innerText=n,i.appendChild(o), setTimeout(function(){o.parentNode&&o.parentNode.removeChild(o)},t)}} (document, document.location.href.indexOf("adobe_authoring_enabled") !== -1, "#home-kv { opacity: 0 !important }", 1500); </script>    <script src="//assets.adobedtm.com/72afb75f5516/8609776c4c4c/launch-6dab4959fb1e.min.js" async></script>    <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxz22cyz2hv6iq-f-5f4118d40-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"479457","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"165de591","ak.r":6099,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":50454,"ak.gh":"124.155.222.130","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732751249","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==H063RjIn6o+8CLxqjHD87EAgYNilfvjhnuVdPOaaNSaHvNsKcv0rAXLxtQ5nlT/FNMzTSaiZzzJUZWwngFQdFVqj1u+wO3QrL5fFd8GZsPt5VQ+8vJGDnVXWwH9/pqTjdj0DLMZBvW+m4fSeeg4utsRQj8Jm71lW/skbpKYey/TNQAiNqx29h3yLaAcBmQGibLEI+xzcb69Z1Z3KtMXfXM7Nd+fJUcuFj5D/X7d4a3ndJeGSVdHWyYiQvOsK0yIeLLFcFFhqj1FHK4zBXx2uLtlFVGWI2dzCHS56dgTQ7NDyADyU71HAEqGu4pHxpW4LJmmYeSHx/iz2i5Hz3vf7AvJWcT8cNYAA6bjgVeLonxKNwIcGENiqt8GQl7Ksc/NGXC8SGczMUxxvvNkWQOgreUN1mrpcI/5gkN9FH67YlIM=","ak.pv":"3680","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body>  <script> var isInIframe = (window.location != window.top.location); var isNotDotcom = ( window.location.href.indexOf('samsung.com') < 0); var isTopNotDotcom = ( window.top.location.href.indexOf('samsung.com') < 0); //404 페이지에서는 실행하지 않음. if ( window.location.href.indexOf('404') < 0 && isTopNotDotcom) { if ( isInIframe == true ) { console.log('isInIframe =' + isInIframe ); //에러 페이지 이동 self.location.href /"+siteCd+"/common/404.html window.location.href = '/us/common/404.html'; } else { console.log('isInIframe =' + isInIframe ); } } </script> <div id="wrap">   <input type="hidden" name="searchDomain" id="searchDomain" value="//searchapi.samsung.com/v6"/> <input type="hidden" name="esapiSearchDomain" id="esapiSearchDomain" value="https://esapi.samsung.com"/> <input type="hidden" name="scene7domain" id="scene7domain" value="//images.samsung.com/is/image/samsung/"/> <input type="hidden" name="reviewUseYN" id="reviewUseYN" value="Y"/> <input type="hidden" name="aplautYn" id="aplautYn" value="N"/> <input type="hidden" name="reevooUseYN" id="reevooUseYN" value="N"/> <input type="hidden" name="bvFlag" id="bvFlag" value="Y"/> <input type="hidden" name="bvRTLFlag" id="bvRTLFlag" value="N"/> <input type="hidden" name="multiLanguageYn" id="multiLanguageYn" value="N"/> <input type="hidden" name="localLang" id="localLang" value="en"/>  <input type="hidden" name="runmodeInfo" id="runmodeInfo" value="live"/> <input type="hidden" name="apiStageInfo" id="apiStageInfo" value="front"/> <input type="hidden" name="tempTitle" id="tempTitle" value="page-flagship"/> <input type="hidden" name="siteCode" id="siteCode" value="us"/> <input type="hidden" name="store_sitecode" id="store_sitecode" value="us"/> <input type="hidden" name="language" id="language" value="en_US"/> <input type="hidden" name="serverType" id="serverType" value="prod"/>  <input type="hidden" name="gpvStoreDomain" id="gpvStoreDomain"/> <input type="hidden" name="storeWebDomain" id="storeWebDomain"/> <input type="hidden" name="shopIntegrationFlag" id="shopIntegrationFlag" value="GPv2"/> <input type="hidden" name="newHyvStoreDomain" id="newHyvStoreDomain"/>  <input type="hidden" name="b2bFlag" id="b2bFlag" value="N"/> <input type="hidden" name="pageUrl" id="pageUrl"/> <input type="hidden" name="pathString" id="pathString"/> <input type="hidden" name="wishlistYn" id="wishlistYn"/> <input type="hidden" name="shopParmLang" id="shopParmLang"/> <input type="hidden" name="reservationDomain" id="reservationDomain"/>  <section class="progress cm-loader" style="display:none;"> <div class="progress__wrapper"> <div class="progress__circle-1"></div> <div class="progress__circle-2"></div> <div class="progress__circle-3"></div> <div class="progress__circle-4"></div> </div> </section> <script type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/js/crypto-js.min.js"></script> <header id="header" role="banner">  <div class="skip-bar"> <a href="#content" id="skipToContent">Skip to content</a> </div> <div class="cookie-bar cookie-bar--type-manage" role="status" data-nosnippet> <div class="cookie-bar__wrap"> <div class="cookie-bar__msg-wrap"> <div class="cookie-bar__msg"> <p class="cookie-bar__title">Samsung and Cookies</p> <p class="cookie-bar__desc"> This site uses cookies to personalise your experience, analyse site traffic and keep track of items stored in your shopping basket. By Clicking ACCEPT or continuing to browse the site you are agreeing to our use of cookies. <a href="/us/privacy/">See our Privacy Policy here.</a> <span class="cookie-bar__bar">|</span> <a href="javascript:OneTrust.ToggleInfoDisplay();">Do not Sell or Share My Personal Information</a> </p> <button class="cookie-bar__desc-read-more-btn">Read More</button> </div> <div class="cookie-bar__manage"> <a class="cta cta--contained cta--emphasis" href="javascript:void(0)" title="Accept" an-tr="cod01_cookie bar-flagship pdp-cta-button" an-ca="other interaction" an-ac="cookie bar:accept" an-la="cookie bar:accept"> Accept </a> </div> </div> <button class="cookie-bar__close cookie-bar__main-close" an-tr="cod01_cookie bar-flagship pdp-cta-button" an-ca="other interaction" an-ac="cookie bar:close" an-la="cookie bar:close"> <span class="hidden">close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"></use> </svg> </button> </div> </div> </header>   <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> <div class="nv16-country-selector" style="height: 0px;"> <div class="nv16-country-selector__content-wrap"> <div class="nv16-country-selector__content"> <div class="nv16-country-selector__description">Choose your location and language.</div> <div class="nv16-country-selector__select-contaniner"> <div class="nv16-country-selector__menu"> <div class="menu" data-comp-name="menu"> <select class="menu__select" tabindex="-1"><option selected value="us" data-country-type="sitecd">USA / ENGLISH</option><option value="other">Other Countries or location</option> </select> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" type="button" an-tr="nv16_gnb-country selector-navigation" an-ca="navigation" an-ac="gnb" an-la="country selector"> <span class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> <div class="nv16-country-selector__continue"> <button class="cta cta--contained cta--black" aria-label="Button Label" data-action="countrySelectorContinue" an-tr="nv16_gnb-country selector-navigation" an-ca="navigation" an-ac="gnb" an-la="country selector:continue">Continue</button> </div> </div> <button class="nv16-country-selector__close" data-action="countrySelectorClose"> <span class="hidden">Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div>  <section class="cod05-app-banner" style="display:none">  </section>  <input type="hidden" name="st_checked" id="st_checked" value="2024-11-26 03:22:03"/> <input type="hidden" name="cookieKey" id="cookieKey" value="cedc6238tqcf1t4f0vl7g50mc70d6a5a"/> <script> var gnbNewModelJson = {"gnbLeftModelList":[{"displayName":"Black Friday","englishName":"Black Friday","linkType":"move","linkUrl":"/us/shop/all-deals/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":false,"layoutType":"l1l2spread","containerAlignment":"left","ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"Shop","englishName":"Shop","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","containerAlignment":"left","level1ColumnList":[[{"displayName":"Best of Samsung","englishName":"Best of Samsung","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Black Friday Deals","englishName":"Black Friday Deals","linkType":"move","linkUrl":"/us/shop/all-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20241105|20241202","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"New \u0026 Featured","englishName":"New and Featured","linkType":"move","linkUrl":"/us/featured/new-releases/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Holiday Gift Guide","englishName":"Holiday Gift Guide","linkType":"move","linkUrl":"/us/gift-ideas/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"SmartThings","englishName":"SmartThings","linkType":"move","linkUrl":"/us/smartthings/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Game Day Shop","englishName":"Game Day Shop","linkType":"move","linkUrl":"/us/featured/game-day-essentials/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Tech For Kids","englishName":"Tech For Kids","linkType":"move","linkUrl":"/us/featured/parents-zone-tech-for-kids/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Gaming Portal","englishName":"Gaming Portal","linkType":"move","linkUrl":"/us/game-portal/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Offers","englishName":"Offers","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"All Offers","englishName":"All Offers","linkType":"move","linkUrl":"/us/shop/all-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Smartphones","englishName":"Smartphones","linkType":"move","linkUrl":"/us/shop/all-deals/cell-phone-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"TV \u0026 Home Theater","englishName":"TV \u0026 Home Theater","linkType":"move","linkUrl":"/us/shop/all-deals/tv-and-home-theater-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Appliances","englishName":"Appliances","linkType":"move","linkUrl":"/us/shop/all-deals/home-appliance-and-smart-home-sales/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Watches \u0026 Audio","englishName":"Watches \u0026 Audio","linkType":"move","linkUrl":"/us/shop/all-deals/watches-audio-accessories-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Tablets \u0026 Computing","englishName":"Tablets \u0026 Computing","linkType":"move","linkUrl":"/us/shop/all-deals/tablets-laptops-computers-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Monitor, Memory \u0026 Storage ","englishName":"Monitor, Memory \u0026 Storage ","linkType":"move","linkUrl":"/us/shop/all-deals/memory-monitor-storage-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bundle Deals","englishName":"Bundle Deals","linkType":"move","linkUrl":"/us/shop/all-deals/bundle-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Redeem Retail Offers","englishName":"Redeem Retail Offers","linkType":"move","linkUrl":"/us/promotions/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]},{"displayName":"Trade-in \u0026 Upgrade","englishName":"Trade-in \u0026 Upgrade","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"Samsung Trade-In","englishName":"Samsung Trade-In","linkType":"move","linkUrl":"/us/trade-in/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Carrier Offers","englishName":"Carrier Offers","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"Verizon Offers","englishName":"Verizon Offers","linkType":"move","linkUrl":"/us/shop/all-deals/cell-phone-deals/?familyId\u003dALL\u0026popId\u003dAD_Phones_Verizon","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"TMobile Offers","englishName":"TMobile Offers","linkType":"move","linkUrl":"/us/shop/all-deals/cell-phone-deals/?familyId\u003dALL\u0026popId\u003dAD_Phones_TMO","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"AT\u0026T Offers","englishName":"AT\u0026T Offers","linkType":"move","linkUrl":"/us/shop/all-deals/cell-phone-deals/?familyId\u003dALL\u0026popId\u003dAD_Phones_ATT","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]},{"displayName":"Offer Programs","englishName":"Offer Programs","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"All Offer Programs ","englishName":"All Offer Programs ","linkType":"move","linkUrl":"/us/shop/offer-program/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Education Offers Program ","englishName":"Education Offers Program ","linkType":"move","linkUrl":"/us/shop/offer-program/education/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"First Responders Offers Program","englishName":"First Responders Offers Program","linkType":"move","linkUrl":"/us/shop/offer-program/first-responders/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Military Offers Program ","englishName":"Military Offers Program ","linkType":"move","linkUrl":"/us/shop/offer-program/military/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Government Offers Program ","englishName":"Government Offers Program ","linkType":"move","linkUrl":"/us/shop/offer-program/government/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Employee Offers Program ","englishName":"Employee Offers Program ","linkType":"move","linkUrl":"/us/shop/offer-program/workplace/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Smart Ways to Shop","englishName":"Smart Ways to Shop","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"Samsung Shop App","englishName":"Samsung Shop App","linkType":"move","linkUrl":"/us/apps/shop-samsung-app/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20240923|20241023","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Samsung Rewards","englishName":"Samsung Rewards","linkType":"move","linkUrl":"/us/rewards/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"VIP Advantage","englishName":"VIP Advantage","linkType":"move","linkUrl":"/us/rewards/vip-advantage/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240702|20240904","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"TV \u0026 Phone Subscriptions","englishName":"TV \u0026 Phone Subscriptions","linkType":"move","linkUrl":"https://www.samsung.com/us/shop/access/","displayFlag":"Y","mobileOnlyFlag":"N","isBadgeDisplay":false},{"displayName":"Payment Options","englishName":"Payment Options","linkType":"move","linkUrl":"/us/payments/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Samsung Referral Program","englishName":"Samsung Referral Program","linkType":"move","linkUrl":"/us/referral/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Discover Samsung Event","englishName":"Discover Samsung Event","linkType":"move","linkUrl":"/us/discover-samsung-event/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Shop Samsung Outlet","englishName":"Shop Samsung Outlet","linkType":"move","linkUrl":"/us/shop/outlet/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"AI","englishName":"ai","linkType":"move","linkUrl":"/us/galaxy-ai/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"level1List":[{"displayName":"AI for All","englishName":"AI for All","linkType":"move","linkUrl":"/us/ai-products/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy Mobile AI","englishName":"Galaxy Mobile AI","linkType":"move","linkUrl":"/us/galaxy-ai/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Bespoke AI Appliances","englishName":"Bespoke AI Appliances","linkType":"move","linkUrl":"/us/home-appliances/bespoke/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":false},{"displayName":"Samsung AI TV","englishName":"Samsung AI TV","linkType":"move","linkUrl":"/us/tvs/neoqled-tv/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false}],"layoutType":"l1only","ftImageAreaTitle":"New \u0026 Featured","containerAlignment":"left","ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"Mobile","englishName":"Mobile","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":true,"ftImageUseFlag2":true,"ftImageUseFlag3":true,"ftImageUseFlag4":true,"ftImageUseFlag5":true,"ftImageUseFlag6":true,"ftImageUseFlag7":true,"ftImageUseFlag8":true,"ftImageUseFlag9":true,"ftImageUrl1":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_1_Fold6_168x136.png","ftImageUrlDesktop1":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_1_Fold6_168x136.png?$84_68_PNG$","ftImageUrlMobile1":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_1_Fold6_168x136.png?$168_136_PNG$","ftImageUrlWithPreset1":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_1_Fold6_168x136.png?$LazyLoad_Home_PNG$","ftImageAlt1":"Galaxy Z Fold6","ftImageAltEng1":"Galaxy Z Fold6","ftDescription1":"Galaxy Z Fold6","ftDescriptionEng1":"Galaxy Z Fold6","ftLinkUrl1":"/us/smartphones/galaxy-z-fold6/","ftLinkType1":"move","hasChildren":true,"level1List":[{"displayName":"Discover Mobile","englishName":"Discover Mobile","linkType":"move","linkUrl":"/us/mobile/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy AI","englishName":"galaxy ai","linkType":"move","linkUrl":"/us/galaxy-ai/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy Smartphone","englishName":"Smartphones","linkType":"move","linkUrl":"/us/smartphones/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy Tab","englishName":"Tablets","linkType":"move","linkUrl":"/us/tablets/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy Watch","englishName":"Watches","linkType":"move","linkUrl":"/us/watches/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy Buds","englishName":"Galaxy Buds","linkType":"move","linkUrl":"/us/mobile-audio/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy Ring","englishName":"Galaxy Ring","linkType":"move","linkUrl":"/us/rings/galaxy-ring/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy Accessories","englishName":"Accessories","linkType":"move","linkUrl":"/us/mobile-accessories/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"How to Switch","englishName":"How to Switch","linkType":"move","linkUrl":"/us/smart-switch/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Why Galaxy","englishName":"Why Galaxy","linkType":"move","linkUrl":"/us/mobile/why-galaxy/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Switch to Galaxy","englishName":"Switch to Galaxy","linkType":"move","linkUrl":"/us/mobile/switch-to-galaxy/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Certified Re-Newed","englishName":"Certified Re-Newed","linkType":"move","linkUrl":"/us/smartphones/certified-re-newed-phones/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Apps \u0026 Services","englishName":"Apps \u0026 Services","linkType":"move","linkUrl":"/us/apps/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Mobile Buying Guide","englishName":"Mobile Buying Guide","linkType":"move","linkUrl":"/us/explore/mobile/buying-guide/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Shop All Mobile","englishName":"Shop all Mobile","linkType":"move","linkUrl":"/us/mobile/phones/all-phones/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false}],"layoutType":"l1only","ftImageUrl2":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_2_Flip6_168x136.png","ftImageAlt2":"Galaxy Z Flip6","ftImageAltEng2":"Galaxy Z Flip6","ftDescription2":"Galaxy Z Flip6","ftDescriptionEng2":"Galaxy Z Flip6","ftLinkType2":"move","ftLinkUrl2":"/us/smartphones/galaxy-z-flip6/","ftImageUrl3":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_3_S24-Ultra_168x136.png","ftImageAlt3":"Galaxy S24 Ultra ","ftImageAltEng3":"Galaxy S24 Ultra ","ftDescription3":"Galaxy S24 Ultra ","ftDescriptionEng3":"Galaxy S24 Ultra ","ftLinkType3":"move","ftLinkUrl3":"/us/smartphones/galaxy-s24-ultra/","ftImageUrl4":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_4_watchpro7_168x136.png","ftImageAlt4":"Galaxy Watch Ultra","ftImageAltEng4":"Galaxy Watch Ultra","ftDescription4":"Galaxy Watch Ultra","ftDescriptionEng4":"Galaxy Watch Ultra","ftLinkType4":"move","ftLinkUrl4":"/us/watches/galaxy-watch-ultra/","ftImageUrl5":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3-pro_168x136.png","ftImageAlt5":"Galaxy Buds3 Pro","ftImageAltEng5":"Galaxy Buds3 Pro","ftDescription5":"Galaxy Buds3 Pro","ftDescriptionEng5":"Galaxy Buds3 Pro","ftLinkType5":"move","ftLinkUrl5":"/us/mobile-audio/galaxy-buds3-pro/","ftImageUrl6":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_6_ring_168x136.png","ftImageAlt6":"Galaxy Ring","ftImageAltEng6":"Galaxy Ring","ftDescription6":"Galaxy Ring","ftDescriptionEng6":"Galaxy Ring","ftLinkType6":"move","ftLinkUrl6":"/us/rings/galaxy-ring/","ftImageUrl7":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_7_S24-FE_168x136.png","ftImageAlt7":"Galaxy S24 FE","ftImageAltEng7":"Galaxy S24 FE","ftDescription7":"Galaxy S24 FE","ftDescriptionEng7":"Galaxy S24 FE","ftLinkType7":"move","ftLinkUrl7":"/us/smartphones/galaxy-s24-fe/","ftImageUrl8":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_TS10-Series_168x136_mo.png","ftImageAlt8":"Galaxy Tab S10 Series","ftImageAltEng8":"Galaxy Tab S10 Series","ftDescription8":"Galaxy Tab S10 Series","ftDescriptionEng8":"Galaxy Tab S10 Series","ftLinkType8":"move","ftLinkUrl8":"/us/tablets/galaxy-tab-s10/","ftImageUrl9":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3_168x136.png","ftImageAlt9":"Galaxy Buds3","ftImageAltEng9":"Galaxy Buds3","ftDescription9":"Galaxy Buds3","ftDescriptionEng9":"Galaxy Buds3","ftLinkType9":"move","ftLinkUrl9":"/us/mobile-audio/galaxy-buds3/","ftImageAreaTitle":"New \u0026 Featured","containerAlignment":"left","ftImageUrlDesktop2":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_2_Flip6_168x136.png?$84_68_PNG$","ftImageUrlDesktop3":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_3_S24-Ultra_168x136.png?$84_68_PNG$","ftImageUrlDesktop4":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_4_watchpro7_168x136.png?$84_68_PNG$","ftImageUrlDesktop5":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3-pro_168x136.png?$84_68_PNG$","ftImageUrlDesktop6":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_6_ring_168x136.png?$84_68_PNG$","ftImageUrlDesktop7":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_7_S24-FE_168x136.png?$84_68_PNG$","ftImageUrlDesktop8":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_TS10-Series_168x136_mo.png?$84_68_PNG$","ftImageUrlDesktop9":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3_168x136.png?$84_68_PNG$","ftImageUrlMobile2":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_2_Flip6_168x136.png?$168_136_PNG$","ftImageUrlMobile3":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_3_S24-Ultra_168x136.png?$168_136_PNG$","ftImageUrlMobile4":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_4_watchpro7_168x136.png?$168_136_PNG$","ftImageUrlMobile5":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3-pro_168x136.png?$168_136_PNG$","ftImageUrlMobile6":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_6_ring_168x136.png?$168_136_PNG$","ftImageUrlMobile7":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_7_S24-FE_168x136.png?$168_136_PNG$","ftImageUrlMobile8":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_TS10-Series_168x136_mo.png?$168_136_PNG$","ftImageUrlMobile9":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3_168x136.png?$168_136_PNG$","ftImageUrlWithPreset2":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_2_Flip6_168x136.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset3":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_3_S24-Ultra_168x136.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset4":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_4_watchpro7_168x136.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset5":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3-pro_168x136.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset6":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_6_ring_168x136.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset7":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_7_S24-FE_168x136.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset8":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_TS10-Series_168x136_mo.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset9":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3_168x136.png?$LazyLoad_Home_PNG$","ftDataList":[{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_1_Fold6_168x136.png","ftImageAlt":"Galaxy Z Fold6","ftImageAltEng":"Galaxy Z Fold6","ftDescription":"Galaxy Z Fold6","ftDescriptionEng":"Galaxy Z Fold6","ftLinkType":"move","ftLinkUrl":"/us/smartphones/galaxy-z-fold6/","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_1_Fold6_168x136.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_1_Fold6_168x136.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_1_Fold6_168x136.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":false},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_2_Flip6_168x136.png","ftImageAlt":"Galaxy Z Flip6","ftImageAltEng":"Galaxy Z Flip6","ftDescription":"Galaxy Z Flip6","ftDescriptionEng":"Galaxy Z Flip6","ftLinkType":"move","ftLinkUrl":"/us/smartphones/galaxy-z-flip6/","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_2_Flip6_168x136.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_2_Flip6_168x136.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_2_Flip6_168x136.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":false},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_3_S24-Ultra_168x136.png","ftImageAlt":"Galaxy S24 Ultra ","ftImageAltEng":"Galaxy S24 Ultra ","ftDescription":"Galaxy S24 Ultra ","ftDescriptionEng":"Galaxy S24 Ultra ","ftLinkType":"move","ftLinkUrl":"/us/smartphones/galaxy-s24-ultra/","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_3_S24-Ultra_168x136.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_3_S24-Ultra_168x136.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_3_S24-Ultra_168x136.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":false},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_4_watchpro7_168x136.png","ftImageAlt":"Galaxy Watch Ultra","ftImageAltEng":"Galaxy Watch Ultra","ftDescription":"Galaxy Watch Ultra","ftDescriptionEng":"Galaxy Watch Ultra","ftLinkType":"move","ftLinkUrl":"/us/watches/galaxy-watch-ultra/","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_4_watchpro7_168x136.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_4_watchpro7_168x136.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_4_watchpro7_168x136.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":false},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3-pro_168x136.png","ftImageAlt":"Galaxy Buds3 Pro","ftImageAltEng":"Galaxy Buds3 Pro","ftDescription":"Galaxy Buds3 Pro","ftDescriptionEng":"Galaxy Buds3 Pro","ftLinkType":"move","ftLinkUrl":"/us/mobile-audio/galaxy-buds3-pro/","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3-pro_168x136.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3-pro_168x136.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3-pro_168x136.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":false},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_6_ring_168x136.png","ftImageAlt":"Galaxy Ring","ftImageAltEng":"Galaxy Ring","ftDescription":"Galaxy Ring","ftDescriptionEng":"Galaxy Ring","ftLinkType":"move","ftLinkUrl":"/us/rings/galaxy-ring/","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_6_ring_168x136.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_6_ring_168x136.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_6_ring_168x136.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":false},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_7_S24-FE_168x136.png","ftImageAlt":"Galaxy S24 FE","ftImageAltEng":"Galaxy S24 FE","ftDescription":"Galaxy S24 FE","ftDescriptionEng":"Galaxy S24 FE","ftLinkType":"move","ftLinkUrl":"/us/smartphones/galaxy-s24-fe/","ftBadgeFlag":"true","ftBadgeText":"NEW","ftBadgeType":"new","ftBadgePeriod":"20240926|20241231","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_7_S24-FE_168x136.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_7_S24-FE_168x136.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_7_S24-FE_168x136.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":true},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_TS10-Series_168x136_mo.png","ftImageAlt":"Galaxy Tab S10 Series","ftImageAltEng":"Galaxy Tab S10 Series","ftDescription":"Galaxy Tab S10 Series","ftDescriptionEng":"Galaxy Tab S10 Series","ftLinkType":"move","ftLinkUrl":"/us/tablets/galaxy-tab-s10/","ftBadgeFlag":"true","ftBadgeText":"NEW","ftBadgeType":"new","ftBadgePeriod":"20240926|20241231","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_TS10-Series_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_TS10-Series_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_TS10-Series_168x136_mo.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":true},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3_168x136.png","ftImageAlt":"Galaxy Buds3","ftImageAltEng":"Galaxy Buds3","ftDescription":"Galaxy Buds3","ftDescriptionEng":"Galaxy Buds3","ftLinkType":"move","ftLinkUrl":"/us/mobile-audio/galaxy-buds3/","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3_168x136.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3_168x136.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3_168x136.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":false}],"ftbadgeFlag7":"true","ftbadgeText7":"NEW","ftbadgeType7":"new","ftbadgePeriod7":"20240926|20241231","ftbadgeFlag8":"true","ftbadgeText8":"NEW","ftbadgeType8":"new","ftbadgePeriod8":"20240926|20241231","ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":true,"ftbadgeDisplay8":true,"ftbadgeDisplay9":false},{"displayName":"TV \u0026 Audio","englishName":"TV \u0026 Audio","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","level1ColumnList":[[{"displayName":"Offers \u0026 Deals","englishName":"Offers \u0026 Deals","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Black Friday Deals","englishName":"Black Friday Deals","linkType":"move","linkUrl":"/us/shop/all-deals/tv-and-home-theater-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20241121|20241204","isBadgeDisplay":true,"shopLiveUseFlag":"false"}]},{"displayName":"TVs","englishName":"TVs","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Discover TVs ","englishName":"Discover TVs ","linkType":"move","linkUrl":"/us/tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Samsung Exclusive","englishName":"Samsung Exclusive-2","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/all-tvs/?shop\u003dOnline+Exclusives","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20241114|20250214","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"TV \u0026 Soundbar Bundles","englishName":"TV \u0026 Soundbar Bundles","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/all-tvs/?offers\u003dBundles","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20241114|20250214","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"Why Neo QLED","englishName":"Why Neo QLED","linkType":"move","linkUrl":"/us/tvs/neoqled-tv/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240320|20240520","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Why OLED","englishName":"Why OLED","linkType":"move","linkUrl":"/us/tvs/oled-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240320|20240520","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Why QLED 4K","englishName":"Why QLED 4K","linkType":"move","linkUrl":"/us/tvs/qled-tv/highlights/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240320|20240520","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Why The Frame","englishName":"Why The Frame","linkType":"move","linkUrl":"/us/tvs/the-frame/highlights/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240320|20240520","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"The Terrace","englishName":"The Terrace","linkType":"move","linkUrl":"/us/tvs/the-terrace/highlights/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Crystal 4K UHD","englishName":"Crystal 4K UHD","linkType":"move","linkUrl":"/us/tvs/crystal-uhd-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Shop All TVs","englishName":"Shop All TVs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/all-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"TVs by Size","englishName":"TVs by Size","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"98+ inch TVs","englishName":"98+ inch TVs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/98-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"85+ inch TVs","englishName":"85+ inch TVs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/85-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"75+ inch TVs","englishName":"75+ inch TVs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/75-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"65+ inch TVs","englishName":"65+ inch TVs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/65-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"55+ inch TVs","englishName":"55+ inch TVs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/55-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"43+ inch TVs","englishName":"43+ inch TVs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/43-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"32 inch TVs","englishName":"32 inch TVs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/32-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"What size should I get? ","englishName":"What size should I get? ","linkType":"move","linkUrl":"/us/tvs/tv-buying-guide/what-size-tv-should-i-get/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"TVs by Resolution","englishName":"TVs by Resolution","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"4K TVs","englishName":"4K TVs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/4k-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"8K TVs","englishName":"8K TVs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/8k-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Why 8K","englishName":"Why 8K","linkType":"move","linkUrl":"/us/tvs/8k-tv/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240320|20240520","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Projectors","englishName":"Projectors","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"The Freestyle 2nd Gen","englishName":"The Freestyle 2nd Gen","linkType":"move","linkUrl":"/us/tvs/the-freestyle/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"The Premiere","englishName":"The Premiere","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/all-tvs/?technology\u003dThe+Premiere","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Shop All Projectors","englishName":"Shop All Projectors","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/all-tvs/?technology\u003dThe+Premiere,Portable+Projector","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]},{"displayName":"Micro LED","englishName":"micro led","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"Discover MICRO LED","englishName":"discover micro led","linkType":"move","linkUrl":"/us/tvs/micro-led/highlights/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Home Audio","englishName":"Home Audio","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"5","hasChildren":true,"level2List":[{"displayName":"Discover Home Audio","englishName":"Discover Home Audio","linkType":"move","linkUrl":"/us/home-theater/soundbars/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Music Frame WICKED Edition","englishName":"Music Frame WICKED Edition","linkType":"move","linkUrl":"/us/televisions-home-theater/home-theater/wireless-speakers/music-frame-wicked-edition-hw-ls60ud-za/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20241028|20241228","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"Music Frame","englishName":"Music Frame","linkType":"move","linkUrl":"/us/home-theater/music-frame/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240320|20240520","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Q Series Premium Soundbars","englishName":"Q Series Premium Soundbars","linkType":"move","linkUrl":"/us/televisions-home-theater/home-theater/all-home-theater/?series\u003dQ-Series+Premium+Soundbars","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Ultra Slim Soundbars","englishName":"Ultra Slim Soundbars","linkType":"move","linkUrl":"/us/televisions-home-theater/home-theater/all-home-theater/?series\u003dUltra+Slim+Soundbars","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Soundbars with Subwoofer","englishName":"Soundbars with Subwoofer","linkType":"move","linkUrl":"/us/televisions-home-theater/home-theater/all-home-theater/?series\u003dSoundbars+with+Subwoofer","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"All-in-One Soundbars","englishName":"All-in-One Soundbars","linkType":"move","linkUrl":"/us/televisions-home-theater/home-theater/all-home-theater/?series\u003dAll-in-One+Soundbars","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Sound Tower Party Audio","englishName":"Sound Tower Party Audio","linkType":"move","linkUrl":"/us/televisions-home-theater/home-theater/sound-tower/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Find the right Soundbar","englishName":"Find the right Soundbar","linkType":"move","linkUrl":"/us/televisions-home-theater/home-theater/soundbars/soundbars-quiz/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"JBL Audio","englishName":"JBL Audio","linkType":"move","linkUrl":"/us/harman-kardon/jbl-harman-kardon/all-jbl-harman-kardon/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20241121|20250521","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"Shop All Home Audio","englishName":"Shop All Home Audio","linkType":"move","linkUrl":"/us/televisions-home-theater/home-theater/all-home-theater/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Additional Resources","englishName":"Additional Resources","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"6","hasChildren":true,"level2List":[{"displayName":"Big Screen Supersize TV","englishName":"Big Screen Supersize TV","linkType":"move","linkUrl":"/us/tvs/supersize-tv/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240627|20240729","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"TV Buying Guide","englishName":"TV Buying Guide","linkType":"move","linkUrl":"/us/tvs/tv-buying-guide/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Lifestyle TVs","englishName":"Lifestyle TVs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/lifestyle-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Why Smart TVs","englishName":"Why Smart TVs","linkType":"move","linkUrl":"/us/tvs/smart-tv/highlights/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"TVs for Gaming","englishName":"TVs for Gaming","linkType":"move","linkUrl":"/us/tvs/gaming-tv/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]},{"displayName":"Accessories","englishName":"Accessories","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"6","hasChildren":true,"level2List":[{"displayName":"TV Accessories","englishName":"TV Accessories","linkType":"move","linkUrl":"/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?category_names\u003dTelevisions","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Home Audio Accessories","englishName":"Home Audio Accessories","linkType":"move","linkUrl":"/us/televisions-home-theater/television-home-theater-accessories/audio-accessories/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"Appliances","englishName":"Appliances","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","level1ColumnList":[[{"displayName":"Offers \u0026 Deals","englishName":"Offers \u0026 Deals","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Black Friday Deals","englishName":"Black Friday Deals","linkType":"move","linkUrl":"/us/shop/all-deals/home-appliance-and-smart-home-sales/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20241105|20241202","isBadgeDisplay":true,"shopLiveUseFlag":"false"}]},{"displayName":"Bespoke","englishName":"Bespoke","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Bespoke Home","englishName":"bespoke-home","linkType":"move","linkUrl":"/us/home-appliances/bespoke/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240402|20240703","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bespoke Design Studio","englishName":"Bespoke Design Studio","linkType":"move","linkUrl":"/us/home-appliances/bespoke/design-studio/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bespoke Kitchen","englishName":"Bespoke Kitchen","linkType":"move","linkUrl":"/us/home-appliances/bespoke/kitchen/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bespoke Refrigerators","englishName":"Bespoke Refrigerators","linkType":"move","linkUrl":"/us/home-appliances/bespoke/refrigerators/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bespoke AI Laundry","englishName":"Bespoke AI Laundry","linkType":"move","linkUrl":"/us/home-appliances/bespoke/laundry/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bespoke Vacuums","englishName":"Bespoke Vacuums","linkType":"move","linkUrl":"/us/home-appliances/vacuums/all-vacuums/?key_features\u003dBESPOKE","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Kitchen","englishName":"Kitchen","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"Refrigerators","englishName":"Refrigerators","linkType":"move","linkUrl":"/us/refrigerators/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Ranges","englishName":"Ranges","linkType":"move","linkUrl":"/us/ranges/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Dishwashers","englishName":"Dishwashers","linkType":"move","linkUrl":"/us/dishwashers/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Microwaves","englishName":"Microwaves","linkType":"move","linkUrl":"/us/microwaves/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Wall Ovens","englishName":"Wall Ovens","linkType":"move","linkUrl":"/us/wall-ovens/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Cooktops","englishName":"Cooktops","linkType":"move","linkUrl":"/us/cooktops/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Range Hoods","englishName":"Range Hoods","linkType":"move","linkUrl":"/us/range-hoods/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Built-in Appliances","englishName":"Built-in Appliances","linkType":"move","linkUrl":"/us/home-appliances/built-in/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Laundry","englishName":"Laundry","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"Discover Laundry","englishName":"discover-laundry","linkType":"move","linkUrl":"/us/home-appliances/laundry/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Washers","englishName":"Washers","linkType":"move","linkUrl":"/us/washers/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Dryers ","englishName":"Dryers ","linkType":"move","linkUrl":"/us/dryers/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Washer \u0026 Dryer Sets","englishName":"Washer \u0026 Dryer Sets","linkType":"move","linkUrl":"/us/home-appliances/washers/all-washers/?shop\u003dWasher+%26+Dryer+Sets","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Washer Dryer Combo","englishName":"Washer Dryer Combo","linkType":"move","linkUrl":"/us/home-appliances/washers/all-in-one-washer-dryer-combo/bespoke-5-3-cu-ft-all-in-one-ai-laundry-combo-ultra-capacity-washer-with-super-speed-and-ventless-heat-pump-dryer-in-dark-steel-wd53dba900hza1/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20240531|20240710","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Vacuums","englishName":"Vacuums","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"Discover Vacuums","englishName":"discover-vacuums","linkType":"move","linkUrl":"/us/vacuums/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Jet Stick Vacuums","englishName":"Jet Stick Vacuums","linkType":"move","linkUrl":"/us/home-appliances/vacuums/all-vacuums/?type\u003dJet+Stick","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Robot Vacuums","englishName":"Robot Vacuums","linkType":"move","linkUrl":"/us/home-appliances/vacuums/jet-bot-robot/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Shop all Vacuums","englishName":"Shop-all-vacuums","linkType":"move","linkUrl":"/us/home-appliances/vacuums/all-vacuums/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]},{"displayName":"Cooling \u0026 Heating","englishName":"Cooling \u0026 Heating","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"Single-room System","englishName":"Single-room System","linkType":"new","linkUrl":"https://www.samsunghvac.com/single-room-system?utm_source\u003dSamsung.com\u0026utm_medium\u003dparent_co_website\u0026utm_campaign\u003db2c\u0026utm_term\u003dsingleRoomAC","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Whole Home System","englishName":"Whole Home System","linkType":"new","linkUrl":"https://www.samsunghvac.com/whole-home-system?utm_source\u003dSamsung.com\u0026utm_medium\u003dparent_co_website\u0026utm_campaign\u003db2c\u0026utm_term\u003dwholeHomeAC","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Commercial Solutions","englishName":"Commercial Solutions","linkType":"new","linkUrl":"https://www.samsunghvac.com/commercial-solutions?utm_source\u003dSamsung.com\u0026utm_medium\u003dparent_co_website\u0026utm_campaign\u003db2b\u0026utm_term\u003dCommercialSolutions","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Accessories","englishName":"Accessories","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"5","hasChildren":true,"level2List":[{"displayName":"Bespoke Refrigerator Panels","englishName":"Bespoke Refrigerator Panels","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?key_features\u003dBespoke+Panels","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Refrigerator Water Filters","englishName":"Refrigerator Water Filters","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?offers\u003dSubscribe+%26+Save","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Laundry Accessories","englishName":"Laundry Accessories","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names\u003dWashers+%26+Dryers","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Range Accessories","englishName":"Range Accessories","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names\u003dRange+Accessories","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Vacuum Accessories","englishName":"Vacuum Accessories","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names\u003dVacuums","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"All Appliance Accessories","englishName":"All Appliance Accessories","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]},{"displayName":"Dacor: Luxury Appliances","englishName":"Dacor: Luxury Appliances","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"5","hasChildren":true,"level2List":[{"displayName":"Discover Exclusive Collection","englishName":"Discover Exclusive Collection","linkType":"new","linkUrl":"https://www.dacor.com/us/home/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Discover Home Appliances","englishName":"Discover Home Appliances","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"6","hasChildren":true,"level2List":[{"displayName":"Discover Home Appliances","englishName":"Discover Home Appliances","linkType":"move","linkUrl":"/us/home-appliances/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Home Appliance Buying Guides","englishName":"Home Appliance Buying Guides","linkType":"move","linkUrl":"/us/home-appliances/buying-guide/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"IRA Rebate Programs","englishName":"IRA Rebate Programs","linkType":"move","linkUrl":"/us/home-appliances/inflation-reduction-act/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20241119|20250220","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"Family Hub™","englishName":"Family Hub","linkType":"move","linkUrl":"/us/explore/family-hub-refrigerator/overview/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"SmartThings in the Home","englishName":"SmartThings in the Home","linkType":"move","linkUrl":"/us/home-appliances/smartthings/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Energy Efficient Appliances","englishName":"Energy Efficient Appliances","linkType":"move","linkUrl":"/us/home-appliances/sustainable-products/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Samsung Food","englishName":"Samsung Food","linkType":"move","linkUrl":"/us/home-appliances/samsung-food/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Home Appliances Rebates","englishName":"Home Appliances Rebates","linkType":"move","linkUrl":"/us/home-appliances/rebate-center/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Build Your Bundle","englishName":"Build Your Bundles","linkType":"move","linkUrl":"/us/home-appliances/build-your-bundle/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"Computing","englishName":"Computing","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","level1ColumnList":[[{"displayName":"Black Friday Deals","englishName":"Black Friday Deals","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Tablets \u0026 Computing","englishName":"Tablets \u0026 Computing","linkType":"move","linkUrl":"/us/shop/all-deals/tablets-laptops-computers-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20241120|20241203","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"Monitor \u0026 Memory","englishName":"Monitor \u0026 Memory","linkType":"move","linkUrl":"/us/shop/all-deals/memory-monitor-storage-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20241121|20241204","isBadgeDisplay":true,"shopLiveUseFlag":"false"}]},{"displayName":"Galaxy Books \u0026 Laptops","englishName":"Galaxy Books","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Discover Galaxy Books","englishName":"Discover Galaxy Books","linkType":"move","linkUrl":"/us/galaxybooks/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Book5 Pro 360","englishName":"Galaxy Book5 Pro 360","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book5-pro-360/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20241004|20241231","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Book4 Edge 14 | 16","englishName":"Galaxy Book4 Edge 14 | 16","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book4-edge/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Book4 Edge 15","englishName":"Galaxy Book4 Edge 15","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book4-edge-15-6-inch/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20241023|20241103","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Book4 Ultra","englishName":"Galaxy Book4 Ultra","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book4-ultra/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240223|20240430","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Book4 Pro 360","englishName":"Galaxy Book4 Pro 360","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book4-pro-360/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240223|20240430","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Book4 Pro","englishName":"Galaxy Book4 Pro","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book4-pro/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240223|20240430","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Book4 360","englishName":"Galaxy Book4 360","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book4-360/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240223|20240430","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Book4","englishName":"Galaxy Book4","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book4/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240327|20240628","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Chromebook Plus","englishName":"Galaxy Chromebook Plus","linkType":"move","linkUrl":"/us/computing/chromebooks/chromebook-plus/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20241003|20241231","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"Copilot+ PCs","englishName":"Copilot+ PCs","linkType":"move","linkUrl":"/us/computing/galaxy-book-copilot-plus-pcs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Books Download Center","englishName":"Galaxy Books Download Center","linkType":"new","linkUrl":"https://www.samsung.com/global/galaxybooks-downloadcenter/?siteCode\u003dus","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Galaxy Book By Size","englishName":"Galaxy Book By Size","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"15.0”-16.0”","englishName":"15.0”-16.0”","linkType":"move","linkUrl":"/us/computing/galaxy-books/all-galaxy-books/?screen_size\u003d15.0%22+-+16.0%22/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"13.0”-14.9”","englishName":"13.0”-14.9”","linkType":"move","linkUrl":"/us/computing/galaxy-books/all-galaxy-books/?screen_size\u003d13.0%22+-+14.9%22/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"All Galaxy Book by Size","englishName":"All Galaxy Book by Size","linkType":"move","linkUrl":"/us/computing/galaxy-books/all-galaxy-books/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Tablets","englishName":"Tablets","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"Discover Tablets","englishName":"Discover Tablets","linkType":"move","linkUrl":"/us/tablets/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Tab S10 Ultra | S10+","englishName":"Galaxy Tab S10 Ultra | S10+","linkType":"move","linkUrl":"/us/tablets/galaxy-tab-s10/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240926|20241231","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Tab S9 Ultra I S9+ I S9 ","englishName":"Galaxy Tab S9 Ultra I S9+ I S9 ","linkType":"move","linkUrl":"/us/tablets/galaxy-tab-s9/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Tab S9 FE+ | S9 FE","englishName":"Galaxy Tab S9 FE+ | S9 FE","linkType":"move","linkUrl":"/us/tablets/galaxy-tab-s9-fe/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Tab A9+","englishName":"Galaxy Tab A9+","linkType":"move","linkUrl":"/us/tablets/galaxy-tab-a9-plus/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240111|20240331","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Tab A9+ Kids Edition","englishName":"Galaxy Tab A9+ Kids Edition","linkType":"move","linkUrl":"/us/tablets/galaxy-tab-a9-plus/kids-edition/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240801|20240926","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Shop all Tablets","englishName":"Shop all Tablets","linkType":"move","linkUrl":"/us/mobile/tablets/all-tablets/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Monitors","englishName":"Monitors","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"5","hasChildren":true,"level2List":[{"displayName":"Discover Monitors","englishName":"Discover Monitors","linkType":"move","linkUrl":"/us/monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Discover Odyssey Gaming","englishName":"Discover Odyssey Gaming","linkType":"move","linkUrl":"/us/computing/monitors/odyssey/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240229|20240501","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"OLED Gaming Monitor","englishName":"OLED Gaming Monitor","linkType":"move","linkUrl":"/us/computing/monitors/oled-monitor/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20240714|20240813","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Gaming Monitors","englishName":"Gaming Monitors","linkType":"move","linkUrl":"/us/computing/monitors/gaming/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Smart Monitor","englishName":"Smart Monitor","linkType":"move","linkUrl":"/us/computing/monitors/smart-monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"High Resolution","englishName":"High Resolution","linkType":"move","linkUrl":"/us/computing/monitors/uhd-and-wqhd/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Business Monitors","englishName":"Business Monitors","linkType":"move","linkUrl":"/us/business/computing/monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Shop all Monitors","englishName":"Shop all Monitors","linkType":"move","linkUrl":"/us/computing/monitors/all-monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Memory \u0026 Storage","englishName":"Memory \u0026 Storage","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"6","hasChildren":true,"level2List":[{"displayName":"Discover Memory \u0026 Storage","englishName":"Discover Memory \u0026 Storage","linkType":"move","linkUrl":"/us/memory-storage/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Internal SSDs","englishName":"Internal SSDs","linkType":"move","linkUrl":"/us/computing/memory-storage/solid-state-drives/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Portable SSDs","englishName":"Portable SSDs","linkType":"move","linkUrl":"/us/computing/memory-storage/portable-solid-state-drives/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Memory Cards","englishName":"Memory Cards","linkType":"move","linkUrl":"/us/computing/memory-storage/memory-cards/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"USB Flash Drives","englishName":"USB Flash Drives","linkType":"move","linkUrl":"/us/computing/memory-storage/usb-flash-drives/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Discover Gaming SSDs","englishName":"Discover Gaming SSDs","linkType":"move","linkUrl":"/us/memory-storage/solid-state-drives/gaming-ssd/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"SSD Magician Software","englishName":"ssd-magicia-software","linkType":"move","linkUrl":"/us/memory-storage/magician-software/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Shop all Memory \u0026 Storage","englishName":"Shop all Memory \u0026 Storage","linkType":"move","linkUrl":"/us/computing/memory-storage/all-memory-storage/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"Displays","englishName":"Displays","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","level1ColumnList":[[{"displayName":"Monitors","englishName":"Monitors","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Discover Monitors","englishName":"Discover Monitors","linkType":"move","linkUrl":"/us/monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Discover Odyssey Gaming","englishName":"Discover Odyssey Gaming","linkType":"move","linkUrl":"/us/computing/monitors/odyssey/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240229|20240501","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"OLED Gaming Monitor","englishName":"OLED-Gaming-Monitor","linkType":"move","linkUrl":"/us/computing/monitors/oled-monitor/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20240714|20240813","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Gaming Monitors","englishName":"Gaming Monitors","linkType":"move","linkUrl":"/us/computing/monitors/gaming/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Smart Monitor","englishName":"Smart Monitor","linkType":"move","linkUrl":"/us/computing/monitors/smart-monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"eco","badgeText":"DEAL","badgePeriod":"20231208|20231222","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"High Resolution","englishName":"High Resolution","linkType":"move","linkUrl":"/us/computing/monitors/uhd-and-wqhd/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Business Monitors","englishName":"Business Monitors","linkType":"move","linkUrl":"/us/business/computing/monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Shop all Monitors","englishName":"Shop all Monitors","linkType":"move","linkUrl":"/us/computing/monitors/all-monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"eco","badgeText":"DEAL","badgePeriod":"20231208|20231222","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Consumer Displays","englishName":"consumer-displays","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"Interactive Displays","englishName":"interactive-displays","linkType":"move","linkUrl":"/us/displays/interactive/wm-series/samsung-interactive-pro-75-lh75wmbwlgcxza/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"The Wall All-In-One","englishName":"the-wall-in-one","linkType":"move","linkUrl":"/us/displays/direct-view-led/ia-series/the-wall-all-in-one-146-p84-lh008iabmus-go/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Pro TV","englishName":"Pro TV","linkType":"move","linkUrl":"/us/business/displays/commercial-tvs/be-series/55-bed-h-series-4k-business-pro-tv-lh55bedhlgfxgo/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Pro TV Terrace Edition","englishName":"Pro TV Terrace Edition","linkType":"move","linkUrl":"/us/displays/pro-tv/bh-series/65-bht-series-qled-4k-uhd-hdr-pro-tv-terrace-edition-lh65bhtelgfxgo/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Business Products","englishName":"Business Products","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"Smart Signage","englishName":"Smart Signage","linkType":"move","linkUrl":"/us/business/displays/smart-signage/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Indoor LED Signage","englishName":"Indoor LED Signage","linkType":"move","linkUrl":"/us/business/displays/led-signage/indoor/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Outdoor LED Signage","englishName":"Outdoor LED Signage","linkType":"move","linkUrl":"/us/business/displays/led-signage/outdoor/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Commercial TVs","englishName":"Commercial TVs","linkType":"move","linkUrl":"/us/business/displays/commercial-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Digital Signage Accessories","englishName":"Digital Signage Accessories","linkType":"move","linkUrl":"/us/business/displays/accessories/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"VXT - Content \u0026 Remote Management","englishName":"VXT - Content \u0026 Remote Management","linkType":"move","linkUrl":"/us/business/display-solutions/samsung-vxt/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Industry Solutions","englishName":"Industry Solutions","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"5","hasChildren":true,"level2List":[{"displayName":"Education Signage","englishName":"Education Signage","linkType":"move","linkUrl":"/us/business/solutions/industries/education/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Live Events and Sports Signage","englishName":"Live Events and Sports","linkType":"move","linkUrl":"/us/business/solutions/industries/live-events-sports/displays/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Corporate Signage","englishName":"Corporate Signage","linkType":"move","linkUrl":"/us/business/solutions/industries/corporate/displays/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Retail Signage","englishName":"Retail Signage","linkType":"move","linkUrl":"/us/business/solutions/industries/retail/displays/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Quick-Service Restaurant Signage","englishName":"Quick-Service Restaurant Signage","linkType":"move","linkUrl":"/us/business/solutions/industries/quick-service-restaurant/displays/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Hospitality Signage","englishName":"Hospitality Signage","linkType":"move","linkUrl":"/us/business/solutions/industries/hospitality/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Software \u0026 Services\n","englishName":"Software and Services","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"6","hasChildren":true,"level2List":[{"displayName":"Custom A/V Home Installations","englishName":"Custom A/V Home Installations","linkType":"move","linkUrl":"/us/business/custominstall/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Hotel Device \u0026 Content Management","englishName":"Hotel Device \u0026 Content Management","linkType":"move","linkUrl":"/us/business/solutions/industries/hospitality/samsung-lynk--reach/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"MagicINFO - Signage Content Management","englishName":"MagicINFO - Signage Content Management","linkType":"move","linkUrl":"/us/business/solutions/digital-signage-solutions/magicinfo/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"VXT - Content \u0026 Remote Management","englishName":"VXT - Content \u0026 Remote Management","linkType":"move","linkUrl":"/us/business/solutions/digital-signage-solutions/vxt-cms/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230426|20230926","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"Accessories","englishName":"accessories","linkType":"move","linkUrl":"/us/accessories/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","level1ColumnList":[[{"displayName":"All Accessories","englishName":"All Accessories","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Shop All Accessories","englishName":"Shop All Accessories","linkType":"move","linkUrl":"/us/accessories/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Mobile Accessories ","englishName":"Mobile Accessories ","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"All Accessories","englishName":"all-accessories","linkType":"move","linkUrl":"/us/mobile/mobile-accessories/all-mobile-accessories/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Phone Accessories ","englishName":"Phone Accessories ","linkType":"move","linkUrl":"/us/mobile/mobile-accessories/phones/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Tablet Accessories ","englishName":"Tablet Accessories ","linkType":"move","linkUrl":"/us/mobile/mobile-accessories/tablets/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Wearable Accessories ","englishName":"Wearable Accessories ","linkType":"move","linkUrl":"/us/mobile/mobile-accessories/smartwatches/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Buds Accessories ","englishName":"Buds Accessories ","linkType":"move","linkUrl":"/us/mobile/mobile-accessories/all-mobile-accessories/?category_names\u003dBuds","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"SmartThings Accessories","englishName":"smartthings-accessories","linkType":"move","linkUrl":"/us/mobile/mobile-accessories/all-mobile-accessories/?accessories_type\u003dSmartThings","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"TV \u0026 Audio Accessories","englishName":"TV \u0026 Audio Accessories","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"All TV Accessories ","englishName":"All TV Accessories ","linkType":"move","linkUrl":"/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?category_names\u003dTelevisions","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"TV Stands","englishName":"TV Stands","linkType":"move","linkUrl":"/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?accessory_type\u003dStand","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"TV Wall Mounts ","englishName":"TV Wall Mounts ","linkType":"move","linkUrl":"/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?accessory_type\u003dWall+Mounts","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"TV Bezels ","englishName":"TV Bezels ","linkType":"move","linkUrl":"/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?accessory_type\u003dCustomizable+Frame+Bezels","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"JBL Audio","englishName":"jbl-audio","linkType":"move","linkUrl":"/us/harman-kardon/jbl-harman-kardon/all-jbl-harman-kardon/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20241121|20250521","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"All Home Audio Accessories ","englishName":"All Home Audio Accessories ","linkType":"move","linkUrl":"/us/televisions-home-theater/television-home-theater-accessories/audio-accessories/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Appliance Accessories ","englishName":"Appliance Accessories ","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"Bespoke Refrigerator Panels","englishName":"Bespoke Refrigerator Panels","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?key_features\u003dBespoke+Panels","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Refrigerator Water Filters ","englishName":"Refrigerator Water Filters ","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?offers\u003dSubscribe+%26+Save","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Laundry Accessories ","englishName":"Laundry Accessories ","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names\u003dWashers+%26+Dryers","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Range Accessories","englishName":"Range Accessories","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names\u003dRange+Accessories","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Vacuum Accessories ","englishName":"Vacuum Accessories ","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names\u003dVacuums","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"All Accessories","englishName":"All Accessories","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Computing Accessories ","englishName":"Computing Accessories ","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"5","hasChildren":true,"level2List":[{"displayName":"Shop All Accessories","englishName":"Shop All Accessories ","linkType":"move","linkUrl":"/us/computing/computing-accessories/all-computing-accessories/?category_names\u003dComputers","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false}],"gnbRightModelList":[{"displayName":"Explore","englishName":"Explore","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"right","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","level1ColumnList":[[{"displayName":"Collections","englishName":"Collections","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"Gaming Portal","englishName":"Gaming Portal","linkType":"move","linkUrl":"/us/game-portal/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230628|20230831","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Work From Home","englishName":"Work From Home","linkType":"move","linkUrl":"/us/collections/work-from-home/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Customized Products","englishName":"Customized Products","linkType":"move","linkUrl":"/us/customized-products/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]},{"displayName":"Buying Guides","englishName":"Buying Guides","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"Mobile Buying Guide","englishName":"Mobile Buying Guide","linkType":"move","linkUrl":"/us/explore/mobile/buying-guide/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230830|20231102","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"TV Buying Guide","englishName":"TV Buying Guide","linkType":"move","linkUrl":"/us/tvs/tv-buying-guide/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Home Appliance Buying Guides","englishName":"Home Appliance Buying Guides","linkType":"move","linkUrl":"/us/home-appliances/buying-guide/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Sustainability","englishName":"Sustainability","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"Sustainability at Samsung ","englishName":"Sustainability at Samsung ","linkType":"move","linkUrl":"/us/explore/sustainability/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Sustainable Materials","englishName":"sustainable-materials","linkType":"move","linkUrl":"/us/explore/sustainability/sustainable-materials/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Renewable Energy","englishName":"renewable-energy","linkType":"move","linkUrl":"/us/explore/sustainability/renewable-energy/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Energy Efficiency","englishName":"energy-efficiency","linkType":"move","linkUrl":"/us/explore/sustainability/energy-efficient/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Responsible Recycling","englishName":"responsible-recycling","linkType":"move","linkUrl":"/us/explore/sustainability/responsible-recycling/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Certified Re-Newed Products","englishName":"Certified Re-Newed Products","linkType":"move","linkUrl":"/us/smartphones/certified-re-newed-phones/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Find Energy Efficiency Rebates","englishName":"Find Energy Efficiency Rebates","linkType":"move","linkUrl":"/us/home-appliances/rebate-center/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"How to Recycle","englishName":"How-to-Recycle","linkType":"move","linkUrl":"/us/aboutsamsung/sustainability/environment/responsible-recycling/programs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"IRA Rebate Programs","englishName":"IRA Rebate Programs","linkType":"move","linkUrl":"/us/home-appliances/inflation-reduction-act/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230522|20230725","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Explore Stories","englishName":"Explore Stories","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"Explore Stories","englishName":"Explore Stories","linkType":"move","linkUrl":"/us/explore/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"How To","englishName":"how-to","linkType":"move","linkUrl":"/us/explore/how-to/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Sustainability","englishName":"Sustainability","linkType":"move","linkUrl":"/us/explore/sustainability/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Photography","englishName":"Photography","linkType":"move","linkUrl":"/us/explore/photography/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Life Hacks","englishName":"Life Hacks","linkType":"move","linkUrl":"/us/explore/life-hacks/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Brand","englishName":"Brand","linkType":"move","linkUrl":"/us/explore/brand/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Entertainment","englishName":"Entertainment","linkType":"move","linkUrl":"/us/explore/entertainment/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Gaming","englishName":"Gaming","linkType":"move","linkUrl":"/us/explore/tag.explore\u0026tag\u0026Gaming/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Food \u0026 Home","englishName":"Food \u0026 Home","linkType":"move","linkUrl":"/us/explore/food-home/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Wellbeing","englishName":"Wellbeing","linkType":"move","linkUrl":"/us/explore/wellbeing/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Samsung Experiences","englishName":"Samsung Experiences","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"5","hasChildren":true,"level2List":[{"displayName":"Samsung 837 Flagship Store","englishName":"Samsung 837 Flagship Store","linkType":"move","linkUrl":"/us/explore/837/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Samsung Experience Stores","englishName":"Samsung Experience Stores","linkType":"move","linkUrl":"https://www.samsung.com/us/samsung-experience-store/","displayFlag":"Y","mobileOnlyFlag":"N","isBadgeDisplay":false},{"displayName":"Galaxy Creator Collective","englishName":"Galaxy Creator Collective","linkType":"move","linkUrl":"/us/explore/brand/galaxy-creator-collective/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20230321|20230521","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Collaborations","englishName":"Galaxy Collaborations","linkType":"move","linkUrl":"/us/explore/brand/galaxy-collaborations/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Meet Team Galaxy","englishName":"Meet Team Galaxy","linkType":"move","linkUrl":"/us/explore/brand/meet-your-team-galaxy/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]},{"displayName":"Samsung Live","englishName":"Samsung Live","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"5","hasChildren":true,"level2List":[{"displayName":"Samsung Live Shopping","englishName":"Samsung Live Shopping","linkType":"move","linkUrl":"/us/live/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Samsung Care","englishName":"Samsung Care","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"6","hasChildren":true,"level2List":[{"displayName":"Explore Stories","englishName":"Explore Stories","linkType":"move","linkUrl":"/us/explore/care/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Keep Your Tech Running","englishName":"Keep Your Tech Running","linkType":"move","linkUrl":"/us/explore/brand/prolong-your-tech-and-our-planet-with-repair/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20231103|20231231","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"AI Home Care","englishName":"AI Home Care","linkType":"move","linkUrl":"/us/explore/care/ai-puts-you-in-the-repair-driver-seat/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20231103|20231231","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Anywhere Care","englishName":"Anywhere Care","linkType":"move","linkUrl":"/us/explore/brand/beyond-just-repair-its-anywhere-care/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20231103|20231231","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]},{"displayName":"Samsung Memberships","englishName":"Samsung Memberships","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"6","hasChildren":true,"level2List":[{"displayName":"VIP Advantage","englishName":"VIP Advantage","linkType":"move","linkUrl":"/us/rewards/vip-advantage/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240627|20240729","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"Support","englishName":"Support","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"right","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","level1ColumnList":[[{"displayName":"Product Support","englishName":"Product Support","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Support Home","englishName":"Support Home","linkType":"move","linkUrl":"/us/support/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Register a Product","englishName":"Register a Product","linkType":"move","linkUrl":"/us/support/register-product/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Manuals \u0026 Software","englishName":"Manuals \u0026 Software","linkType":"move","linkUrl":"/us/support/downloads/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Interactive Simulators","englishName":"Interactive Simulators","linkType":"move","linkUrl":"/us/support/simulators/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Warranty Information","englishName":"Warranty Information","linkType":"move","linkUrl":"/us/support/warranty/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Video Tutorial","englishName":"Video Tutorial","linkType":"new","linkUrl":"https://www.youtube.com/samsungcare/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Community","englishName":"Community","linkType":"new","linkUrl":"https://us.community.samsung.com/t5/Samsung-Community/ct-p/us","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Order Support","englishName":"Order Support","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"Track Your Orders","englishName":"Track Your Orders","linkType":"move","linkUrl":"/us/web/search-orders/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Order Help","englishName":"Order Help","linkType":"move","linkUrl":"/us/support/order-help/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Repair Services","englishName":"Repair Services","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"Samsung Care","englishName":"Samsung Care","linkType":"move","linkUrl":"/us/support/samsung-care/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Request a Repair","englishName":"Request a Repair","linkType":"move","linkUrl":"/us/support/service/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Find a Service Center","englishName":"Find a Service Center","linkType":"move","linkUrl":"/us/support/service/locations/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Check Repair Status","englishName":"Check Repair Status","linkType":"move","linkUrl":"/us/support/service/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Self-Repair Program","englishName":"Self-Repair Program","linkType":"move","linkUrl":"/us/support/self-repair/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Find Mobile Care","englishName":"Find Mobile Care","linkType":"move","linkUrl":"/us/support/find-mobile-care/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Find TV and Appliance Care","englishName":"find-tv-aapliances-care","linkType":"move","linkUrl":"/us/support/find-tv-and-appliance-care/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Eco-Conscious Service","englishName":"Eco-Conscious Service","linkType":"move","linkUrl":"/us/support/eco-conscious-service/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Additional Protection","englishName":"Additional Protection","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"Samsung Care+","englishName":"Samsung Care+","linkType":"move","linkUrl":"/us/support/samsung-care-plus/home-appliances-and-electronics/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Samsung Care+ Mobile","englishName":"Samsung Care+ Mobile","linkType":"move","linkUrl":"/us/support/samsung-care-plus/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Contact","englishName":"Contact","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"5","hasChildren":true,"level2List":[{"displayName":"Product Help","englishName":"Product Help","linkType":"move","linkUrl":"/us/support/contact/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Order Help","englishName":"Order Help","linkType":"move","linkUrl":"/us/support/order-help/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Additional Services","englishName":"Additional Services","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"6","hasChildren":true,"level2List":[{"displayName":"Smart Switch","englishName":"Smart Switch","linkType":"move","linkUrl":"/us/support/switch-to-galaxy/android/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Set up SmartThings","englishName":"set-up-smart-things","linkType":"move","linkUrl":"/us/support/smartthings-setup/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"For Business","englishName":"For Business","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"right","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","containerAlignment":"left","level1ColumnList":[[{"displayName":"Business Home","englishName":"business-home","linkType":"move","linkUrl":"/us/business/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Discover Business","englishName":"Discover Business","linkType":"move","linkUrl":"/us/business/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Business Account","englishName":"Business Account","linkType":"move","linkUrl":"/us/business/account/login/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Volume Pricing","englishName":"Volume Pricing","linkType":"move","linkUrl":"/us/business/shop/all-deals/volume-pricing/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Business Trade-In","englishName":"Business Trade-In","linkType":"move","linkUrl":"/us/business/shop/trade-in/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Business Financing","englishName":"Business Financing","linkType":"move","linkUrl":"/us/business/shop/financing/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Tax Exemption","englishName":"Tax Exemption","linkType":"move","linkUrl":"/us/business/shop/tax-exemption/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Product Support","englishName":"Product Support","linkType":"move","linkUrl":"/us/business/support/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Order Support","englishName":"Order Support","linkType":"move","linkUrl":"/us/business/shop/frequently-asked-questions/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Why Buy Direct","englishName":"Why Buy Direct","linkType":"move","linkUrl":"/us/business/shop/buy-direct/?phase\u003dsignup","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Business Offers","englishName":"Business Offers","linkType":"move","linkUrl":"/us/business/shop/all-deals/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"Discover Business Offers","englishName":"Discover Business Offers","linkType":"move","linkUrl":"/us/business/shop/all-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Smartphones","englishName":"Smartphones","linkType":"move","linkUrl":"/us/business/shop/all-deals/cell-phone-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Rugged Devices","englishName":"Rugged Devices","linkType":"move","linkUrl":"/us/business/shop/all-deals/rugged-smartphones-and-tablets/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Tablets \u0026 Laptops","englishName":"Tablets \u0026 Laptops","linkType":"move","linkUrl":"/us/business/shop/all-deals/tablets-laptops-computers-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Display \u0026 TVs","englishName":"Display \u0026 TVs","linkType":"move","linkUrl":"/us/business/shop/all-deals/displays-tvs-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Monitors","englishName":"Monitors","linkType":"move","linkUrl":"/us/business/shop/all-deals/monitor-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Appliances","englishName":"Appliances","linkType":"move","linkUrl":"/us/business/shop/all-deals/appliance-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Memory \u0026 Storage","englishName":"Memory \u0026 Storage","linkType":"move","linkUrl":"/us/business/shop/all-deals/memory-storage-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Watches \u0026 Accessories","englishName":"Watches \u0026 Accessories","linkType":"move","linkUrl":"/us/business/shop/all-deals/watches-audio-accessories-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"VXT - Content \u0026 Remote Management","englishName":"VXT - Content \u0026 Remote Management","linkType":"move","linkUrl":"/us/business/display-solutions/samsung-vxt/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Galaxy for Business","englishName":"Galaxy for Business","linkType":"move","linkUrl":"/us/business/mobile/rugged/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"Discover Galaxy for Business","englishName":"Discover Galaxy for Business","linkType":"move","linkUrl":"/us/business/mobile/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy S24 Series","englishName":"Galaxy S24 Series","linkType":"move","linkUrl":"/us/business/mobile/phones/galaxy-s24/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Tab S9 Series ","englishName":"Galaxy Tab S9 Series ","linkType":"move","linkUrl":"/us/business/mobile/tablets/galaxy-tab-s9/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Watch6 ","englishName":"Galaxy Watch6 ","linkType":"move","linkUrl":"/us/business/mobile/wearables/galaxy-watch6/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Watch 6 Classic","englishName":"Galaxy Watch 6 Classic","linkType":"move","linkUrl":"/us/business/mobile/wearables/galaxy-watch6-classic/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Smartphones","englishName":"Smartphones","linkType":"move","linkUrl":"/us/business/mobile/phones/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Rugged Devices","englishName":"Rugged Devices","linkType":"move","linkUrl":"/us/business/mobile/rugged/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Certified Re-Newed","englishName":"Certified Re-Newed","linkType":"move","linkUrl":"/us/business/mobile/certified-re-newed/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Knox Security","englishName":"Knox Security","linkType":"move","linkUrl":"/us/business/solutions/samsung-knox/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Knox Software \u0026 Services","englishName":"Knox Software \u0026 Services","linkType":"move","linkUrl":"/us/business/solutions/services/mobility-software/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Care+ for Business","englishName":"Care+ for Business","linkType":"move","linkUrl":"/us/business/solutions/services/samsung-care-plus-for-business/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Computing","englishName":"Computing","linkType":"move","linkUrl":"/us/business/shop/buy-direct/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"Discover Computing","englishName":"Discover Computing","linkType":"move","linkUrl":"/us/business/computing/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Tablets","englishName":"Tablets","linkType":"move","linkUrl":"/us/business/mobile/tablets/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Book PC","englishName":"Galaxy Book PC","linkType":"move","linkUrl":"/us/business/computing/galaxy-books/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Chromebooks","englishName":"Chromebooks","linkType":"move","linkUrl":"/us/business/computing/chromebooks/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Monitors","englishName":"Monitors","linkType":"move","linkUrl":"/us/business/computing/monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Memory \u0026 Storage","englishName":"Memory \u0026 Storage","linkType":"move","linkUrl":"/us/business/computing/memory-storage/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Indoor \u0026 Outdoor Displays","englishName":"indoor-and-outdoor-displays","linkType":"move","linkUrl":"/us/business/displays/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"5","hasChildren":true,"level2List":[{"displayName":"Discover Indoor \u0026 Outdoor Displays","englishName":"Discover Indoor \u0026 Outdoor Displays","linkType":"move","linkUrl":"/us/business/displays/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Pro TV","englishName":"Pro TV","linkType":"move","linkUrl":"/us/business/displays/commercial-tvs/be-series/55-bed-h-series-4k-business-pro-tv-lh55bedhlgfxgo/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"4K UHD Signage","englishName":"4K UHD Signage","linkType":"move","linkUrl":"/us/business/displays/4k-uhd/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"8K QLED Signage","englishName":"8K QLED Signage","linkType":"move","linkUrl":"/us/business/displays/qled/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Interactive \u0026 Touch Screen","englishName":"Interactive \u0026 Touch Screen","linkType":"move","linkUrl":"/us/business/displays/interactive/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"LED Video Wall","englishName":"LED Video Wall","linkType":"move","linkUrl":"/us/business/displays/direct-view-led/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"LCD Video Wall","englishName":"LCD Video Wall","linkType":"move","linkUrl":"/us/business/displays/lcd-videowalls/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Outdoor \u0026 Windows","englishName":"Outdoor \u0026 Windows","linkType":"move","linkUrl":"/us/business/displays/outdoor-and-window/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Small \u0026 Specialty Signage","englishName":"Small \u0026 Specialty Signage","linkType":"move","linkUrl":"/us/business/displays/standalone/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Hospitality TV","englishName":"Hospitality TV","linkType":"move","linkUrl":"/us/business/tvs/hospitality/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Healthcare TV","englishName":"Healthcare TV","linkType":"move","linkUrl":"/us/business/tvs/healthcare/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Appliances","englishName":"Appliances","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"6","hasChildren":true,"level2List":[{"displayName":"Discover Appliances","englishName":"Discover Appliances","linkType":"move","linkUrl":"/us/business/home-appliances/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Builder","englishName":"Builder","linkType":"move","linkUrl":"/us/business/builder/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]},{"displayName":"HVAC","englishName":"HVAC","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"6","hasChildren":true,"level2List":[{"displayName":"Discover HVAC","englishName":"Discover HVAC","linkType":"new","linkUrl":"https://www.samsunghvac.com/?utm_source\u003dSamsung.com\u0026utm_medium\u003dparent_co_website\u0026utm_campaign\u003db2b\u0026utm_term\u003ddiscoverHVAC","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Dealer Locator","englishName":"Dealer Locator","linkType":"new","linkUrl":"https://www.samsunghvac.com/locator?utm_source\u003dSamsung.com\u0026utm_medium\u003dparent_co_website\u0026utm_campaign\u003db2b\u0026utm_term\u003dfindHVACDealer","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false}],"beforeLoginModel":{"displayName":"Before Login","englishName":"before_login","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"level1List":[{"displayName":"Why Create an Account?","englishName":"Why Create an Account?","linkType":"move","linkUrl":"/us/samsung-account-benefits/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Track your orders","englishName":"Track your orders","linkType":"move","linkUrl":"/us/web/search-orders/","displayFlag":"Y","mobileOnlyFlag":"N","hasChildren":false},{"displayName":"Business Account","englishName":"Business Account","linkType":"move","linkUrl":"/us/business/account/login/","displayFlag":"Y","mobileOnlyFlag":"N","hasChildren":false}],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},"afterLoginModel":{"displayName":"After Login","englishName":"after_login","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"level1List":[{"displayName":"My Orders","englishName":"My Orders","linkType":"move","linkUrl":"/us/web/my-orders/","displayFlag":"Y","mobileOnlyFlag":"N","hasChildren":false},{"displayName":"My Page \u0026 Products","englishName":"my page and products","linkType":"move","linkUrl":"/us/support/account/products/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"\tMy Referrals","englishName":"\tMy Referrals","linkType":"move","linkUrl":"/us/web/account/my-referrals/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"My Rewards","englishName":"my-rewards","linkType":"move","linkUrl":"/us/web/account/my-rewards/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Product Registration","englishName":"Product Registration","linkType":"move","linkUrl":"/us/support/register/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Samsung Account","englishName":"Samsung Account","linkType":"new","linkUrl":"https://v3.account.samsung.com/dashboard/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false}],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},"gnbUtilModel":{"isLogin":"Y","isCart":"Y","shopIntegrationFlag":"GPv2","loginLinkUrl":"https://account.samsung.com/accounts/v1/samsung_com_us/signInGate","logoutUrl":"https://account.samsung.com/accounts/v1/samsung_com_us/signOutGate","stgloginLinkUrl":"https://stg-account.samsung.com/accounts/v1/samsung_com_us/signInGate","stglogoutUrl":"https://stg-account.samsung.com/accounts/v1/samsung_com_us/signOutGate","preqaloginLinkUrl":"https://stg-account.samsung.com/accounts/v1/samsung_com_us/signInGate","preqalogoutUrl":"https://stg-account.samsung.com/accounts/v1/samsung_com_us/signOutGate","SAsignOutURL":"/aemapi/v6/data-login/afterLogout.us.json","loginAccountServiceId":"kv5di1wr19","SAserviceName":"SAMSUNG","countryCode":"US","countryIsoCode":"USA","languageCode":"en","registURL":"/aemapi/v6/data-login/afterLogin.us.json","stgStoreDomain":"https://s6ro-live.samsung.com/us/api","preqaStoreDomain":"https://us.ecom-qa.samsung.com","preqa2StoreDomain":"https://us.ecom-stg.samsung.com","uatStoreDomain":"https://www.samsung.com/us/api","orderUrl":"/us/web/my-orders/","productUrl":"/us/support/account/products/","cartUrl":"/us/web/express/cart/","useFullCartUrl":false,"emailActivationURL":"/aemapi/v6/data-login/emailActivationURL.us.json","storeDomain":"https://www.samsung.com/us/api","trackOrderUrl":"/us/web/search-orders/","privacyTag1":"\u003ca href\u003d\u0027/us/info/privacy/\u0027 target\u003d\u0027_blank\u0027 class\u003d\u0027link-text\u0027 title\u003d\"Open in a New Window\"\u003e","privacyTag2":"\u003c/a\u003e","wishlistUrl":"/us/account/wishlist/","SAinfoUrl":"/us/support/account/","saStoreDomain":"https://p6-qaweb-sa.samsung.com/us/api"},"homeLinkPath":"/us/","language":"en_US"}; </script> <section class="epp-bar-wrap"> <div class="epp-bar"> <div class="epp-bar-div"> <div class="epp-bar-logo"></div> <div class="epp-bar-msg"> Welcome to the <div class="epp-bar-username">!</div> Please enjoy our special offers for you </div> <div class="benfit-wrap"> <a class="benfit-wrap__benefits" href="/us/support/account/benefits/">MY BENEFITS</a> <span class="benfit-wrap__gap"></span> <a class="benfit-wrap__offers" href="/us/shop/all-deals/">SPECIAL OFFERS</a> </div> </div> </div> </section> <nav id="component-id" class="nv00-gnb" role="navigation" aria-label="main navigation"> <div class="nv00-gnb__inner-wrap"> <div class="nv00-gnb__inner-wrap-looping--start" tabindex="0"></div> <div class="nv00-gnb__logo-wrap"> <a href="/us/" class="nv00-gnb__logo " an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="logo" aria-label="Samsung"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="120" height="32" viewBox="0 0 120 32"> <rect id="Clear_space" width="120" height="32" fill="none"/> <path id="Logo_ratio" d="M0,11.651V10.511H3.994v1.45a1.334,1.334,0,0,0,1.494,1.346A1.3,1.3,0,0,0,6.932,12.3a1.833,1.833,0,0,0-.026-1.113C6.133,9.243.851,8.363.18,5.333a5.347,5.347,0,0,1-.025-2.02C.567.88,2.705,0,5.359,0c2.113,0,5.025.492,5.025,3.754V4.816H6.674V3.884A1.275,1.275,0,0,0,5.282,2.537a1.25,1.25,0,0,0-1.365,1.01,2.021,2.021,0,0,0,.026.777c.437,1.734,6.081,2.667,6.7,5.8a6.943,6.943,0,0,1,.025,2.46C10.307,15.068,8.091,16,5.412,16,2.6,16,0,14.99,0,11.651ZM48.392,11.6V10.46h3.943v1.424A1.312,1.312,0,0,0,53.8,13.23a1.286,1.286,0,0,0,1.443-.984,1.759,1.759,0,0,0-.025-1.088c-.748-1.915-5.979-2.8-6.648-5.825a5.215,5.215,0,0,1-.026-1.994C48.959.932,51.1.052,53.7.052c2.088,0,4.973.518,4.973,3.728V4.816H54.989V3.91a1.268,1.268,0,0,0-1.365-1.346,1.2,1.2,0,0,0-1.34.984,2.017,2.017,0,0,0,.025.777c.412,1.734,6,2.641,6.623,5.747a6.806,6.806,0,0,1,.025,2.434c-.361,2.486-2.551,3.392-5.2,3.392C50.97,15.9,48.392,14.887,48.392,11.6Zm14.121.545a5.876,5.876,0,0,1-.025-.985V.44H66.25V11.495a4.111,4.111,0,0,0,.025.57,1.468,1.468,0,0,0,2.835,0,3.97,3.97,0,0,0,.026-.57V.44H72.9V11.158c0,.285-.026.829-.026.985-.257,2.8-2.448,3.7-5.179,3.7S62.771,14.938,62.513,12.143Zm30.974-.156A7.808,7.808,0,0,1,93.435,11V4.712c0-.259.025-.725.051-.985C93.821.932,96.063.052,98.717.052c2.629,0,4.947.88,5.206,3.676a7.185,7.185,0,0,1,.025.985V5.2h-3.762V4.376a3.1,3.1,0,0,0-.051-.57,1.553,1.553,0,0,0-2.964,0,3.088,3.088,0,0,0-.051.7V11.34a4.17,4.17,0,0,0,.026.57A1.472,1.472,0,0,0,98.717,13a1.406,1.406,0,0,0,1.52-1.087,2.09,2.09,0,0,0,.026-.57V9.165h-1.52V6.99H104V11a7.674,7.674,0,0,1-.052.984c-.257,2.718-2.6,3.676-5.231,3.676S93.744,14.705,93.487,11.987ZM41.049,15.378l-.1-13.825L38.369,15.378H34.607L32.055,1.553l-.1,13.825H28.242L28.551.466h6.056l1.881,11.651L38.369.466h6.055l.335,14.912Zm-19.79,0L19.249,1.553,17.187,15.378H13.168L15.9.466h6.623l2.732,14.912Zm62.977-.155L80.5,2.822l.206,12.4H77.046V.466h5.514l3.5,12.013L85.859.466h3.685V15.224Z" transform="translate(8 8)"/> </svg> </a> </div> <div class="nv00-gnb__search-wrap"> <button class="nv00-gnb__backward-btn"> <span class="hidden">previous menu</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#backward-bold" href="#backward-bold"></use> </svg> </button> <button class="nv00-gnb__search-btn gnb__search-btn-js" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="search"> <span class="hidden">search</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#search-bold" href="#search-bold"></use> </svg> </button> <button class="nv00-gnb__close-btn" an-tr="nv00_gnb-gnb-navigation2" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">close menu</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div>  <div class="nv00-gnb__user-account-wrap"> <div class="nv00-gnb__user-account before-login"> <a class="nv00-gnb__user-account-link loginBtn" href="javascript:;" data-linkinfo="https://account.samsung.com/accounts/v1/samsung_com_us/signInGate" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="sign in sign up"> Sign in/Create Account </a> </div> <div class="nv00-gnb__user-account after-login"> <a class="nv00-gnb__user-account-link js-user-name" aria-label="Manage Account" href="https://account.samsung.com/membership/contents/profile/profile-gate"> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#user-bold" href="#user-bold"></use> </svg> </span> <p class="user-name"></p> <p class="hidden">Manage Account</p> </a> </div> </div>  <div class="nv00-gnb__l0-menu-wrap"> <ul class="nv00-gnb__l0-menu-list left-menu" role="menubar"> <li class="nv00-gnb__l0-menu"> <a class="nv00-gnb__l0-menu-link" href="/us/shop/all-deals/" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="black friday" role="menuitem"> Black Friday </a> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop"> Shop <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container left-side"> <p class="nv00-gnb__l1-menu-container-title">Shop</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="shop:best of samsung" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:best of samsung"> Best of Samsung <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:best of samsung:black friday deals" role="menuitem"> Black Friday Deals <span class="badge-icon badge-icon--label badge-icon--bg-color-red">HOT</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/featured/new-releases/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:best of samsung:new and featured" role="menuitem"> New & Featured </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/gift-ideas/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:best of samsung:holiday gift guide" role="menuitem"> Holiday Gift Guide </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/smartthings/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:best of samsung:smartthings" role="menuitem"> SmartThings </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/featured/game-day-essentials/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:best of samsung:game day shop" role="menuitem"> Game Day Shop </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/featured/parents-zone-tech-for-kids/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:best of samsung:tech for kids" role="menuitem"> Tech For Kids </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/game-portal/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:best of samsung:gaming portal" role="menuitem"> Gaming Portal </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="shop:offers" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers"> Offers <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers:all offers" role="menuitem"> All Offers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/cell-phone-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers:smartphones" role="menuitem"> Smartphones </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/tv-and-home-theater-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers:tv & home theater" role="menuitem"> TV & Home Theater </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/home-appliance-and-smart-home-sales/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers:appliances" role="menuitem"> Appliances </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/watches-audio-accessories-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers:watches & audio" role="menuitem"> Watches & Audio </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/tablets-laptops-computers-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers:tablets & computing" role="menuitem"> Tablets & Computing </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/memory-monitor-storage-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers:monitor, memory & storage " role="menuitem"> Monitor, Memory & Storage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/bundle-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers:bundle deals" role="menuitem"> Bundle Deals </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/promotions/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers:redeem retail offers" role="menuitem"> Redeem Retail Offers </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="shop:trade-in & upgrade" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:trade-in & upgrade"> Trade-in & Upgrade <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/trade-in/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:trade-in & upgrade:samsung trade-in" role="menuitem"> Samsung Trade-In </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="shop:carrier offers" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:carrier offers"> Carrier Offers <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/cell-phone-deals/?familyId=ALL&popId=AD_Phones_Verizon" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:carrier offers:verizon offers" role="menuitem"> Verizon Offers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/cell-phone-deals/?familyId=ALL&popId=AD_Phones_TMO" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:carrier offers:tmobile offers" role="menuitem"> TMobile Offers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/cell-phone-deals/?familyId=ALL&popId=AD_Phones_ATT" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:carrier offers:at&t offers" role="menuitem"> AT&T Offers </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="shop:offer programs" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offer programs"> Offer Programs <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/offer-program/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offer programs:all offer programs " role="menuitem"> All Offer Programs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/offer-program/education/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offer programs:education offers program " role="menuitem"> Education Offers Program </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/offer-program/first-responders/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offer programs:first responders offers program" role="menuitem"> First Responders Offers Program </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/offer-program/military/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offer programs:military offers program " role="menuitem"> Military Offers Program </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/offer-program/government/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offer programs:government offers program " role="menuitem"> Government Offers Program </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/offer-program/workplace/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offer programs:employee offers program " role="menuitem"> Employee Offers Program </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="shop:smart ways to shop" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:smart ways to shop"> Smart Ways to Shop <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/apps/shop-samsung-app/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:smart ways to shop:samsung shop app" role="menuitem"> Samsung Shop App </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/rewards/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:smart ways to shop:samsung rewards" role="menuitem"> Samsung Rewards </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/rewards/vip-advantage/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:smart ways to shop:vip advantage" role="menuitem"> VIP Advantage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.samsung.com/us/shop/access/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:smart ways to shop:tv & phone subscriptions" role="menuitem"> TV & Phone Subscriptions </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/payments/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:smart ways to shop:payment options" role="menuitem"> Payment Options </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/referral/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:smart ways to shop:samsung referral program" role="menuitem"> Samsung Referral Program </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/discover-samsung-event/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:smart ways to shop:discover samsung event" role="menuitem"> Discover Samsung Event </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/outlet/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:smart ways to shop:shop samsung outlet" role="menuitem"> Shop Samsung Outlet </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="shop:trade-in & upgrade" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:trade-in & upgrade"> Trade-in & Upgrade <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/trade-in/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:trade-in & upgrade:samsung trade-in" role="menuitem"> Samsung Trade-In </a> </li> </ul> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="shop:offer programs" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offer programs"> Offer Programs <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/offer-program/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offer programs:all offer programs " role="menuitem"> All Offer Programs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/offer-program/education/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offer programs:education offers program " role="menuitem"> Education Offers Program </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/offer-program/first-responders/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offer programs:first responders offers program" role="menuitem"> First Responders Offers Program </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/offer-program/military/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offer programs:military offers program " role="menuitem"> Military Offers Program </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/offer-program/government/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offer programs:government offers program " role="menuitem"> Government Offers Program </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/offer-program/workplace/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offer programs:employee offers program " role="menuitem"> Employee Offers Program </a> </li> </ul> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai"> AI <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container"> <p class="nv00-gnb__l1-menu-container-title">AI</p> <div class="nv00-gnb__l1-menu-wrap l1-only"> <ul class="nv00-gnb__l1-menu-list" role="menu"> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/ai-products/" data-engname="ai:ai for all" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai:ai for all" role="menuitem"> AI for All </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/galaxy-ai/" data-engname="ai:galaxy mobile ai" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai:galaxy mobile ai" role="menuitem"> Galaxy Mobile AI </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/home-appliances/bespoke/" data-engname="ai:bespoke ai appliances" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai:bespoke ai appliances" role="menuitem"> Bespoke AI Appliances </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/tvs/neoqled-tv/" data-engname="ai:samsung ai tv" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai:samsung ai tv" role="menuitem"> Samsung AI TV </a> </li> </ul> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile"> Mobile <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container"> <p class="nv00-gnb__l1-menu-container-title">Mobile</p> <div class="nv00-gnb__l1-menu-wrap l1-only"> <ul class="nv00-gnb__l1-menu-list" role="menu"> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/mobile/" data-engname="mobile:discover mobile" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:discover mobile" role="menuitem"> Discover Mobile </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/galaxy-ai/" data-engname="mobile:galaxy ai" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy ai" role="menuitem"> Galaxy AI </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/smartphones/" data-engname="mobile:smartphones" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:smartphones" role="menuitem"> Galaxy Smartphone </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/tablets/" data-engname="mobile:tablets" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:tablets" role="menuitem"> Galaxy Tab </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/watches/" data-engname="mobile:watches" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:watches" role="menuitem"> Galaxy Watch </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/mobile-audio/" data-engname="mobile:galaxy buds" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy buds" role="menuitem"> Galaxy Buds </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/rings/galaxy-ring/" data-engname="mobile:galaxy ring" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy ring" role="menuitem"> Galaxy Ring </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/mobile-accessories/" data-engname="mobile:accessories" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:accessories" role="menuitem"> Galaxy Accessories </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/smart-switch/" data-engname="mobile:how to switch" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:how to switch" role="menuitem"> How to Switch </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/mobile/why-galaxy/" data-engname="mobile:why galaxy" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:why galaxy" role="menuitem"> Why Galaxy </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/mobile/switch-to-galaxy/" data-engname="mobile:switch to galaxy" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:switch to galaxy" role="menuitem"> Switch to Galaxy </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/smartphones/certified-re-newed-phones/" data-engname="mobile:certified re-newed" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:certified re-newed" role="menuitem"> Certified Re-Newed </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/apps/" data-engname="mobile:apps & services" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:apps & services" role="menuitem"> Apps & Services </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/explore/mobile/buying-guide/" data-engname="mobile:mobile buying guide" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile buying guide" role="menuitem"> Mobile Buying Guide </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/us/mobile/phones/all-phones/" data-engname="mobile:shop all mobile" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:shop all mobile" role="menuitem"> Shop All Mobile </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap featured-products-thumbnail"> <p class="nv00-gnb__featured-products-thumbnail-title">New & Featured</p> <div class="nv00-gnb__featured-products-thumbnail-item-container"> <button class="nv00-gnb__featured-products-thumbnail-item--previous"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </button> <ul class="nv00-gnb__featured-products-thumbnail-item-wrap" role="menu"> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/us/smartphones/galaxy-z-fold6/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:Galaxy Z Fold6" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_1_Fold6_168x136.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Z Fold6" data-mobile-alt="Galaxy Z Fold6" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_1_Fold6_168x136.png?$168_136_PNG$" data-desktop-alt="Galaxy Z Fold6" data-mobile-alt="Galaxy Z Fold6" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Z Fold6</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/us/smartphones/galaxy-z-flip6/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:Galaxy Z Flip6" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_2_Flip6_168x136.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Z Flip6" data-mobile-alt="Galaxy Z Flip6" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_2_Flip6_168x136.png?$168_136_PNG$" data-desktop-alt="Galaxy Z Flip6" data-mobile-alt="Galaxy Z Flip6" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Z Flip6</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/us/smartphones/galaxy-s24-ultra/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:Galaxy S24 Ultra " class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_3_S24-Ultra_168x136.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy S24 Ultra " data-mobile-alt="Galaxy S24 Ultra " role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_3_S24-Ultra_168x136.png?$168_136_PNG$" data-desktop-alt="Galaxy S24 Ultra " data-mobile-alt="Galaxy S24 Ultra " role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy S24 Ultra </p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/us/watches/galaxy-watch-ultra/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:Galaxy Watch Ultra" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_4_watchpro7_168x136.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Watch Ultra" data-mobile-alt="Galaxy Watch Ultra" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_4_watchpro7_168x136.png?$168_136_PNG$" data-desktop-alt="Galaxy Watch Ultra" data-mobile-alt="Galaxy Watch Ultra" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Watch Ultra</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/us/mobile-audio/galaxy-buds3-pro/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:Galaxy Buds3 Pro" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3-pro_168x136.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Buds3 Pro" data-mobile-alt="Galaxy Buds3 Pro" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3-pro_168x136.png?$168_136_PNG$" data-desktop-alt="Galaxy Buds3 Pro" data-mobile-alt="Galaxy Buds3 Pro" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Buds3 Pro</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/us/rings/galaxy-ring/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:Galaxy Ring" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_6_ring_168x136.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Ring" data-mobile-alt="Galaxy Ring" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/07152024/GNB_6_ring_168x136.png?$168_136_PNG$" data-desktop-alt="Galaxy Ring" data-mobile-alt="Galaxy Ring" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Ring</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/us/smartphones/galaxy-s24-fe/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:Galaxy S24 FE" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_7_S24-FE_168x136.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy S24 FE" data-mobile-alt="Galaxy S24 FE" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_7_S24-FE_168x136.png?$168_136_PNG$" data-desktop-alt="Galaxy S24 FE" data-mobile-alt="Galaxy S24 FE" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy S24 FE</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/us/tablets/galaxy-tab-s10/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:Galaxy Tab S10 Series" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_TS10-Series_168x136_mo.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Tab S10 Series" data-mobile-alt="Galaxy Tab S10 Series" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/09262024/GNB_TS10-Series_168x136_mo.png?$168_136_PNG$" data-desktop-alt="Galaxy Tab S10 Series" data-mobile-alt="Galaxy Tab S10 Series" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Tab S10 Series</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/us/mobile-audio/galaxy-buds3/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:Galaxy Buds3" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3_168x136.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Buds3" data-mobile-alt="Galaxy Buds3" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/08022024/GNB_buds3_168x136.png?$168_136_PNG$" data-desktop-alt="Galaxy Buds3" data-mobile-alt="Galaxy Buds3" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Buds3</p> </a> </li> </ul> <button class="nv00-gnb__featured-products-thumbnail-item--next"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> </div> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio"> TV & Audio <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container left-side"> <p class="nv00-gnb__l1-menu-container-title">TV & Audio</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv & audio:offers & deals" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:offers & deals"> Offers & Deals <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/tv-and-home-theater-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:offers & deals:black friday deals" role="menuitem"> Black Friday Deals <span class="badge-icon badge-icon--label badge-icon--bg-color-red">HOT</span> </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv & audio:tvs" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs"> TVs <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:discover tvs " role="menuitem"> Discover TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/all-tvs/?shop=Online+Exclusives" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:samsung exclusive-2" role="menuitem"> Samsung Exclusive <span class="badge-icon badge-icon--label badge-icon--bg-color-red">HOT</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/all-tvs/?offers=Bundles" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:tv & soundbar bundles" role="menuitem"> TV & Soundbar Bundles <span class="badge-icon badge-icon--label badge-icon--bg-color-red">HOT</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/neoqled-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:why neo qled" role="menuitem"> Why Neo QLED </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/oled-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:why oled" role="menuitem"> Why OLED </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/qled-tv/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:why qled 4k" role="menuitem"> Why QLED 4K </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/the-frame/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:why the frame" role="menuitem"> Why The Frame </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/the-terrace/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:the terrace" role="menuitem"> The Terrace </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/crystal-uhd-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:crystal 4k uhd" role="menuitem"> Crystal 4K UHD </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/all-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:shop all tvs" role="menuitem"> Shop All TVs </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv & audio:tvs by size" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs by size"> TVs by Size <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/98-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs by size:98+ inch tvs" role="menuitem"> 98+ inch TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/85-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs by size:85+ inch tvs" role="menuitem"> 85+ inch TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/75-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs by size:75+ inch tvs" role="menuitem"> 75+ inch TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/65-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs by size:65+ inch tvs" role="menuitem"> 65+ inch TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/55-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs by size:55+ inch tvs" role="menuitem"> 55+ inch TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/43-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs by size:43+ inch tvs" role="menuitem"> 43+ inch TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/32-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs by size:32 inch tvs" role="menuitem"> 32 inch TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/tv-buying-guide/what-size-tv-should-i-get/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs by size:what size should i get? " role="menuitem"> What size should I get? </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv & audio:tvs by resolution" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs by resolution"> TVs by Resolution <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/4k-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs by resolution:4k tvs" role="menuitem"> 4K TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/8k-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs by resolution:8k tvs" role="menuitem"> 8K TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/8k-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs by resolution:why 8k" role="menuitem"> Why 8K </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv & audio:projectors" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:projectors"> Projectors <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/the-freestyle/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:projectors:the freestyle 2nd gen" role="menuitem"> The Freestyle 2nd Gen </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/all-tvs/?technology=The+Premiere" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:projectors:the premiere" role="menuitem"> The Premiere </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/all-tvs/?technology=The+Premiere,Portable+Projector" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:projectors:shop all projectors" role="menuitem"> Shop All Projectors </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv & audio:micro led" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:micro led"> Micro LED <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/micro-led/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:micro led:discover micro led" role="menuitem"> Discover MICRO LED </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv & audio:home audio" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:home audio"> Home Audio <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-theater/soundbars/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:home audio:discover home audio" role="menuitem"> Discover Home Audio </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/home-theater/wireless-speakers/music-frame-wicked-edition-hw-ls60ud-za/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:home audio:music frame wicked edition" role="menuitem"> Music Frame WICKED Edition <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-theater/music-frame/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:home audio:music frame" role="menuitem"> Music Frame </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/home-theater/all-home-theater/?series=Q-Series+Premium+Soundbars" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:home audio:q series premium soundbars" role="menuitem"> Q Series Premium Soundbars </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/home-theater/all-home-theater/?series=Ultra+Slim+Soundbars" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:home audio:ultra slim soundbars" role="menuitem"> Ultra Slim Soundbars </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/home-theater/all-home-theater/?series=Soundbars+with+Subwoofer" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:home audio:soundbars with subwoofer" role="menuitem"> Soundbars with Subwoofer </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/home-theater/all-home-theater/?series=All-in-One+Soundbars" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:home audio:all-in-one soundbars" role="menuitem"> All-in-One Soundbars </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/home-theater/sound-tower/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:home audio:sound tower party audio" role="menuitem"> Sound Tower Party Audio </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/home-theater/soundbars/soundbars-quiz/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:home audio:find the right soundbar" role="menuitem"> Find the right Soundbar </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/harman-kardon/jbl-harman-kardon/all-jbl-harman-kardon/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:home audio:jbl audio" role="menuitem"> JBL Audio <span class="badge-icon badge-icon--label badge-icon--bg-color-red">HOT</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/home-theater/all-home-theater/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:home audio:shop all home audio" role="menuitem"> Shop All Home Audio </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv & audio:additional resources" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:additional resources"> Additional Resources <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/supersize-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:additional resources:big screen supersize tv" role="menuitem"> Big Screen Supersize TV </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/tv-buying-guide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:additional resources:tv buying guide" role="menuitem"> TV Buying Guide </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/lifestyle-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:additional resources:lifestyle tvs" role="menuitem"> Lifestyle TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/smart-tv/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:additional resources:why smart tvs" role="menuitem"> Why Smart TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/gaming-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:additional resources:tvs for gaming" role="menuitem"> TVs for Gaming </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv & audio:accessories" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:accessories"> Accessories <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?category_names=Televisions" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:accessories:tv accessories" role="menuitem"> TV Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/television-home-theater-accessories/audio-accessories/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:accessories:home audio accessories" role="menuitem"> Home Audio Accessories </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv & audio:tvs" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs"> TVs <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:discover tvs " role="menuitem"> Discover TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/all-tvs/?shop=Online+Exclusives" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:samsung exclusive-2" role="menuitem"> Samsung Exclusive <span class="badge-icon badge-icon--label badge-icon--bg-color-red">HOT</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/all-tvs/?offers=Bundles" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:tv & soundbar bundles" role="menuitem"> TV & Soundbar Bundles <span class="badge-icon badge-icon--label badge-icon--bg-color-red">HOT</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/neoqled-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:why neo qled" role="menuitem"> Why Neo QLED </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/oled-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:why oled" role="menuitem"> Why OLED </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/qled-tv/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:why qled 4k" role="menuitem"> Why QLED 4K </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/the-frame/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:why the frame" role="menuitem"> Why The Frame </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/the-terrace/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:the terrace" role="menuitem"> The Terrace </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/crystal-uhd-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:crystal 4k uhd" role="menuitem"> Crystal 4K UHD </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/tvs/all-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:tvs:shop all tvs" role="menuitem"> Shop All TVs </a> </li> </ul> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv & audio:micro led" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:micro led"> Micro LED <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/micro-led/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:micro led:discover micro led" role="menuitem"> Discover MICRO LED </a> </li> </ul> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv & audio:accessories" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:accessories"> Accessories <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?category_names=Televisions" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:accessories:tv accessories" role="menuitem"> TV Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/television-home-theater-accessories/audio-accessories/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv & audio:accessories:home audio accessories" role="menuitem"> Home Audio Accessories </a> </li> </ul> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances"> Appliances <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container left-side"> <p class="nv00-gnb__l1-menu-container-title">Appliances</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="appliances:offers & deals" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:offers & deals"> Offers & Deals <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/home-appliance-and-smart-home-sales/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:offers & deals:black friday deals" role="menuitem"> Black Friday Deals <span class="badge-icon badge-icon--label badge-icon--bg-color-red">HOT</span> </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="appliances:bespoke" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:bespoke"> Bespoke <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/bespoke/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:bespoke:bespoke-home" role="menuitem"> Bespoke Home </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/bespoke/design-studio/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:bespoke:bespoke design studio" role="menuitem"> Bespoke Design Studio </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/bespoke/kitchen/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:bespoke:bespoke kitchen" role="menuitem"> Bespoke Kitchen </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/bespoke/refrigerators/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:bespoke:bespoke refrigerators" role="menuitem"> Bespoke Refrigerators </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/bespoke/laundry/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:bespoke:bespoke ai laundry" role="menuitem"> Bespoke AI Laundry </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/vacuums/all-vacuums/?key_features=BESPOKE" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:bespoke:bespoke vacuums" role="menuitem"> Bespoke Vacuums </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="appliances:kitchen" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen"> Kitchen <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/refrigerators/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen:refrigerators" role="menuitem"> Refrigerators </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/ranges/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen:ranges" role="menuitem"> Ranges </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/dishwashers/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen:dishwashers" role="menuitem"> Dishwashers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/microwaves/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen:microwaves" role="menuitem"> Microwaves </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/wall-ovens/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen:wall ovens" role="menuitem"> Wall Ovens </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/cooktops/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen:cooktops" role="menuitem"> Cooktops </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/range-hoods/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen:range hoods" role="menuitem"> Range Hoods </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/built-in/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:kitchen:built-in appliances" role="menuitem"> Built-in Appliances </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="appliances:laundry" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:laundry"> Laundry <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/laundry/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:laundry:discover-laundry" role="menuitem"> Discover Laundry </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/washers/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:laundry:washers" role="menuitem"> Washers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/dryers/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:laundry:dryers " role="menuitem"> Dryers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/washers/all-washers/?shop=Washer+%26+Dryer+Sets" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:laundry:washer & dryer sets" role="menuitem"> Washer & Dryer Sets </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/washers/all-in-one-washer-dryer-combo/bespoke-5-3-cu-ft-all-in-one-ai-laundry-combo-ultra-capacity-washer-with-super-speed-and-ventless-heat-pump-dryer-in-dark-steel-wd53dba900hza1/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:laundry:washer dryer combo" role="menuitem"> Washer Dryer Combo </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="appliances:vacuums" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:vacuums"> Vacuums <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/vacuums/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:vacuums:discover-vacuums" role="menuitem"> Discover Vacuums </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/vacuums/all-vacuums/?type=Jet+Stick" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:vacuums:jet stick vacuums" role="menuitem"> Jet Stick Vacuums </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/vacuums/jet-bot-robot/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:vacuums:robot vacuums" role="menuitem"> Robot Vacuums </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/vacuums/all-vacuums/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:vacuums:shop-all-vacuums" role="menuitem"> Shop all Vacuums </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="appliances:cooling & heating" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:cooling & heating"> Cooling & Heating <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.samsunghvac.com/single-room-system?utm_source=Samsung.com&utm_medium=parent_co_website&utm_campaign=b2c&utm_term=singleRoomAC" aria-label="Single-room System: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:cooling & heating:single-room system" role="menuitem" target="_blank"> Single-room System <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.samsunghvac.com/whole-home-system?utm_source=Samsung.com&utm_medium=parent_co_website&utm_campaign=b2c&utm_term=wholeHomeAC" aria-label="Whole Home System: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:cooling & heating:whole home system" role="menuitem" target="_blank"> Whole Home System <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.samsunghvac.com/commercial-solutions?utm_source=Samsung.com&utm_medium=parent_co_website&utm_campaign=b2b&utm_term=CommercialSolutions" aria-label="Commercial Solutions: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:cooling & heating:commercial solutions" role="menuitem" target="_blank"> Commercial Solutions <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="appliances:accessories" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:accessories"> Accessories <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?key_features=Bespoke+Panels" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:accessories:bespoke refrigerator panels" role="menuitem"> Bespoke Refrigerator Panels </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?offers=Subscribe+%26+Save" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:accessories:refrigerator water filters" role="menuitem"> Refrigerator Water Filters </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names=Washers+%26+Dryers" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:accessories:laundry accessories" role="menuitem"> Laundry Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names=Range+Accessories" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:accessories:range accessories" role="menuitem"> Range Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names=Vacuums" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:accessories:vacuum accessories" role="menuitem"> Vacuum Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:accessories:all appliance accessories" role="menuitem"> All Appliance Accessories </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="appliances:dacor: luxury appliances" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:dacor: luxury appliances"> Dacor: Luxury Appliances <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.dacor.com/us/home/" aria-label="Discover Exclusive Collection: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:dacor: luxury appliances:discover exclusive collection" role="menuitem" target="_blank"> Discover Exclusive Collection <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="appliances:discover home appliances" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover home appliances"> Discover Home Appliances <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover home appliances:discover home appliances" role="menuitem"> Discover Home Appliances </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/buying-guide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover home appliances:home appliance buying guides" role="menuitem"> Home Appliance Buying Guides </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/inflation-reduction-act/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover home appliances:ira rebate programs" role="menuitem"> IRA Rebate Programs <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/family-hub-refrigerator/overview/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover home appliances:family hub" role="menuitem"> Family Hub™ </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/smartthings/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover home appliances:smartthings in the home" role="menuitem"> SmartThings in the Home </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/sustainable-products/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover home appliances:energy efficient appliances" role="menuitem"> Energy Efficient Appliances </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/samsung-food/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover home appliances:samsung food" role="menuitem"> Samsung Food </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/rebate-center/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover home appliances:home appliances rebates" role="menuitem"> Home Appliances Rebates </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/build-your-bundle/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover home appliances:build your bundles" role="menuitem"> Build Your Bundle </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="appliances:bespoke" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:bespoke"> Bespoke <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/bespoke/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:bespoke:bespoke-home" role="menuitem"> Bespoke Home </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/bespoke/design-studio/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:bespoke:bespoke design studio" role="menuitem"> Bespoke Design Studio </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/bespoke/kitchen/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:bespoke:bespoke kitchen" role="menuitem"> Bespoke Kitchen </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/bespoke/refrigerators/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:bespoke:bespoke refrigerators" role="menuitem"> Bespoke Refrigerators </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/bespoke/laundry/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:bespoke:bespoke ai laundry" role="menuitem"> Bespoke AI Laundry </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/vacuums/all-vacuums/?key_features=BESPOKE" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:bespoke:bespoke vacuums" role="menuitem"> Bespoke Vacuums </a> </li> </ul> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="appliances:cooling & heating" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:cooling & heating"> Cooling & Heating <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.samsunghvac.com/single-room-system?utm_source=Samsung.com&utm_medium=parent_co_website&utm_campaign=b2c&utm_term=singleRoomAC" aria-label="Single-room System: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:cooling & heating:single-room system" role="menuitem" target="_blank"> Single-room System <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.samsunghvac.com/whole-home-system?utm_source=Samsung.com&utm_medium=parent_co_website&utm_campaign=b2c&utm_term=wholeHomeAC" aria-label="Whole Home System: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:cooling & heating:whole home system" role="menuitem" target="_blank"> Whole Home System <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.samsunghvac.com/commercial-solutions?utm_source=Samsung.com&utm_medium=parent_co_website&utm_campaign=b2b&utm_term=CommercialSolutions" aria-label="Commercial Solutions: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:cooling & heating:commercial solutions" role="menuitem" target="_blank"> Commercial Solutions <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="appliances:dacor: luxury appliances" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:dacor: luxury appliances"> Dacor: Luxury Appliances <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.dacor.com/us/home/" aria-label="Discover Exclusive Collection: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:dacor: luxury appliances:discover exclusive collection" role="menuitem" target="_blank"> Discover Exclusive Collection <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing"> Computing <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container left-side"> <p class="nv00-gnb__l1-menu-container-title">Computing</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="computing:black friday deals" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:black friday deals"> Black Friday Deals <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/tablets-laptops-computers-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:black friday deals:tablets & computing" role="menuitem"> Tablets & Computing <span class="badge-icon badge-icon--label badge-icon--bg-color-red">HOT</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/shop/all-deals/memory-monitor-storage-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:black friday deals:monitor & memory" role="menuitem"> Monitor & Memory <span class="badge-icon badge-icon--label badge-icon--bg-color-red">HOT</span> </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="computing:galaxy books" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books"> Galaxy Books & Laptops <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/galaxybooks/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:discover galaxy books" role="menuitem"> Discover Galaxy Books </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book5-pro-360/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book5 pro 360" role="menuitem"> Galaxy Book5 Pro 360 <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book4-edge/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book4 edge 14 | 16" role="menuitem"> Galaxy Book4 Edge 14 | 16 </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book4-edge-15-6-inch/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book4 edge 15" role="menuitem"> Galaxy Book4 Edge 15 </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book4-ultra/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book4 ultra" role="menuitem"> Galaxy Book4 Ultra </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book4-pro-360/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book4 pro 360" role="menuitem"> Galaxy Book4 Pro 360 </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book4-pro/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book4 pro" role="menuitem"> Galaxy Book4 Pro </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book4-360/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book4 360" role="menuitem"> Galaxy Book4 360 </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book4/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book4" role="menuitem"> Galaxy Book4 </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/chromebooks/chromebook-plus/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy chromebook plus" role="menuitem"> Galaxy Chromebook Plus <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-book-copilot-plus-pcs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:copilot+ pcs" role="menuitem"> Copilot+ PCs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.samsung.com/global/galaxybooks-downloadcenter/?siteCode=us" aria-label="Galaxy Books Download Center: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy books download center" role="menuitem" target="_blank"> Galaxy Books Download Center <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="computing:galaxy book by size" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy book by size"> Galaxy Book By Size <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/all-galaxy-books/?screen_size=15.0%22+-+16.0%22/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy book by size:15.0”-16.0”" role="menuitem"> 15.0”-16.0” </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/all-galaxy-books/?screen_size=13.0%22+-+14.9%22/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy book by size:13.0”-14.9”" role="menuitem"> 13.0”-14.9” </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/all-galaxy-books/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy book by size:all galaxy book by size" role="menuitem"> All Galaxy Book by Size </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="computing:tablets" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:tablets"> Tablets <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tablets/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:tablets:discover tablets" role="menuitem"> Discover Tablets </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tablets/galaxy-tab-s10/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:tablets:galaxy tab s10 ultra | s10+" role="menuitem"> Galaxy Tab S10 Ultra | S10+ <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tablets/galaxy-tab-s9/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:tablets:galaxy tab s9 ultra i s9+ i s9 " role="menuitem"> Galaxy Tab S9 Ultra I S9+ I S9 </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tablets/galaxy-tab-s9-fe/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:tablets:galaxy tab s9 fe+ | s9 fe" role="menuitem"> Galaxy Tab S9 FE+ | S9 FE </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tablets/galaxy-tab-a9-plus/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:tablets:galaxy tab a9+" role="menuitem"> Galaxy Tab A9+ </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tablets/galaxy-tab-a9-plus/kids-edition/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:tablets:galaxy tab a9+ kids edition" role="menuitem"> Galaxy Tab A9+ Kids Edition </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/mobile/tablets/all-tablets/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:tablets:shop all tablets" role="menuitem"> Shop all Tablets </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="computing:monitors" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:monitors"> Monitors <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/monitors/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:monitors:discover monitors" role="menuitem"> Discover Monitors </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/monitors/odyssey/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:monitors:discover odyssey gaming" role="menuitem"> Discover Odyssey Gaming </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/monitors/oled-monitor/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:monitors:oled gaming monitor" role="menuitem"> OLED Gaming Monitor </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/monitors/gaming/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:monitors:gaming monitors" role="menuitem"> Gaming Monitors </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/monitors/smart-monitors/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:monitors:smart monitor" role="menuitem"> Smart Monitor </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/monitors/uhd-and-wqhd/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:monitors:high resolution" role="menuitem"> High Resolution </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/computing/monitors/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:monitors:business monitors" role="menuitem"> Business Monitors </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/monitors/all-monitors/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:monitors:shop all monitors" role="menuitem"> Shop all Monitors </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="computing:memory & storage" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory & storage"> Memory & Storage <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/memory-storage/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory & storage:discover memory & storage" role="menuitem"> Discover Memory & Storage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/memory-storage/solid-state-drives/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory & storage:internal ssds" role="menuitem"> Internal SSDs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/memory-storage/portable-solid-state-drives/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory & storage:portable ssds" role="menuitem"> Portable SSDs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/memory-storage/memory-cards/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory & storage:memory cards" role="menuitem"> Memory Cards </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/memory-storage/usb-flash-drives/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory & storage:usb flash drives" role="menuitem"> USB Flash Drives </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/memory-storage/solid-state-drives/gaming-ssd/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory & storage:discover gaming ssds" role="menuitem"> Discover Gaming SSDs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/memory-storage/magician-software/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory & storage:ssd-magicia-software" role="menuitem"> SSD Magician Software </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/memory-storage/all-memory-storage/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory & storage:shop all memory & storage" role="menuitem"> Shop all Memory & Storage </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="computing:galaxy books" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books"> Galaxy Books & Laptops <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/galaxybooks/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:discover galaxy books" role="menuitem"> Discover Galaxy Books </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book5-pro-360/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book5 pro 360" role="menuitem"> Galaxy Book5 Pro 360 <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book4-edge/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book4 edge 14 | 16" role="menuitem"> Galaxy Book4 Edge 14 | 16 </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book4-edge-15-6-inch/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book4 edge 15" role="menuitem"> Galaxy Book4 Edge 15 </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book4-ultra/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book4 ultra" role="menuitem"> Galaxy Book4 Ultra </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book4-pro-360/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book4 pro 360" role="menuitem"> Galaxy Book4 Pro 360 </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book4-pro/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book4 pro" role="menuitem"> Galaxy Book4 Pro </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book4-360/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book4 360" role="menuitem"> Galaxy Book4 360 </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-books/galaxy-book4/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy book4" role="menuitem"> Galaxy Book4 </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/chromebooks/chromebook-plus/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy chromebook plus" role="menuitem"> Galaxy Chromebook Plus <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/galaxy-book-copilot-plus-pcs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:copilot+ pcs" role="menuitem"> Copilot+ PCs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.samsung.com/global/galaxybooks-downloadcenter/?siteCode=us" aria-label="Galaxy Books Download Center: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:galaxy books:galaxy books download center" role="menuitem" target="_blank"> Galaxy Books Download Center <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays"> Displays <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container left-side"> <p class="nv00-gnb__l1-menu-container-title">Displays</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="displays:monitors" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:monitors"> Monitors <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/monitors/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:monitors:discover monitors" role="menuitem"> Discover Monitors </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/monitors/odyssey/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:monitors:discover odyssey gaming" role="menuitem"> Discover Odyssey Gaming </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/monitors/oled-monitor/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:monitors:oled-gaming-monitor" role="menuitem"> OLED Gaming Monitor </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/monitors/gaming/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:monitors:gaming monitors" role="menuitem"> Gaming Monitors </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/monitors/smart-monitors/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:monitors:smart monitor" role="menuitem"> Smart Monitor </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/monitors/uhd-and-wqhd/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:monitors:high resolution" role="menuitem"> High Resolution </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/computing/monitors/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:monitors:business monitors" role="menuitem"> Business Monitors </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/monitors/all-monitors/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:monitors:shop all monitors" role="menuitem"> Shop all Monitors </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="displays:consumer-displays" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:consumer-displays"> Consumer Displays <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/displays/interactive/wm-series/samsung-interactive-pro-75-lh75wmbwlgcxza/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:consumer-displays:interactive-displays" role="menuitem"> Interactive Displays </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/displays/direct-view-led/ia-series/the-wall-all-in-one-146-p84-lh008iabmus-go/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:consumer-displays:the-wall-in-one" role="menuitem"> The Wall All-In-One </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/commercial-tvs/be-series/55-bed-h-series-4k-business-pro-tv-lh55bedhlgfxgo/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:consumer-displays:pro tv" role="menuitem"> Pro TV </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/displays/pro-tv/bh-series/65-bht-series-qled-4k-uhd-hdr-pro-tv-terrace-edition-lh65bhtelgfxgo/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:consumer-displays:pro tv terrace edition" role="menuitem"> Pro TV Terrace Edition </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="displays:business products" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:business products"> Business Products <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/smart-signage/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:business products:smart signage" role="menuitem"> Smart Signage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/led-signage/indoor/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:business products:indoor led signage" role="menuitem"> Indoor LED Signage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/led-signage/outdoor/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:business products:outdoor led signage" role="menuitem"> Outdoor LED Signage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/commercial-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:business products:commercial tvs" role="menuitem"> Commercial TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/accessories/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:business products:digital signage accessories" role="menuitem"> Digital Signage Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/display-solutions/samsung-vxt/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:business products:vxt - content & remote management" role="menuitem"> VXT - Content & Remote Management </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="displays:industry solutions" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:industry solutions"> Industry Solutions <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/solutions/industries/education/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:industry solutions:education signage" role="menuitem"> Education Signage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/solutions/industries/live-events-sports/displays/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:industry solutions:live events and sports" role="menuitem"> Live Events and Sports Signage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/solutions/industries/corporate/displays/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:industry solutions:corporate signage" role="menuitem"> Corporate Signage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/solutions/industries/retail/displays/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:industry solutions:retail signage" role="menuitem"> Retail Signage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/solutions/industries/quick-service-restaurant/displays/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:industry solutions:quick-service restaurant signage" role="menuitem"> Quick-Service Restaurant Signage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/solutions/industries/hospitality/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:industry solutions:hospitality signage" role="menuitem"> Hospitality Signage </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="displays:software and services" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:software and services"> Software & Services<br /> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/custominstall/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:software and services:custom a/v home installations" role="menuitem"> Custom A/V Home Installations </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/solutions/industries/hospitality/samsung-lynk--reach/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:software and services:hotel device & content management" role="menuitem"> Hotel Device & Content Management </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/solutions/digital-signage-solutions/magicinfo/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:software and services:magicinfo - signage content management" role="menuitem"> MagicINFO - Signage Content Management </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/solutions/digital-signage-solutions/vxt-cms/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:software and services:vxt - content & remote management" role="menuitem"> VXT - Content & Remote Management </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories"> Accessories <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container left-side"> <p class="nv00-gnb__l1-menu-container-title">Accessories</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="accessories:all accessories" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:all accessories"> All Accessories <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/accessories/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:all accessories:shop all accessories" role="menuitem"> Shop All Accessories </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="accessories:mobile accessories " an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:mobile accessories "> Mobile Accessories <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/mobile/mobile-accessories/all-mobile-accessories/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:mobile accessories :all-accessories" role="menuitem"> All Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/mobile/mobile-accessories/phones/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:mobile accessories :phone accessories " role="menuitem"> Phone Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/mobile/mobile-accessories/tablets/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:mobile accessories :tablet accessories " role="menuitem"> Tablet Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/mobile/mobile-accessories/smartwatches/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:mobile accessories :wearable accessories " role="menuitem"> Wearable Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/mobile/mobile-accessories/all-mobile-accessories/?category_names=Buds" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:mobile accessories :buds accessories " role="menuitem"> Buds Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/mobile/mobile-accessories/all-mobile-accessories/?accessories_type=SmartThings" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:mobile accessories :smartthings-accessories" role="menuitem"> SmartThings Accessories </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="accessories:tv & audio accessories" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:tv & audio accessories"> TV & Audio Accessories <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?category_names=Televisions" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:tv & audio accessories:all tv accessories " role="menuitem"> All TV Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?accessory_type=Stand" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:tv & audio accessories:tv stands" role="menuitem"> TV Stands </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?accessory_type=Wall+Mounts" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:tv & audio accessories:tv wall mounts " role="menuitem"> TV Wall Mounts </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?accessory_type=Customizable+Frame+Bezels" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:tv & audio accessories:tv bezels " role="menuitem"> TV Bezels </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/harman-kardon/jbl-harman-kardon/all-jbl-harman-kardon/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:tv & audio accessories:jbl-audio" role="menuitem"> JBL Audio <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/televisions-home-theater/television-home-theater-accessories/audio-accessories/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:tv & audio accessories:all home audio accessories " role="menuitem"> All Home Audio Accessories </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="accessories:appliance accessories " an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:appliance accessories "> Appliance Accessories <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?key_features=Bespoke+Panels" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:appliance accessories :bespoke refrigerator panels" role="menuitem"> Bespoke Refrigerator Panels </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?offers=Subscribe+%26+Save" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:appliance accessories :refrigerator water filters " role="menuitem"> Refrigerator Water Filters </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names=Washers+%26+Dryers" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:appliance accessories :laundry accessories " role="menuitem"> Laundry Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names=Range+Accessories" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:appliance accessories :range accessories" role="menuitem"> Range Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names=Vacuums" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:appliance accessories :vacuum accessories " role="menuitem"> Vacuum Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:appliance accessories :all accessories" role="menuitem"> All Accessories </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="accessories:computing accessories " an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:computing accessories "> Computing Accessories <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/computing/computing-accessories/all-computing-accessories/?category_names=Computers" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories:computing accessories :shop all accessories " role="menuitem"> Shop All Accessories </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> </div> </div> </li> </ul> <ul class="nv00-gnb__l0-menu-list right-menu" role="menubar"> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore"> Explore <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container right-side"> <p class="nv00-gnb__l1-menu-container-title">Explore</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="explore:collections" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:collections"> Collections <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/game-portal/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:collections:gaming portal" role="menuitem"> Gaming Portal </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/collections/work-from-home/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:collections:work from home" role="menuitem"> Work From Home </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/customized-products/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:collections:customized products" role="menuitem"> Customized Products </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="explore:buying guides" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:buying guides"> Buying Guides <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/mobile/buying-guide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:buying guides:mobile buying guide" role="menuitem"> Mobile Buying Guide </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/tv-buying-guide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:buying guides:tv buying guide" role="menuitem"> TV Buying Guide </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/buying-guide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:buying guides:home appliance buying guides" role="menuitem"> Home Appliance Buying Guides </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="explore:sustainability" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:sustainability"> Sustainability <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/sustainability/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:sustainability:sustainability at samsung " role="menuitem"> Sustainability at Samsung </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/sustainability/sustainable-materials/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:sustainability:sustainable-materials" role="menuitem"> Sustainable Materials </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/sustainability/renewable-energy/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:sustainability:renewable-energy" role="menuitem"> Renewable Energy </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/sustainability/energy-efficient/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:sustainability:energy-efficiency" role="menuitem"> Energy Efficiency </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/sustainability/responsible-recycling/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:sustainability:responsible-recycling" role="menuitem"> Responsible Recycling </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/smartphones/certified-re-newed-phones/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:sustainability:certified re-newed products" role="menuitem"> Certified Re-Newed Products </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/rebate-center/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:sustainability:find energy efficiency rebates" role="menuitem"> Find Energy Efficiency Rebates </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/aboutsamsung/sustainability/environment/responsible-recycling/programs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:sustainability:how-to-recycle" role="menuitem"> How to Recycle </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/inflation-reduction-act/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:sustainability:ira rebate programs" role="menuitem"> IRA Rebate Programs </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="explore:explore stories" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:explore stories"> Explore Stories <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:explore stories:explore stories" role="menuitem"> Explore Stories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/how-to/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:explore stories:how-to" role="menuitem"> How To </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/sustainability/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:explore stories:sustainability" role="menuitem"> Sustainability </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/photography/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:explore stories:photography" role="menuitem"> Photography </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/life-hacks/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:explore stories:life hacks" role="menuitem"> Life Hacks </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/brand/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:explore stories:brand" role="menuitem"> Brand </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/entertainment/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:explore stories:entertainment" role="menuitem"> Entertainment </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/tag.explore&tag&Gaming/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:explore stories:gaming" role="menuitem"> Gaming </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/food-home/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:explore stories:food & home" role="menuitem"> Food & Home </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/wellbeing/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:explore stories:wellbeing" role="menuitem"> Wellbeing </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="explore:samsung experiences" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung experiences"> Samsung Experiences <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/837/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung experiences:samsung 837 flagship store" role="menuitem"> Samsung 837 Flagship Store </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.samsung.com/us/samsung-experience-store/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung experiences:samsung experience stores" role="menuitem"> Samsung Experience Stores </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/brand/galaxy-creator-collective/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung experiences:galaxy creator collective" role="menuitem"> Galaxy Creator Collective </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/brand/galaxy-collaborations/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung experiences:galaxy collaborations" role="menuitem"> Galaxy Collaborations </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/brand/meet-your-team-galaxy/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung experiences:meet team galaxy" role="menuitem"> Meet Team Galaxy </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="explore:samsung live" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung live"> Samsung Live <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/live/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung live:samsung live shopping" role="menuitem"> Samsung Live Shopping </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="explore:samsung care" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung care"> Samsung Care <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/care/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung care:explore stories" role="menuitem"> Explore Stories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/brand/prolong-your-tech-and-our-planet-with-repair/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung care:keep your tech running" role="menuitem"> Keep Your Tech Running </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/care/ai-puts-you-in-the-repair-driver-seat/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung care:ai home care" role="menuitem"> AI Home Care </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/brand/beyond-just-repair-its-anywhere-care/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung care:anywhere care" role="menuitem"> Anywhere Care </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="explore:samsung memberships" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung memberships"> Samsung Memberships <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/rewards/vip-advantage/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung memberships:vip advantage" role="menuitem"> VIP Advantage </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="explore:buying guides" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:buying guides"> Buying Guides <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/explore/mobile/buying-guide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:buying guides:mobile buying guide" role="menuitem"> Mobile Buying Guide </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/tvs/tv-buying-guide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:buying guides:tv buying guide" role="menuitem"> TV Buying Guide </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/home-appliances/buying-guide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:buying guides:home appliance buying guides" role="menuitem"> Home Appliance Buying Guides </a> </li> </ul> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="explore:samsung live" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung live"> Samsung Live <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/live/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung live:samsung live shopping" role="menuitem"> Samsung Live Shopping </a> </li> </ul> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="explore:samsung memberships" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung memberships"> Samsung Memberships <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/rewards/vip-advantage/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore:samsung memberships:vip advantage" role="menuitem"> VIP Advantage </a> </li> </ul> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support"> Support <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container right-side"> <p class="nv00-gnb__l1-menu-container-title">Support</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="support:product support" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product support"> Product Support <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product support:support home" role="menuitem"> Support Home </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/register-product/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product support:register a product" role="menuitem"> Register a Product </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/downloads/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product support:manuals & software" role="menuitem"> Manuals & Software </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/simulators/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product support:interactive simulators" role="menuitem"> Interactive Simulators </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/warranty/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product support:warranty information" role="menuitem"> Warranty Information </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.youtube.com/samsungcare/" aria-label="Video Tutorial: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product support:video tutorial" role="menuitem" target="_blank"> Video Tutorial <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://us.community.samsung.com/t5/Samsung-Community/ct-p/us" aria-label="Community: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product support:community" role="menuitem" target="_blank"> Community <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="support:order support" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:order support"> Order Support <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/web/search-orders/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:order support:track your orders" role="menuitem"> Track Your Orders </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/order-help/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:order support:order help" role="menuitem"> Order Help </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="support:repair services" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repair services"> Repair Services <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/samsung-care/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repair services:samsung care" role="menuitem"> Samsung Care </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/service/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repair services:request a repair" role="menuitem"> Request a Repair </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/service/locations/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repair services:find a service center" role="menuitem"> Find a Service Center </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/service/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repair services:check repair status" role="menuitem"> Check Repair Status </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/self-repair/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repair services:self-repair program" role="menuitem"> Self-Repair Program </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/find-mobile-care/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repair services:find mobile care" role="menuitem"> Find Mobile Care </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/find-tv-and-appliance-care/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repair services:find-tv-aapliances-care" role="menuitem"> Find TV and Appliance Care </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/eco-conscious-service/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repair services:eco-conscious service" role="menuitem"> Eco-Conscious Service </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="support:additional protection" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:additional protection"> Additional Protection <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/samsung-care-plus/home-appliances-and-electronics/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:additional protection:samsung care+" role="menuitem"> Samsung Care+ </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/samsung-care-plus/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:additional protection:samsung care+ mobile" role="menuitem"> Samsung Care+ Mobile </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="support:contact" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:contact"> Contact <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/contact/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:contact:product help" role="menuitem"> Product Help </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/order-help/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:contact:order help" role="menuitem"> Order Help </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="support:additional services" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:additional services"> Additional Services <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/switch-to-galaxy/android/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:additional services:smart switch" role="menuitem"> Smart Switch </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/support/smartthings-setup/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:additional services:set-up-smart-things" role="menuitem"> Set up SmartThings </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business"> For Business <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container right-side"> <p class="nv00-gnb__l1-menu-container-title">For Business</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="for business:business-home" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business-home"> Business Home <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business-home:discover business" role="menuitem"> Discover Business </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/account/login/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business-home:business account" role="menuitem"> Business Account </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/all-deals/volume-pricing/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business-home:volume pricing" role="menuitem"> Volume Pricing </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/trade-in/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business-home:business trade-in" role="menuitem"> Business Trade-In </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/financing/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business-home:business financing" role="menuitem"> Business Financing </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/tax-exemption/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business-home:tax exemption" role="menuitem"> Tax Exemption </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/support/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business-home:product support" role="menuitem"> Product Support </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/frequently-asked-questions/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business-home:order support" role="menuitem"> Order Support </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/buy-direct/?phase=signup" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business-home:why buy direct" role="menuitem"> Why Buy Direct </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="for business:business offers" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business offers"> Business Offers <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/all-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business offers:discover business offers" role="menuitem"> Discover Business Offers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/all-deals/cell-phone-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business offers:smartphones" role="menuitem"> Smartphones </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/all-deals/rugged-smartphones-and-tablets/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business offers:rugged devices" role="menuitem"> Rugged Devices </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/all-deals/tablets-laptops-computers-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business offers:tablets & laptops" role="menuitem"> Tablets & Laptops </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/all-deals/displays-tvs-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business offers:display & tvs" role="menuitem"> Display & TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/all-deals/monitor-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business offers:monitors" role="menuitem"> Monitors </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/all-deals/appliance-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business offers:appliances" role="menuitem"> Appliances </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/all-deals/memory-storage-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business offers:memory & storage" role="menuitem"> Memory & Storage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/shop/all-deals/watches-audio-accessories-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business offers:watches & accessories" role="menuitem"> Watches & Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/display-solutions/samsung-vxt/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:business offers:vxt - content & remote management" role="menuitem"> VXT - Content & Remote Management </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="for business:galaxy for business" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:galaxy for business"> Galaxy for Business <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/mobile/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:galaxy for business:discover galaxy for business" role="menuitem"> Discover Galaxy for Business </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/mobile/phones/galaxy-s24/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:galaxy for business:galaxy s24 series" role="menuitem"> Galaxy S24 Series </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/mobile/tablets/galaxy-tab-s9/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:galaxy for business:galaxy tab s9 series " role="menuitem"> Galaxy Tab S9 Series </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/mobile/wearables/galaxy-watch6/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:galaxy for business:galaxy watch6 " role="menuitem"> Galaxy Watch6 </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/mobile/wearables/galaxy-watch6-classic/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:galaxy for business:galaxy watch 6 classic" role="menuitem"> Galaxy Watch 6 Classic </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/mobile/phones/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:galaxy for business:smartphones" role="menuitem"> Smartphones </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/mobile/rugged/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:galaxy for business:rugged devices" role="menuitem"> Rugged Devices </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/mobile/certified-re-newed/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:galaxy for business:certified re-newed" role="menuitem"> Certified Re-Newed </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/solutions/samsung-knox/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:galaxy for business:knox security" role="menuitem"> Knox Security </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/solutions/services/mobility-software/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:galaxy for business:knox software & services" role="menuitem"> Knox Software & Services </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/solutions/services/samsung-care-plus-for-business/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:galaxy for business:care+ for business" role="menuitem"> Care+ for Business </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="for business:computing" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:computing"> Computing <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/computing/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:computing:discover computing" role="menuitem"> Discover Computing </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/mobile/tablets/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:computing:tablets" role="menuitem"> Tablets </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/computing/galaxy-books/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:computing:galaxy book pc" role="menuitem"> Galaxy Book PC </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/computing/chromebooks/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:computing:chromebooks" role="menuitem"> Chromebooks </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/computing/monitors/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:computing:monitors" role="menuitem"> Monitors </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/computing/memory-storage/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:computing:memory & storage" role="menuitem"> Memory & Storage </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="for business:indoor-and-outdoor-displays" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:indoor-and-outdoor-displays"> Indoor & Outdoor Displays <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:indoor-and-outdoor-displays:discover indoor & outdoor displays" role="menuitem"> Discover Indoor & Outdoor Displays </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/commercial-tvs/be-series/55-bed-h-series-4k-business-pro-tv-lh55bedhlgfxgo/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:indoor-and-outdoor-displays:pro tv" role="menuitem"> Pro TV </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/4k-uhd/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:indoor-and-outdoor-displays:4k uhd signage" role="menuitem"> 4K UHD Signage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/qled/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:indoor-and-outdoor-displays:8k qled signage" role="menuitem"> 8K QLED Signage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/interactive/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:indoor-and-outdoor-displays:interactive & touch screen" role="menuitem"> Interactive & Touch Screen </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/direct-view-led/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:indoor-and-outdoor-displays:led video wall" role="menuitem"> LED Video Wall </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/lcd-videowalls/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:indoor-and-outdoor-displays:lcd video wall" role="menuitem"> LCD Video Wall </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/outdoor-and-window/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:indoor-and-outdoor-displays:outdoor & windows" role="menuitem"> Outdoor & Windows </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/displays/standalone/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:indoor-and-outdoor-displays:small & specialty signage" role="menuitem"> Small & Specialty Signage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/tvs/hospitality/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:indoor-and-outdoor-displays:hospitality tv" role="menuitem"> Hospitality TV </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/tvs/healthcare/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:indoor-and-outdoor-displays:healthcare tv" role="menuitem"> Healthcare TV </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="for business:appliances" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:appliances"> Appliances <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/home-appliances/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:appliances:discover appliances" role="menuitem"> Discover Appliances </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/us/business/builder/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:appliances:builder" role="menuitem"> Builder </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="for business:hvac" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:hvac"> HVAC <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.samsunghvac.com/?utm_source=Samsung.com&utm_medium=parent_co_website&utm_campaign=b2b&utm_term=discoverHVAC" aria-label="Discover HVAC: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:hvac:discover hvac" role="menuitem" target="_blank"> Discover HVAC <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.samsunghvac.com/locator?utm_source=Samsung.com&utm_medium=parent_co_website&utm_campaign=b2b&utm_term=findHVACDealer" aria-label="Dealer Locator: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:hvac:dealer locator" role="menuitem" target="_blank"> Dealer Locator <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="for business:hvac" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:hvac"> HVAC <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.samsunghvac.com/?utm_source=Samsung.com&utm_medium=parent_co_website&utm_campaign=b2b&utm_term=discoverHVAC" aria-label="Discover HVAC: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:hvac:discover hvac" role="menuitem" target="_blank"> Discover HVAC <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://www.samsunghvac.com/locator?utm_source=Samsung.com&utm_medium=parent_co_website&utm_campaign=b2b&utm_term=findHVACDealer" aria-label="Dealer Locator: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business:hvac:dealer locator" role="menuitem" target="_blank"> Dealer Locator <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> </div> </li> </ul> </div> <div class="nv00-gnb__utility-wrap"> <div class="nv00-gnb__utility search"> <button class="nv00-gnb__utility-btn gnb__search-btn-js" an-tr="nv00_gnb-flagship pdp-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="search" aria-haspopup="true" aria-expanded="false"> <span class="hidden">Search</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#search-bold" href="#search-bold"></use> </svg> </button> </div> <div class="nv00-gnb__utility cart"> <a href="/us/web/express/cart/" class="nv00-gnb__utility-btn js-gp-cart-btn" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="cart" role="button"> <span class="hidden">Cart</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#cart-bold" href="#cart-bold"></use> </svg> <span class="cart-in-number gnb-cart-count" aria-live="polite" style="display:none;"><span class="hidden">Number of Products : </span></span> </a> </div> <div class="nv00-gnb__utility before-login"> <a class="nv00-gnb__utility-btn mobile-only loginBtn" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="login" aria-label="Manage Account" href="javascript:;" role="button"> <span class="hidden">Sign in/Create Account</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#user-bold" href="#user-bold"></use> </svg> </a> <ul class="nv00-gnb__utility-user-menu-list" role="menu"> <li class="nv00-gnb__utility-user-menu desktop-only"> <a class="nv00-gnb__utility-user-menu-link loginBtn" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="sign in sign up" aria-label="sign in sign up" href="javascript:;" data-linkinfo="https://account.samsung.com/accounts/v1/samsung_com_us/signInGate" role="menuitem"> Sign in/Create Account </a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" href="/us/samsung-account-benefits/" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="why create an account?" aria-label="why create an account?" role="menuitem"> Why Create an Account? </a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" href="/us/web/search-orders/" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="track your orders" aria-label="track your orders" role="menuitem"> Track your orders </a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" href="/us/business/account/login/" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="business account" aria-label="business account" role="menuitem"> Business Account </a> </li> </ul> </div> <div class="nv00-gnb__utility after-login"> <a class="nv00-gnb__utility-btn mobile-only js-account" href="javascript:;" role="button" aria-label="Manage Account"> <span class="hidden">Manage Account</span> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#user-bold" href="#user-bold"></use> </svg> </span> </a> <ul class="nv00-gnb__utility-user-menu-list" role="menu"> <li class="nv00-gnb__utility-user-menu user desktop-only"> <a class="nv00-gnb__utility-user-menu-link js-user-name" href="https://account.samsung.com/membership/contents/profile/profile-gate" role="menuitem" aria-label="Manage Account"> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#user-bold" href="#user-bold"></use> </svg> </span> <p class="user-name"></p> <p class="hidden">Manage Account</p> </a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="my orders" target="_self" aria-label="my orders" href="/us/web/my-orders/" role="menuitem">My Orders</a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="my page and products" target="_self" aria-label="my page and products" href="/us/support/account/products/" role="menuitem">My Page & Products</a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la=" my referrals" target="_self" aria-label=" my referrals" href="/us/web/account/my-referrals/" role="menuitem"> My Referrals</a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="my-rewards" target="_self" aria-label="my-rewards" href="/us/web/account/my-rewards/" role="menuitem">My Rewards</a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="product registration" target="_self" aria-label="product registration" href="/us/support/register/" role="menuitem">Product Registration</a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="samsung account" target="_blank" aria-label="samsung account" href="https://v3.account.samsung.com/dashboard/" role="menuitem">Samsung Account</a> </li> <li class="nv00-gnb__utility-user-menu"> <a href="javascript:;" class="nv00-gnb__utility-user-menu-link logoutBtn" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="logout" aria-label="logout" role="menuitem">Log Out</a> </li> </ul> </div> <div class="nv00-gnb__utility hamburger"> <button class="nv00-gnb__utility-btn" an-tr="nv00_gnb-gnb-navigation2" an-ca="navigation" an-ac="gnb" an-la="gnb:open" aria-expanded="false" aria-haspopup="true"> <span class="hidden">Navigation</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#menu-bold" href="#menu-bold"></use> </svg> </button> </div> </div> <div class="nv00-gnb__inner-wrap-looping--end" tabindex="0"></div> </div> <div class="nv00-gnb__dim-wrap" aria-hidden="true"></div> <form id="signInForm" name="signInForm" method="get" action="https://account.samsung.com/accounts/v1/samsung_com_us/signInGate"> <input type="hidden" name="response_type" id="response_type" value=""/> <input type="hidden" name="client_id" value="kv5di1wr19"/> <input type="hidden" name="locale" id="locale" value=""/> <input type="hidden" name="countryCode" value="US"/> <input type="hidden" name="redirect_uri" id="redirect_uri" value="/aemapi/v6/data-login/afterLogin.us.json"/> <input type="hidden" name="state" id="signInState" value=""/> <input type="hidden" name="goBackURL" id="signInGoBackURL" value=""/> <input type="hidden" name="scope" id="scope" value=""/> </form>  <form id="signOutForm" name="signOutForm" method="get" action="https://account.samsung.com/accounts/v1/samsung_com_us/signOutGate"> <input type="hidden" name="client_id" value="kv5di1wr19"/> <input type="hidden" name="state" id="signOutState" value=""/> <input type="hidden" name="signOutURL" id="signOutURL" value="/aemapi/v6/data-login/afterLogout.us.json"/> </form>  <form id="joinForm" name="joinForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="SignupAP"/> <input type="hidden" name="serviceID" value="kv5di1wr19"/> <input type="hidden" name="serviceName" value="SAMSUNG"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="US"/> <input type="hidden" name="languageCode" value="en"/> <input type="hidden" name="registURL" id="joinRegistURL" value="/aemapi/v6/data-login/afterLogin.us.json"/> <input type="hidden" name="returnURL" id="joinReturnURL"/> <input type="hidden" name="goBackURL" id="joinGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> <input type="hidden" name="emailActivationURL" id="joinEmailActivationURL" value="/aemapi/v6/data-login/emailActivationURL.us.json"/> </form>  <form id="findAccountForm" name="findAccountForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="FindEmail"/> <input type="hidden" name="serviceID" value="kv5di1wr19"/> <input type="hidden" name="serviceName" value="SAMSUNG"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="US"/> <input type="hidden" name="languageCode" value="en"/> <input type="hidden" name="goBackURL" id="findGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> </form>  <form id="accountModifyForm" name="accountModifyForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="ModifyUserInfo"/> <input type="hidden" name="serviceID" value="kv5di1wr19"/> <input type="hidden" name="serviceName" value="SAMSUNG"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="US"/> <input type="hidden" name="languageCode" value="en"/> <input type="hidden" name="goBackURL" id="accountModifyGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> </form> <form id="textForm" name="textForm"> <input type="hidden" name="productCountText" id="productCountText" value="Number of Products"/> </form> <input type="hidden" name="domain" id="domain" value="www.samsung.com"/> <input type="hidden" name="useLogin" id="useLogin" value="Y"/> <input type="hidden" name="useStore" id="useStore" value="Y"/> <input type="hidden" name="storeDomain" id="storeDomain" value="https://www.samsung.com/us/api"/> <input type="hidden" name="hybrisApiJson" id="hybrisApiJson"/> <input type="hidden" name="addToCartPostYn" id="addToCartPostYn"/> <input type="hidden" name="useNewAddToCartApi" id="useNewAddToCartApi"/> <input type="hidden" name="loginLinkURL" id="loginLinkURL" value="https://account.samsung.com/accounts/v1/samsung_com_us/signInGate"/> <input type="hidden" name="logoutURL" id="logoutURL" value="https://account.samsung.com/accounts/v1/samsung_com_us/signOutGate"/> <input type="hidden" name="updateProfileURL" id="updateProfileURL"/> <input type="hidden" name="isLoginWithNoStore" id="isLoginWithNoStore"/> <input type="hidden" name="countryCode" id="countryCode" value="US"/> <input type="hidden" name="languageCode" id="languageCode" value="en"/> <input type="hidden" name="loginAccountServiceId" id="loginAccountServiceId" value="kv5di1wr19"/> <input type="hidden" name="emailActivationURL" id="emailActivationURL" value="/aemapi/v6/data-login/emailActivationURL.us.json"/> <input type="hidden" name="shopIntegrationFlag" id="shopIntegrationFlag" value="GPv2"/> <input type="hidden" name="tieredPriceUseYn" id="tieredPriceUseYn"/> <input type="hidden" name="mySamsungRewardsTierType" id="mySamsungRewardsTierType"/> <input type="hidden" name="newMyRewardCurrencyConv" id="newMyRewardCurrencyConv"/> <input type="hidden" name="countryIsoCode" id="countryIsoCode" value="USA"/> <input type="hidden" name="loginValidateYnForGPv2" id="loginValidateYnForGPv2" value=""/> <div class="nv00-gnb__layer-popup-wrap"> <div class="nv00-gnb__layer-popup-looping--start" tabindex="0"></div> <div class="layer-popup gnb-layer_popup-js" id="layerEmptyCart"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#info-regular" href="#info-regular"></use> </svg> <p class="layer-popup__desc information-text">Your cart is empty.</p> <div class="layer-popup__cta-wrap"> <button class="cta cta--contained cta--black gnb-js-layer-close" an-tr="nv00_gnb-flagship pdp-cart popup-other_interaction" an-ca="other interaction" an-ac="cart is empty:OK" an-la="cart is empty:OK" aria-label="Accessibility Text" onclick="window.sg.components.nv00Gnb.closeLayerPopup(this);"> OK </button> </div> <button class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="layer-popup gnb-layer_popup-js" id="layerInsufficientStock"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#info-regular" href="#info-regular"></use> </svg> <p class="layer-popup__desc information-text">Sorry, there is insufficient stock for your cart.</p> <div class="layer-popup__cta-wrap"> <button class="cta cta--contained cta--black gnb-js-layer-close" aria-label="Accessibility Text" onclick="window.sg.components.nv00Gnb.closeLayerPopup(this);"> OK </button> </div> <button class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="layer-popup gnb__remove-product gnb-layer_popup-js" id="layerRemoveProduct"> <p class="layer-popup__title">Remove a Product</p> <p class="layer-popup__desc">Without this product, applied coupon or promotion code cannot be redeemed.<br/>Are you sure to remove this product?</p> <div class="layer-popup__cta-wrap"> <button class="cta cta--outlined cta--black" aria-label="Accessibility Text"> Move to wish list </button> <button class="cta cta--contained cta--black" aria-label="Accessibility Text"> Delete </button> </div> <button class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="layer-popup gnb__popup-privacy gnb-layer_popup-js" id="layerPreference"> <p class="layer-popup__title">Check Preferences</p> <p class="layer-popup__desc">Help us to make recommendations for you by updating your product preferences.</p> <div class="layer-popup__cta-wrap"> <button id="preferenceCheckBtn" class="cta cta--outlined cta--black" aria-label="Accessibility Text">YES</button> <button id="privacyCloseBtn" class="cta cta--contained cta--black" aria-label="Accessibility Text" onclick="window.sg.components.nv00Gnb.closeLayerPopup(this);">LATER</button> </div> <button class="layer-popup__close" data-focus-id="shop-popover-close" data-tab-disable="true"> <span class="hidden">Close Check Preferences</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="nv00-gnb__layer-popup-looping--end" tabindex="0"></div> </div> </nav>  <input type="hidden" name="sc_gnb_searchURL" id="sc_gnb_searchURL" value="/us/search"/> <input type="hidden" name="sc_gnb_placeholder" id="sc_gnb_placeholder" value="Galaxy Z Fold6"/> <input type="hidden" name="sc_gnb_aiSearchUseYn" id="sc_gnb_aiSearchUseYn" value="N"/> <input type="hidden" name="eppFlag" id="eppFlag" value="N"/>  <section class="gnb-search" role="dialog" aria-modal="true" style="display: none;"> <div class="gnb-search__dimmed"></div> <div class="gnb-search__looping--start" tabindex="0"></div> <div class="gnb-search__contents"> <h2 class="text-title">What are you looking for?</h2> <div class="gnb-search__search-wrap"> <form action="javascript:;" class="gnb-search__form" role="search" autocomplete="off"> <fieldset> <legend>Search form</legend> <div class="gnb-search__input-wrap"> <button type="button" class="gnb-search__input-btn--close"> <span class="hidden">Close</span> <svg class="icon" focusable="false"> <use xlink:href="#backward-bold" href="#backward-bold"></use> </svg> </button> <label class="hidden" for="gnb-search-keyword">Search Keyword</label> <input type="text" name="search" class="gnb-search__input" id="gnb-search-keyword" maxlength="64" an-tr="search layer--search bar-submit" an-ca="search" an-ac="search layer" an-la="search bar:keyword submit:"/> <span class="gnb-search__placeholder">Galaxy Z Fold6</span>  <button type="button" class="gnb-search__input-btn--cancel" an-tr="search layer-flagship pdp-keyword delete-search" an-ca="search" an-ac="search layer" an-la="search bar:keyword delete"> <span class="hidden">Delete</span> <svg class="icon" focusable="false"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <button type="submit" class="gnb-search__input-btn--search" an-tr="search layer-flagship pdp-submit-search" an-ca="search" an-ac="search layer" an-la="search bar:keyword submit:keyword"> <span class="hidden">Search</span> <svg class="icon" focusable="false"> <use xlink:href="#search-bold" href="#search-bold"></use> </svg> </button> <button type="button" class="gnb-search__input-btn--scan-barcode"> <span class="hidden">Scan Barcode</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#barcode-regular" href="#barcode-regular"></use> </svg> </button> </div> </fieldset> </form> <div class="gnb-search__result-wrap gnb-search__result-wrap--hide" style="overflow: auto;"> <div class="gnb-search__no-suggestions gnb-search__no-suggestions--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">NO SUGGESTIONS</h3> </div> </div> <div class="gnb-search__related gnb-search__related--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">Suggested Searches</h3> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> <div class="gnb-search__popular-keyword gnb-search__popular-keyword--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">Popular Keyword</h3> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> <div class="gnb-search__history gnb-search__history--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">Search History</h3> <button class="gnb-search__btn--history-clear" an-tr="search layer-flagship pdp-clear all-search" an-ca="search" an-ac="search layer" an-la="search history:clear all"> Clear All </button> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> </div> </div>  <div class="gnb-search__chip-wrap" role="list"> <h3 class="hidden">recommended search</h3> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:Galaxy Z Fold6">Galaxy Z Fold6</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:Galaxy Z Flip6">Galaxy Z Flip6</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:Galaxy S24 Ultra">Galaxy S24 Ultra</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:Galaxy Z Flip5">Galaxy Z Flip5</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:The Frame">The Frame</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:BESPOKE Refrigerator">BESPOKE Refrigerator</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:Accessories">Accessories</a> </div> </div> <button class="gnb-search__btn--close" an-tr="search layer-flagship pdp-close-search" an-ca="search" an-ac="search layer" an-la="close"> <span class="hidden">Close</span> <svg class="icon" focusable="false"> <use xlink:href="#cancel-close-regular" href="#cancel-close-regular"></use> </svg> </button> </div> <div class="gnb-search__looping--end" tabindex="0"></div> </section>  <div id="content" role="main"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="pd-g-floating-nav aem-GridColumn aem-GridColumn--default--12"> <section class="floating-navigation floating-navigation--mobile-scroll floating-navigation--theme-black floating-navigation--width-1920 floating-navigation--bg-1920 floating-navigation--no-featured"> <div class="floating-navigation__wrap"> <div class="floating-navigation__inner"> <div class="floating-navigation__header"> <h2 class="floating-navigation__headline"> <strong class="floating-navigation__headline-text"> <em>Galaxy Buds3 Pro</em> <svg class="icon" focusable="false"><use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold"></use></svg> </strong> </h2> <div class="floating-navigation__utility"> <ul class="floating-navigation__utility-list"> <li class="floating-navigation__utility-item "> <a href="/us/mobile-audio/galaxy-buds3-pro/buy/" aria-label="From $189.99 before eligible trade-inᶿ or $7.92/mo for 24 months⊕" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy bud3 pro:galaxy-buds3-pro:stk-bar:page:from 249 99 before eligible trade in or 7 92 mo for 24 months">From $189.99 before eligible trade-inᶿ or $7.92/mo for 24 months⊕ </a> </li> </ul> <div class="floating-navigation__button-wrap"> <a class="floating-navigation__button" href="/us/mobile-audio/galaxy-buds3-pro/buy/" aria-label="BUY NOW" an-tr="nv04_floating navigation-flagship pdp-cta-button" an-ca="navigation" an-ac="secondary navi" an-la="galaxy bud3 pro:galaxy-buds3-pro:stk-bar:page:buy now"><span>BUY NOW</span> </a> </div> </div> </div> <div class="floating-navigation__menu-wrap"> <div class="floating-navigation__menu swiper-container"> <button class="floating-navigation__menu--previous"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </button> <ul class="floating-navigation__menu-list swiper-wrapper" role="menubar"> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/us/mobile-audio/galaxy-buds3-pro/#pro-audio" aria-label="AUDIO" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy bud3 pro:galaxy-buds3-pro:stk-bar:page:audio">AUDIO </a> </li> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/us/mobile-audio/galaxy-buds3-pro/#galaxy-ai" aria-label="GALAXY AI" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy bud3 pro:galaxy-buds3-pro:stk-bar:page:galaxy ai">GALAXY AI </a> </li> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/us/mobile-audio/galaxy-buds3-pro/#design" aria-label="DESIGN" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy bud3 pro:galaxy-buds3-pro:stk-bar:page:design">DESIGN </a> </li> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/us/mobile-audio/galaxy-buds3-pro/#compare" aria-label="COMPARE" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy bud3 pro:galaxy-buds3-pro:stk-bar:page:compare">COMPARE </a> </li> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/us/business/mobile/audio/headphones/galaxy-buds3-pro-silver-sm-r630nzaaxar/" aria-label="FOR BUSINESS" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy bud3 pro:galaxy-buds3-pro:stk-bar:page:for business">FOR BUSINESS </a> </li> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/us/mobile-audio/galaxy-buds3/" aria-label="GALAXY BUDS3" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy bud3 pro:galaxy-buds3-pro:stk-bar:page:galaxy buds3">GALAXY BUDS3 </a> </li> <li class="floating-navigation__menu-item floating-navigation__menu-utility swiper-slide" role="presentation"> <a href="/us/mobile-audio/galaxy-buds3-pro/buy/" aria-label="From $189.99 before eligible trade-inᶿ or $7.92/mo for 24 months⊕" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy bud3 pro:galaxy-buds3-pro:stk-bar:page:from 249 99 before eligible trade in or 7 92 mo for 24 months">From $189.99 before eligible trade-inᶿ or $7.92/mo for 24 months⊕ </a> </li> </ul> <button class="floating-navigation__menu--next"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> </div> </div> </div> </div> </section> </div> <div class="static-content aem-GridColumn aem-GridColumn--default--12">  <style> @charset "UTF-8"; html.is-no-scroll { overflow: hidden; } html:not(.mobile).is-no-scroll { padding-right: 17px; } html #wrap { position: static; min-width: auto; } .is-feature-hide { display: none !important; } sup.not-ihrn { display: none !important; } sup.is-ihrn { display: inline !important; } .f_header-type1 .not-ihrn { display: none; } .is-not-ihrn sup.not-ihrn { display: inline !important; } .is-not-ihrn sup.is-ihrn { display: none !important; } .is-not-ihrn .f_header-type1 .is-ihrn { display: none; } .is-not-ihrn .f_header-type1 .not-ihrn { display: block; } .blind { display: block; overflow: hidden; position: absolute !important; width: 1px; height: 1px; font-size: 1px; line-height: 1px; clip: rect(1px, 1px, 1px, 1px); } .is-scroll-lock { overflow: hidden; } button[class*=c_btn_close-], a[class*=c_btn_close-] { display: inline-block; font-size: 0; line-height: 0; -webkit-box-sizing: content-box; box-sizing: content-box; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; cursor: pointer; } button.c_btn_close-type1, a.c_btn_close-type1 { width: 69px; height: 69px; text-align: center; } div[class*=m_layer-] { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(27, 29, 55, 0); z-index: 2500; visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } div[class*=m_layer-] span.layer-title { position: absolute; left: -999em; } div[class*=m_layer-] .m_ly_inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } div[class*=m_layer-] .m_ly_header { position: absolute; left: 30px; top: 43px; opacity: 0; } div[class*=m_layer-] .m_ly_contents { position: absolute; left: 110px; right: 110px; top: 120px; bottom: 100px; opacity: 0; } div[class*=m_layer-] .c_btn_type2-next { position: absolute; top: 50%; margin-top: -89px; right: 0; } div[class*=m_layer-] .c_btn_type2-prev { position: absolute; top: 50%; margin-top: -89px; left: 0; } div[class*=m_layer-] .c_btn_close-type1 { position: absolute; right: 7px; top: 27px; opacity: 0; outline: 0; transform: rotate(-360deg) scale(0.5); -webkit-transform: rotate(-360deg) scale(0.5); -moz-transform: rotate(-360deg) scale(0.5); -o-transform: rotate(-360deg) scale(0.5); transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); } div[class*=m_layer-] .c_paging-type1 { position: absolute; left: 0; right: 0; bottom: 13px; opacity: 0; } div[class*=m_layer-] .m_paging_type1 { position: absolute; left: 0; right: 0; bottom: 13px; opacity: 0; } .load div[class*=m_layer-] { -webkit-transition: all 0.3s ease-in-out 0.3s, background 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s, background 0.3s ease-in-out 0.3s; } .load div[class*=m_layer-] .m_ly_contents { transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); } .load div[class*=m_layer-] .m_ly_header { transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); } .load div[class*=m_layer-].show { transition: background 0.3s ease-in-out, opacity 0.3s ease-out; -webkit-transition: background 0.3s ease-in-out, opacity 0.3s ease-out; -moz-transition: background 0.3s ease-in-out, opacity 0.3s ease-out; -o-transition: background 0.3s ease-in-out, opacity 0.3s ease-out; } .ie11 div[class*=m_layer-] .c_btn_close-type1 { -webkit-transform: none; transform: none; } div[class*=m_layer-].show { visibility: visible; background-color: rgba(0, 0, 0, 0.97); } div[class*=m_layer-].show .c_paging-type1 { opacity: 1; } div[class*=m_layer-].show .m_paging_type1 { opacity: 1; } div[class*=m_layer-].show .c_btn_close-type1 { opacity: 0.95; outline: invert none medium; transform: rotate(0) scale(1); -webkit-transform: rotate(0) scale(1); -moz-transform: rotate(0) scale(1); -o-transform: rotate(0) scale(1); } div[class*=m_layer-].show .c_btn_close-type1:focus { outline: 1px dotted #fff; } div[class*=m_layer-].show .m_ly_contents { opacity: 0.95; outline: invert none medium; transform: rotate(0) scale(1); -webkit-transform: rotate(0) scale(1); -moz-transform: rotate(0) scale(1); -o-transform: rotate(0) scale(1); } div[class*=m_layer-].show .m_ly_header { opacity: 0.95; outline: invert none medium; transform: rotate(0) scale(1); -webkit-transform: rotate(0) scale(1); -moz-transform: rotate(0) scale(1); -o-transform: rotate(0) scale(1); } .m_layer-youtube .m_ly_header { max-width: 75%; } .m_video_view { position: absolute; left: 50%; top: 50%; width: 1000px; height: 562px; margin-left: -500px; margin-top: -281px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; z-index: 101; } .m_video_view iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } div.m_layer-youtube[class*=m_layer-] { background-color: rgba(0, 0, 0, 0.88); display: block; } div.m_layer-youtube[class*=m_layer-] .modals_close-area { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } div.m_layer-youtube[class*=m_layer-] .m_video_view { position: relative; top: auto; left: auto; margin: 0; height: 59.5vh; max-height: 565px; padding-top: 0; } div.m_layer-youtube[class*=m_layer-] .c_btn_close_area { position: relative; bottom: 0; width: 45px; height: 45px; left: 50%; display: block; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 20px; } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1 { position: absolute; width: 45px; height: 45px; background-color: #fff !important; border-radius: 50%; -webkit-box-shadow: 0 0 10px -6px #000; box-shadow: 0 0 10px -6px #000; z-index: 2; -webkit-transform: none; transform: none; right: 0; top: 0; } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1:after { content: ""; display: block; overflow: hidden; width: 45px; height: 45px; background: url(https://www.samsung.com/global/galaxy/common/images/c_btn_close_2_bk.png) center center/35% no-repeat; cursor: pointer; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1:focus:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1:hover:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1.focus-visible:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } div.m_layer-youtube[class*=m_layer-].show .m_ly_contents { left: 50%; right: auto; top: 50%; bottom: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.5s; transition: opacity 0.5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .firefox div.m_layer-youtube .c_btn_close-type1.focus-visible { outline: 2px dashed #fff; } html.rtl div.m_layer-youtube[class*=m_layer-] .c_btn_close_area { left: auto; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } .rtl div[class*=m_layer-]._new .m_ly_gallery .zoom { left: auto; right: 0; } .rtl div[class*=m_layer-]._new .m_ly_header { left: auto; right: 50px; } .rtl div[class*=m_layer-]._new .c_btn_close-type1 { right: auto; left: 25px; } .rtl.s34 div[class*=m_layer-]._new .m_ly_thumnail { left: auto; right: 50%; margin-left: 0; margin-right: 394px; } .rtl.s3 div[class*=m_layer-]._new .m_ly_header { right: 50%; margin-left: 0; margin-right: -445px; } .rtl.s3 div[class*=m_layer-]._new .c_btn_close-type1 { left: 50%; margin-left: -445px; margin-right: 0; } .rtl.s3 div[class*=m_layer-]._new .m_ly_thumnail { margin-right: 292px; } @media screen and (max-width: 1023px) { .m_video_view { left: 0; width: 100%; height: 0; margin: 0; padding-top: 56.25%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } div.m_layer-youtube[class*=m_layer-].show .m_ly_contents { position: relative; } div.m_layer-youtube[class*=m_layer-] .m_video_view { -webkit-transform: none; transform: none; } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1 { margin-bottom: 30px; } } @media screen and (max-width: 767px) { div.m_layer-youtube[class*=m_layer-] .m_video_view { height: 28.9vh; max-height: 220px; min-height: 220px; } div.m_layer-youtube[class*=m_layer-] .c_btn_close_area { width: 25px; height: 25px; padding-top: 15px; } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1 { width: 25px; height: 25px; } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1:after { width: 25px; height: 25px; } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .wearable-buds :root { --swiper-theme-color: #007aff; --swiper-navigation-size: 44px; } .wearable-buds .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .wearable-buds .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .wearable-buds .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wearable-buds .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .wearable-buds .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .wearable-buds .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .wearable-buds .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s top; transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; } .wearable-buds .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .wearable-buds .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .wearable-buds .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .wearable-buds .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .wearable-buds .swiper-container-android .swiper-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .wearable-buds .swiper-container-multirow>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .wearable-buds .swiper-container-multirow-column>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wearable-buds .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .wearable-buds .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .wearable-buds .swiper-slide-invisible-blank { visibility: hidden; } .wearable-buds .swiper-container-autoheight { height: auto; } .wearable-buds .swiper-container-autoheight .swiper-slide { height: auto; } .wearable-buds .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .wearable-buds .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .wearable-buds .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .wearable-buds .swiper-container-3d .swiper-slide { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .wearable-buds .swiper-container-3d .swiper-slide-shadow-bottom { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .wearable-buds .swiper-container-3d .swiper-slide-shadow-left { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .wearable-buds .swiper-container-3d .swiper-slide-shadow-right { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .wearable-buds .swiper-container-3d .swiper-slide-shadow-top { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .wearable-buds .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .wearable-buds .swiper-container-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .wearable-buds .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none; } .wearable-buds .swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start; } .wearable-buds .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .wearable-buds .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .wearable-buds .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); right: 10px; left: auto; } .wearable-buds .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; content: "next"; } .wearable-buds .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); left: 10px; right: auto; } .wearable-buds .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; content: "prev"; } .wearable-buds .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .wearable-buds .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .wearable-buds .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .wearable-buds .swiper-container-rtl .swiper-button-next:after { content: "prev"; } .wearable-buds .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .wearable-buds .swiper-container-rtl .swiper-button-prev:after { content: "next"; } .wearable-buds .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .wearable-buds .swiper-button-next.swiper-button-white { --swiper-navigation-color: #fff; } .wearable-buds .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff; } .wearable-buds .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000; } .wearable-buds .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000; } .wearable-buds .swiper-button-lock { display: none; } .wearable-buds .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .wearable-buds .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .wearable-buds .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } .wearable-buds .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .wearable-buds .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .wearable-buds .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s left; transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; } .wearable-buds .swiper-container-horizontal>.swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .wearable-buds .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .wearable-buds .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .wearable-buds .swiper-pagination-custom { bottom: 10px; left: 0; width: 100%; } .wearable-buds .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .wearable-buds .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .wearable-buds .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .wearable-buds .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .wearable-buds .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .wearable-buds .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .wearable-buds .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .wearable-buds .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .wearable-buds .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .wearable-buds .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } .wearable-buds button.swiper-pagination-bullet { border: 0; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .wearable-buds .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .wearable-buds .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .wearable-buds .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s right; transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; } .wearable-buds .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .wearable-buds .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .wearable-buds .swiper-pagination-white { --swiper-pagination-color: #fff; } .wearable-buds .swiper-pagination-black { --swiper-pagination-color: #000; } .wearable-buds .swiper-pagination-lock { display: none; } .wearable-buds .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .wearable-buds .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .wearable-buds .swiper-scrollbar-cursor-drag { cursor: move; } .wearable-buds .swiper-scrollbar-lock { display: none; } .wearable-buds .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .wearable-buds .swiper-zoom-container>canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .wearable-buds .swiper-zoom-container>img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .wearable-buds .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .wearable-buds .swiper-slide-zoomed { cursor: move; } .wearable-buds .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .wearable-buds .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .wearable-buds .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } .wearable-buds .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .wearable-buds .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .wearable-buds .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .wearable-buds .swiper-container-fade .swiper-slide-active { pointer-events: auto; } .wearable-buds .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .wearable-buds .swiper-container-cube { overflow: visible; } .wearable-buds .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .wearable-buds .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .wearable-buds .swiper-container-cube .swiper-slide-active { pointer-events: auto; pointer-events: auto; visibility: visible; } .wearable-buds .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .wearable-buds .swiper-container-cube .swiper-slide-next { pointer-events: auto; visibility: visible; } .wearable-buds .swiper-container-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible; } .wearable-buds .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .wearable-buds .swiper-container-cube .swiper-slide-shadow-bottom { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-buds .swiper-container-cube .swiper-slide-shadow-left { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-buds .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-buds .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-buds .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .wearable-buds .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .wearable-buds .swiper-container-flip { overflow: visible; } .wearable-buds .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .wearable-buds .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .wearable-buds .swiper-container-flip .swiper-slide-active { pointer-events: auto; } .wearable-buds .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .wearable-buds .swiper-container-flip .swiper-slide-shadow-bottom { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-buds .swiper-container-flip .swiper-slide-shadow-left { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-buds .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-buds .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cm-layer { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483002; } .cm-layer__dimmed { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #141414; } .cm-layer__body { position: absolute; overflow-y: auto; width: 100%; height: 100%; font-size: 0; text-align: center; padding: 70px; padding: 4.8611111111vw; } @media (min-width: 1440px) { .cm-layer__body { padding: 70px; } } .cm-layer__body::before { display: inline-block; height: 100%; vertical-align: middle; content: ""; } .cm-layer__wrapper { display: inline-block; vertical-align: middle; } .cm-layer__content { height: 100%; font-size: 12px; font-size: 0.8333333333vw; } @media (min-width: 1440px) { .cm-layer__content { font-size: 12px; } } .cm-layer__scroll-area { overflow-x: hidden; overflow-y: auto; padding-bottom: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; } .cm-layer__fixed-area { padding: 0 40px 50px; padding: 0px 40px 50px; padding: 0vw 2.7777777778vw 3.4722222222vw; } @media (min-width: 1440px) { .cm-layer__fixed-area { padding: 0px 40px 50px; } } .cm-layer__btn-close { position: absolute; top: -47px; top: -3.2638888889vw; right: 48px; right: 3.3333333333vw; width: 48px; width: 3.3333333333vw; height: 48px; height: 3.3333333333vw; border-radius: 50%; } @media (min-width: 1440px) { .cm-layer__btn-close { top: -47px; } } @media (min-width: 1440px) { .cm-layer__btn-close { right: 48px; } } @media (min-width: 1440px) { .cm-layer__btn-close { width: 48px; } } @media (min-width: 1440px) { .cm-layer__btn-close { height: 48px; } } .rtl .cm-layer__btn-close { right: auto; left: 13px; left: 0.9027777778vw; } @media (min-width: 1440px) { .rtl .cm-layer__btn-close { left: 13px; } } .cm-layer .layer-title { font-size: 27px; font-size: 1.875vw; font-family: "SamsungSharpSans", arial, sans-serif; } @media (min-width: 1440px) { .cm-layer .layer-title { font-size: 27px; } } html.rtl .cm-layer .layer-title { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .cm-layer .layer-title { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .cm-layer .layer-title { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .cm-layer .layer-title { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .cm-layer .layer-title { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .cm-layer .layer-title { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .cm-layer .layer-title { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .cm-layer .layer-title { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .cm-layer .layer-title { font-family: "SamsungSharpSans", Sylfaen; } .cm-layer .layer-text { margin-top: 34px; margin-top: 2.3611111111vw; font-size: 14px; font-size: 0.9722222222vw; } @media (min-width: 1440px) { .cm-layer .layer-text { margin-top: 34px; } } @media (min-width: 1440px) { .cm-layer .layer-text { font-size: 14px; } } @media screen and (max-width: 767px) { .cm-layer__body { padding: 0; } .cm-layer__wrapper { min-width: auto; width: 100%; max-height: none; margin: 0; border-radius: 42.6111111111px; border-radius: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer__wrapper { border-radius: 20px; border-radius: 5.5555555556vw; } } @media screen and (max-width: 767px) { .cm-layer__wrapper .js-picture-video { display: inline-block; max-height: 1124px; vertical-align: middle; } .cm-layer__content { max-width: none; padding: 136.3555555556px 51.1333333333px 46.8722222222px; padding: 17.7777777778vw 6.6666666667vw 6.1111111111vw; font-size: 25.5666666667px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer__content { font-size: 12px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) { .cm-layer__content::before { display: none; } .cm-layer__btn-close { z-index: 10; top: 31.9583333333px; top: 4.1666666667vw; right: 27.6972222222px; right: 3.6111111111vw; width: 76.7px; width: 10vw; height: 76.7px; height: 10vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer__btn-close { top: 15px; top: 4.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer__btn-close { right: 13px; right: 3.6111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer__btn-close { width: 36px; width: 10vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer__btn-close { height: 36px; height: 10vw; } } @media screen and (max-width: 767px) { .rtl .cm-layer__btn-close { right: auto; left: 0; } .cm-layer .layer-title { font-size: 46.8722222222px; font-size: 6.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer .layer-title { font-size: 22px; font-size: 6.1111111111vw; } } @media screen and (max-width: 767px) { .cm-layer .layer-text { margin-top: 72.4388888889px; margin-top: 9.4444444444vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer .layer-text { margin-top: 34px; margin-top: 9.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer .layer-text { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { .cm-layer.type-mo-full .cm-layer__dimmed { background: #fff; } .cm-layer.type-mo-full .cm-layer__body { padding: 19.175px 0px 0px; padding: 2.5vw 0vw 0vw; } .cm-layer.type-mo-full .cm-layer__wrapper { height: 100%; border-radius: 42.6111111111px 42.6111111111px 0px 0px; border-radius: 5.5555555556vw 5.5555555556vw 0vw 0vw; -webkit-box-shadow: 0 -6px 8px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 -6px 8px 0 rgba(0, 0, 0, 0.06); } .cm-layer.type-mo-top .cm-layer__body { top: 0; height: auto; max-height: 100%; padding: 0; overflow-y: auto; } .cm-layer.type-mo-top .cm-layer__wrapper { border-radius: 0; } } @media screen and (orientation: landscape) and (max-width: 767px) { .cm-layer__body { -webkit-overflow-scrolling: touch; } .cm-layer__wrapper { height: auto; } .cm-layer__content { height: auto; } } .video__container { overflow: hidden; position: relative; } .video__container video { position: absolute; top: 0; left: 50%; width: 100%; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .video__container img { position: absolute; top: 0; left: 0; height: 100%; } .video__container.loaded video { z-index: 1; } .low_network .video__container.loaded video { z-index: 0; } .video__container.loaded .video__controller { display: block; } .video__container.loaded .video__end-frame { opacity: 0; } .low_network .video__container.loaded .video__end-frame { opacity: 1; } .video__container.loaded.playing video { opacity: 1; } .video__container.loaded.playing .video__start-frame, .video__container.loaded.playing .video__end-frame { opacity: 0; } .video__container.loaded.paused video { z-index: 1; opacity: 1; } .video__container.loaded.paused .video__start-frame, .video__container.loaded.paused .video__end-frame { opacity: 0; } .video__container.loaded.ended video { z-index: 0; opacity: 0; } .video__container.loaded.ended .video__start-frame { opacity: 1; } .low_network .video__container.loaded.ended .video__start-frame { opacity: 0; } .video__container.loaded.ended .video__end-frame { opacity: 0; } .low_network .video__container.loaded.ended .video__end-frame { opacity: 1; } .video__container.ended video { z-index: 0; opacity: 0; } .video__container.ended .video__start-frame { opacity: 0; } .low_network .video__container.ended .video__start-frame { opacity: 1; } .video__container.ended .video__end-frame { opacity: 1; } .low_network .video__container.ended .video__end-frame { opacity: 0; } .video__container.ended .video__controller, .video__container.paused .video__controller, .video__container:hover .video__controller { opacity: 1; } .video__controller { display: none !important; position: absolute; z-index: 1; right: 12px; right: 0.8333333333vw; bottom: 12px; bottom: 0.8333333333vw; width: 36px; width: 2.5vw; height: 36px; height: 2.5vw; } @media (min-width: 1440px) { .video__controller { right: 12px; } } @media (min-width: 1440px) { .video__controller { bottom: 12px; } } @media (min-width: 1440px) { .video__controller { width: 36px; } } @media (min-width: 1440px) { .video__controller { height: 36px; } } .video__controller .btn-video-control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 100% 100%; background-repeat: no-repeat; } .video__controller .play { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(8.369 5.936)'%3E%3Cpath style='fill:%23fff' d='M4.4,2.3c0.4-0.2,0.9-0.2,1.3,0.1h0.1L18.3,11c0.6,0.4,0.8,1.2,0.4,1.9 c-0.1,0.1-0.2,0.2-0.3,0.3h-0.1L5.8,21.7C5.5,21.9,5.3,22,5,22c-0.2,0-0.4-0.1-0.6-0.1c-0.4-0.2-0.7-0.7-0.7-1.1V3.5 C3.7,3,3.9,2.6,4.4,2.3L4.4,2.3L4.4,2.3z'/%3E%3C/g%3E%3Cpath style='fill:%23fff' d='M18,2c8.8,0,16,7.2,16,16s-7.2,16-16,16S2,26.8,2,18S9.2,2,18,2 M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18 s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3C/svg%3E%0A"); } .video__controller .pause { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(7.552 6.24)'%3E%3Cpath style='fill:%23FFF' d='M12.6,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8h4.3 c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H12.6L12.6,21.2z M4,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8 h4.3c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H4L4,21.2z'/%3E%3C/g%3E%3Cpath style='fill:%23FFF' d='M18,2c8.8,0,16,7.2,16,16s-7.2,16-16,16S2,26.8,2,18S9.2,2,18,2 M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18 s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3C/svg%3E%0A"); } .video__controller .play.black { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(8.369 5.936)'%3E%3Cpath style='fill:%23000' d='M4.4,2.3c0.4-0.2,0.9-0.2,1.3,0.1h0.1L18.3,11c0.6,0.4,0.8,1.2,0.4,1.9 c-0.1,0.1-0.2,0.2-0.3,0.3h-0.1L5.8,21.7C5.5,21.9,5.3,22,5,22c-0.2,0-0.4-0.1-0.6-0.1c-0.4-0.2-0.7-0.7-0.7-1.1V3.5 C3.7,3,3.9,2.6,4.4,2.3L4.4,2.3L4.4,2.3z'/%3E%3C/g%3E%3Cpath style='fill:%23000' d='M18,2c8.8,0,16,7.2,16,16s-7.2,16-16,16S2,26.8,2,18S9.2,2,18,2 M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18 s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3C/svg%3E%0A"); } .video__controller .pause.black { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(7.552 6.24)'%3E%3Cpath style='fill:%23000' d='M12.6,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8h4.3 c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H12.6L12.6,21.2z M4,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8 h4.3c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H4L4,21.2z'/%3E%3C/g%3E%3Cpath style='fill:%23000' d='M18,2c8.8,0,16,7.2,16,16s-7.2,16-16,16S2,26.8,2,18S9.2,2,18,2 M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18 s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3C/svg%3E%0A"); } .video__controller.is-use-controller { display: block !important; opacity: 0; } .video__controller.is-use-controller:focus, .low_network .video__controller.is-use-controller { opacity: 1; } .rtl .video__controller { right: auto; left: 12px; left: 0.8333333333vw; } @media (min-width: 1440px) { .rtl .video__controller { left: 12px; } } .low_network .video__controller { display: block !important; } .video__controller .pause { display: none; } .video__controller.is-paused .play { display: none; } .video__controller.is-paused .pause { display: block; } .video__start-frame { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; } .video__end-frame { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } @media screen and (max-width: 767px) { .video__controller { right: 25.5666666667px; right: 3.3333333333vw; bottom: 25.5666666667px; bottom: 3.3333333333vw; width: 51.1333333333px; width: 6.6666666667vw; height: 51.1333333333px; height: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .video__controller { right: 12px; right: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .video__controller { bottom: 12px; bottom: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .video__controller { width: 24px; width: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .video__controller { height: 24px; height: 6.6666666667vw; } } @media screen and (max-width: 767px) { .rtl .video__controller { right: auto; left: 25.5666666667px; left: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .video__controller { left: 12px; left: 3.3333333333vw; } } .wearable-buds * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; vertical-align: top; } .wearable-buds a { color: #000; text-decoration: none; } .wearable-buds section { display: block; } .wearable-buds sup { font-size: 55%; top: 0.7em; vertical-align: top; } .wearable-buds sup .click_sup { outline-offset: 0; color: inherit; font-weight: 400; } .wearable-buds button { overflow: visible; background-color: transparent; cursor: pointer; font-family: "SamsungOne", arial, sans-serif; font-weight: 400; } html.rtl .wearable-buds button { font-family: "SamsungOne"; } html[lang^=ko] .wearable-buds button { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^=my] .wearable-buds button { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds button { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds button { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds button { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds button { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds button { font-family: "SamsungOneGeorgian", Sylfaen; } .wearable-buds img { max-width: 100%; height: 100%; object-fit: cover; } .wearable-buds figure img { display: block; } html.js-focus-visible .wearable-buds a:focus, html.js-focus-visible .wearable-buds button:focus, html.js-focus-visible .wearable-buds input:focus, html.js-focus-visible .wearable-buds select:focus, html.js-focus-visible .wearable-buds textarea:focus { -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; outline: 2px dotted #000; } .wearable-buds .ff-color--blue { color: #006bea; } .wearable-buds .video__container.loaded video { opacity: 1; } .wearable-buds .video__container .video__warning { font-size: 60px; font-size: 4.1666666667vw; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; color: #f00; z-index: 1; } @media (min-width: 1440px) { .wearable-buds .video__container .video__warning { font-size: 60px; } } .wearable-buds .video__container .video__controller-wrap { z-index: 2; position: absolute; left: 50%; bottom: 0; width: 100%; max-width: 1440px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .wearable-buds .video__container .video__controller-wrap.video-wide { width: 1440px; width: 100vw; } @media (min-width: 1440px) { .wearable-buds .video__container .video__controller-wrap.video-wide { width: 1440px; } } .wearable-buds .is-hidden { visibility: hidden; opacity: 0; } .common-br-mo { display: none; } .common-cta { overflow: hidden; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 6; min-height: 48px; min-height: 3.3333333333vw; padding: 0px 23px; padding: 0vw 1.5972222222vw; border: 1px solid #000; border-radius: 8px; font-size: 12px; font-size: 0.8333333333vw; line-height: 1.3; letter-spacing: 0.12em; text-align: center; font-family: "SamsungOne", arial, sans-serif; font-weight: 700; } @media (min-width: 1440px) { .common-cta { min-height: 48px; } } @media (min-width: 1440px) { .common-cta { padding: 0px 23px; } } @media (min-width: 1440px) { .common-cta { font-size: 12px; } } html.rtl .common-cta { font-family: "SamsungOne"; } html[lang^=ko] .common-cta { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^=my] .common-cta { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .common-cta { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .common-cta { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .common-cta { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .common-cta { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^=ka-GE] .common-cta { font-family: "SamsungOneGeorgian", Sylfaen; } .isIEorEdge .common-cta { height: 48px; height: 3.3333333333vw; } @media (min-width: 1440px) { .isIEorEdge .common-cta { height: 48px; } } .mac .common-cta { letter-spacing: 0.033em; } .common-cta span { position: relative; z-index: 5; color: #000; -webkit-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .common-cta::after { display: block; position: absolute; left: 0; top: 0; z-index: auto; width: 0; height: 104%; background-color: #000; -webkit-transition: width 0.25s ease-in-out; transition: width 0.25s ease-in-out; content: ""; } .rtl .common-cta::after { left: auto; right: 0; } .common-cta:focus span, .common-cta:hover span { color: #fff; } .common-cta:focus::after, .common-cta:hover::after { width: 100%; } .common-cta.s-encased { border: 1px solid #000; background-color: #000; } .common-cta.s-encased span { color: #fff; } .common-cta.s-encased::after { background-color: #fff; } .common-cta.s-encased:focus span, .common-cta.s-encased:hover span { color: #000; } .common-cta .s-white { border: 1px solid #fff; } .common-cta .s-white span { color: #fff; } .common-cta .s-white::after { background-color: #fff; } .common-cta .s-white:focus span, .common-cta .s-white:hover span { color: #000; } .common-cta .s-white:focus::after, .common-cta .s-white:hover::after { width: 100%; } .common-cta .s-white.s-encased { border: 1px solid #fff; background-color: #fff; } .common-cta .s-white.s-encased span { color: #000; } .common-cta .s-white.s-encased::after { background-color: #000; } .common-cta .s-white.s-encased:focus span, .common-cta .s-white.s-encased:hover span { color: #fff; } .common-bottom-disclaimer__link { color: inherit; text-decoration: underline !important; } .common__disclaimer { font-size: 11px; font-size: 0.7638888889vw; font-size: 11px; line-height: 1.54; color: #666; } @media (min-width: 1440px) { .common__disclaimer { font-size: 11px; } } .common__wrap { max-width: 1920px; max-width: 133.3333333333vw; margin: 0 auto; } @media (min-width: 1440px) { .common__wrap { max-width: 1920px; } } .common__headline { font-size: 60px; font-size: 4.1666666667vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.2; font-weight: bold; color: inherit; } @media (min-width: 1440px) { .common__headline { font-size: 60px; } } html.rtl .common__headline { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .common__headline { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .common__headline { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .common__headline { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .common__headline { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .common__headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .common__headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .common__headline { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .common__headline { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .common__headline { line-height: 1.4; } .common__headline sup { font-size: 44%; top: 1.2em; letter-spacing: -0.07em; } .common__sub-headline { font-family: "SamsungSharpSans", arial, sans-serif; font-size: 48px; font-size: 3.3333333333vw; line-height: 1.2; font-weight: bold; color: inherit; } html.rtl .common__sub-headline { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .common__sub-headline { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .common__sub-headline { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .common__sub-headline { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .common__sub-headline { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .common__sub-headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .common__sub-headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .common__sub-headline { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .common__sub-headline { font-family: "SamsungSharpSans", Sylfaen; } @media (min-width: 1440px) { .common__sub-headline { font-size: 48px; } } html[lang^=my] .common__sub-headline { line-height: 1.4; } .common__description { font-size: 18px; font-size: 1.25vw; line-height: 1.333333; color: inherit; } @media (min-width: 1440px) { .common__description { font-size: 18px; } } html[lang^=my] .common__description { line-height: 1.4; } .common-ai-text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; direction: ltr; font-family: "SamsungSharpSans", arial, sans-serif; } html.rtl .common-ai-text { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .common-ai-text { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .common-ai-text { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .common-ai-text { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .common-ai-text { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .common-ai-text { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .common-ai-text { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .common-ai-text { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .common-ai-text { font-family: "SamsungSharpSans", Sylfaen; } .common-ai-text__icon { display: inline-block; width: 69px; width: 4.7916666667vw; height: 73px; height: 5.0694444444vw; margin: -1px 13px 0px 12px; margin: -0.0694444444vw 0.9027777778vw 0vw 0.8333333333vw; } @media (min-width: 1440px) { .common-ai-text__icon { width: 69px; } } @media (min-width: 1440px) { .common-ai-text__icon { height: 73px; } } @media (min-width: 1440px) { .common-ai-text__icon { margin: -1px 13px 0px 12px; } } .common-ai-text sup { -ms-flex-item-align: start; align-self: flex-start; } .common__tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .common__tab--video .video__container { width: 100%; padding-bottom: 56.16667%; } .common__tab-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .common__tab-panels { display: grid; grid-area: 1/1; grid-template-columns: 1fr; } .common__tab-panel { grid-area: 1/1; opacity: 0; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .common__tab-panel.is-active { opacity: 1; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; pointer-events: auto; } .common__tab-cta .tab-cta__text { color: inherit; } @media screen and (max-width: 767px) { .wearable-buds .video__container .video__warning { font-size: 85.2222222222px; font-size: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .video__container .video__warning { font-size: 40px; font-size: 11.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .video__controller-wrap.video-wide { width: 100%; } .common-br-pc { display: none; } .common-br-mo { display: block; } .common-cta { min-height: 102.2666666667px; min-height: 13.3333333333vw; padding: 0px 46.8722222222px; padding: 0vw 6.1111111111vw; font-size: 27.6972222222px; font-size: 3.6111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common-cta { min-height: 48px; min-height: 13.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common-cta { font-size: 13px; font-size: 3.6111111111vw; } } @media screen and (max-width: 767px) { .isIEorEdge .common-cta { height: 102.2666666667px; height: 13.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .isIEorEdge .common-cta { height: 48px; height: 13.3333333333vw; } } @media screen and (max-width: 767px) { .common__disclaimer { font-size: 27.6972222222px; font-size: 3.6111111111vw; line-height: 1.538; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common__disclaimer { font-size: 13px; font-size: 3.6111111111vw; } } @media screen and (max-width: 767px) { html[lang^=my] .common__disclaimer { line-height: 1.6; } .common__wrap { max-width: initial; } .common__headline { font-size: 93.7444444444px; font-size: 8.3333333333vw; line-height: 1.3; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common__headline { font-size: 44px; font-size: 12.2222222222vw; } } @media screen and (max-width: 767px) { html[lang^=my] .common__headline { line-height: 1.4; } .common__sub-headline { font-size: 63.9166666667px; font-size: 8.3333333333vw; line-height: 1.333333; } .voice-command .common__sub-headline { font-size: 63.9166666667px; font-size: 8.3333333333vw; line-height: 1.333333; padding-top: 40px; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common__sub-headline { font-size: 30px; font-size: 8.3333333333vw; } } @media screen and (max-width: 767px) { html[lang^=my] .common__sub-headline { line-height: 1.4; } .common__description { font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.428571; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common__description { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .common__description { line-height: 1.6; } .common-ai-text { line-height: 1.2; } html[lang^=my] .common-ai-text { line-height: 1.4; } .common-ai-text__icon { width: 68.1777777778px; width: 8.8888888889vw; height: 76.7px; height: 10vw; margin: -2.1305555556px 17.0444444444px 0px 17.0444444444px; margin: -0.2777777778vw 2.2222222222vw 0vw 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common-ai-text__icon { width: 32px; width: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common-ai-text__icon { height: 36px; height: 10vw; } } .wearable-buds .kv { position: relative; background-color: #000; } /* .wearable-buds .kv::after, .wearable-buds .kv::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } */ .wearable-buds .kv::before { bottom: initial; top: -1px; } .wearable-buds .kv__wrap { position: relative; } .wearable-buds .kv__header { /* margin: -138px 0px 0px -565px; */ /* margin: -5.5833333333vw 0vw 0vw -39.2361111111vw; */ /* margin: -4.183333vw 0vw 0vw -36.3vw; */ width: 35%; margin: 0vw 0vw 0vw 0vw; gap: 5px; gap: 0.3472222222vw; position: absolute; top: 43%; left: 13%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; } @media (min-width: 1440px) { .wearable-buds .kv__header { /* margin: -86px 0px 0px -565px; */ margin: 0vw 0px 0px 0vw; } } @media (min-width: 1440px) { .wearable-buds .kv__header { gap: 5px; } } .wearable-buds .kv__header picture { font-size: 0; } .wearable-buds .kv__header picture img { vertical-align: middle; } .wearable-buds .kv__header--headline img { height: 69px; height: 4.7916666667vw; } @media (min-width: 1440px) { .wearable-buds .kv__header--headline img { height: 69px; } } .wearable-buds .kv__header--ai img { height: 50px; height: 3.4722222222vw; } @media (min-width: 1440px) { .wearable-buds .kv__header--ai img { height: 50px; } } .wearable-buds .kv__background { display: block; height: max-content; } @media (min-width: 1440px) { .wearable-buds .kv__background { height: max-content; } } .wearable-buds .kv__background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: contain; -o-object-position: center; object-position: center; } .wearable-buds .kv__description { padding: 32px 0px 80px; padding: 2.2222222222vw 0vw 5.5555555556vw; max-width: 834px; max-width: 57.9166666667vw; font-size: 12px; font-size: 0.8333333333vw; line-height: 1.333333; margin: 0 auto; color: #fff; text-align: center; } @media (min-width: 1440px) { .wearable-buds .kv__description { padding: 32px 0px 80px; } } @media (min-width: 1440px) { .wearable-buds .kv__description { max-width: 834px; } } @media (min-width: 1440px) { .wearable-buds .kv__description { font-size: 12px; } } html[lang^=my] .wearable-buds .kv__description { line-height: 1.4; } @media screen and (max-width: 767px) { .wearable-buds .kv__header { margin: 210.925px 0px 0px 0px; margin: 30.5vw 0vw 0vw 0vw; gap: 0; top: 0; left: 0; width: 100%; text-align: center; } .wearable-buds .kv__header--headline img { height: 66.0472222222px; height: 8.6111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .kv__header--headline img { height: 31px; height: 8.6111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .kv__header--ai img { height: 46.8722222222px; height: 6.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .kv__header--ai img { height: 22px; height: 6.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .kv__background { height: 1320.9444444444px; height: 172.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .kv__background { height: max-content; } } @media screen and (max-width: 767px) { .wearable-buds .kv__description { padding: 34.0888888889px 34.0888888889px 68.1777777778px; padding: 4.4444444444vw 4.4444444444vw 8.8888888889vw; font-size: 21.3055555556px; font-size: 2.7777777778vw; line-height: 1.2; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .kv__description { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .kv__description { line-height: 1.4; } } .wearable-buds .overview { position: relative; padding: 100px 0px 99px; padding: 6.9444444444vw 0vw 6.875vw; color: #fff; background-color: #000; text-align: center; } .wearable-buds .overview::after, .wearable-buds .overview::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .overview::before { bottom: initial; top: -1px; } @media (min-width: 1440px) { .wearable-buds .overview { padding: 100px 0px 99px; } } .wearable-buds .overview * { color: inherit; } .wearable-buds .overview .common__headline { padding-top: 3px; padding-top: 0.2083333333vw; font-size: 38px; font-size: 2.6388888889vw; line-height: 1.105263; } @media (min-width: 1440px) { .wearable-buds .overview .common__headline { padding-top: 3px; } } @media (min-width: 1440px) { .wearable-buds .overview .common__headline { font-size: 38px; } } html[lang^=my] .wearable-buds .overview .common__headline { line-height: 1.4; } .wearable-buds .overview .common__headline .common-ai-text__icon { margin: 0px 10px; margin: 0vw 0.6944444444vw; width: 37px; width: 2.5694444444vw; height: 37px; height: 2.5694444444vw; } @media (min-width: 1440px) { .wearable-buds .overview .common__headline .common-ai-text__icon { margin: 0px 10px; } } @media (min-width: 1440px) { .wearable-buds .overview .common__headline .common-ai-text__icon { width: 37px; } } @media (min-width: 1440px) { .wearable-buds .overview .common__headline .common-ai-text__icon { height: 37px; } } .wearable-buds .overview .common__description { margin: 42px auto 0px; margin: 2.9166666667vw auto 0vw; max-width: 484px; max-width: 33.6111111111vw; font-size: 18px; font-size: 1.25vw; line-height: 1.333333; } @media (min-width: 1440px) { .wearable-buds .overview .common__description { margin: 42px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .overview .common__description { max-width: 484px; } } @media (min-width: 1440px) { .wearable-buds .overview .common__description { font-size: 18px; } } html[lang^=my] .wearable-buds .overview .common__description { line-height: 1.4; } .wearable-buds .overview .common__description span { display: inline-block; } @media screen and (max-width: 767px) { .wearable-buds .overview { padding: 93.7444444444px 51.1333333333px; padding: 12.2222222222vw 6.6666666667vw; } .wearable-buds .overview .common__wrap { max-width: initial; } .wearable-buds .overview .common__headline { padding-top: 4.2611111111px; padding-top: 0.5555555556vw; font-size: 68.1777777778px; font-size: 8.8888888889vw; line-height: 1.09375; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .overview .common__headline { padding-top: 2px; padding-top: 0.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .overview .common__headline { font-size: 32px; font-size: 8.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .overview .common__headline { line-height: 1.4; } .wearable-buds .overview .common__headline .common-ai-text__icon { margin: 0px 21.3055555556px; margin: 0vw 2.7777777778vw; width: 61.7861111111px; width: 8.0555555556vw; height: 61.7861111111px; height: 8.0555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .overview .common__headline .common-ai-text__icon { width: 29px; width: 8.0555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .overview .common__headline .common-ai-text__icon { height: 29px; height: 8.0555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .overview .common__description { margin-top: 53.2638888889px; margin-top: 6.9444444444vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.428571; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .overview .common__description { margin-top: 25px; margin-top: 6.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .overview .common__description { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .overview .common__description { line-height: 1.6; } } .wearable-buds .highlight-carousel { position: relative; overflow: hidden; background-color: #000; } .wearable-buds .highlight-carousel::after, .wearable-buds .highlight-carousel::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .highlight-carousel::before { bottom: initial; top: -1px; } .wearable-buds .wearable-common__wrap { position: relative; max-width: 1920px; overflow: hidden; margin: 0 auto; padding: 80px 0px 72px; padding: 5.5555555556vw 0vw 5vw; } @media (min-width: 1440px) { .wearable-buds .wearable-common__wrap { padding: 80px 0px 72px; } } .wearable-buds .wearable-common__headline { z-index: 2; position: relative; width: 988px; width: 68.6111111111vw; margin: 0px auto 36px; margin: 0vw auto 2.5vw; font-size: 48px; font-size: 3.3333333333vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.5; color: #fff; } @media (min-width: 1440px) { .wearable-buds .wearable-common__headline { width: 988px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__headline { margin: 0px auto 36px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__headline { font-size: 48px; } } html.rtl .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .wearable-common__headline { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", Sylfaen; } .rtl .wearable-buds .wearable-common__headline { padding-left: 260px; padding-left: 18.0555555556vw; padding-right: 0; } @media (min-width: 1440px) { .rtl .wearable-buds .wearable-common__headline { padding-left: 260px; } } .wearable-buds .wearable-common__carousel { height: 100%; } .wearable-buds .wearable-common__carousel-text { z-index: 2; position: absolute; left: 0; bottom: 0; width: 100%; min-height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0px 105px 24px 32px; padding: 0vw 7.2916666667vw 1.6666666667vw 2.2222222222vw; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(transparent, #000); -webkit-transform: translateZ(0); transform: translateZ(0); } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-text { padding: 0px 105px 24px 32px; } } .rtl .wearable-buds .wearable-common__carousel-text { padding: 0px 32px 24px 105px; padding: 0vw 2.2222222222vw 1.6666666667vw 7.2916666667vw; } @media (min-width: 1440px) { .rtl .wearable-buds .wearable-common__carousel-text { padding: 0px 32px 24px 105px; } } .wearable-buds .wearable-common__carousel-tit { left: 0px; left: 0vw; bottom: 0px; bottom: 0vw; font-size: 24px; font-size: 1.6666666667vw; font-family: "SamsungSharpSans", arial, sans-serif; color: #fff; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-tit { left: 0px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-tit { bottom: 0px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-tit { font-size: 24px; } } html.rtl .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .wearable-common__carousel-tit { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", Sylfaen; } .rtl .wearable-buds .wearable-common__carousel-tit { padding: 0px 32px 18px 105px; padding: 0vw 2.2222222222vw 1.25vw 7.2916666667vw; } @media (min-width: 1440px) { .rtl .wearable-buds .wearable-common__carousel-tit { padding: 0px 32px 18px 105px; } } .color_yb .wearable-buds .wearable-common__carousel-tit { color: #fff01f !important; background-color: #000 !important; } .wearable-buds .wearable-common__carousel-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .wearable-buds .wearable-common__carousel-navigation-wrap { z-index: 2; position: absolute; top: 0; left: 0; right: 0; width: 988px; width: 68.6111111111vw; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-navigation-wrap { width: 988px; } } .wearable-buds .wearable-common__carousel-arrow { position: absolute; top: 270px; top: 18.75vw; width: 40px; width: 2.7777777778vw; height: 40px; height: 2.7777777778vw; border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' focusable='false' aria-hidden='true'%3E%3Cpath style='opacity:0.45;fill-rule:evenodd;clip-rule:evenodd' d='M20,40C9,40,0,31,0,20S9,0,20,0s20,9,20,20S31,40,20,40z'/%3E%3Cg style='opacity:0.15'%3E%3Cpath style='fill:%23FFFF' d='M20,39C9.5,39,1,30.5,1,20S9.5,1,20,1s19,8.5,19,19S30.5,39,20,39 M20,40c11,0,20-9,20-20S31,0,20,0S0,9,0,20 S9,40,20,40L20,40z'/%3E%3C/g%3E%3Cpath style='fill:%23FFFF' d='M16.8,28.8l-0.9-0.9l8.3-7.9l-8.3-7.9l0.9-0.9L26,20L16.8,28.8z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 100%; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-arrow { top: 270px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-arrow { width: 40px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-arrow { height: 40px; } } .color_yb .wearable-buds .wearable-common__carousel-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' focusable='false' aria-hidden='true'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd;' d='M20,40C9,40,0,31,0,20S9,0,20,0s20,9,20,20S31,40,20,40z'/%3E%3Cg%3E%3Cpath style='fill:%23fff01f' d='M20,39C9.5,39,1,30.5,1,20S9.5,1,20,1s19,8.5,19,19S30.5,39,20,39 M20,40c11,0,20-9,20-20S31,0,20,0S0,9,0,20 S9,40,20,40L20,40z'/%3E%3C/g%3E%3Cpath style='fill:%23fff01f' d='M16.8,28.8l-0.9-0.9l8.3-7.9l-8.3-7.9l0.9-0.9L26,20L16.8,28.8z'/%3E%3C/svg%3E%0A"); } .wearable-buds .wearable-common__carousel-arrow img { display: none; } .wearable-buds .wearable-common__carousel-arrow.swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none; } .wearable-buds .wearable-common__carousel-next { right: -20px; right: -1.3888888889vw; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-next { right: -20px; } } .rtl .wearable-buds .wearable-common__carousel-next { left: -20px; left: -1.3888888889vw; right: auto; -webkit-transform: scale(-1); transform: scale(-1); } @media (min-width: 1440px) { .rtl .wearable-buds .wearable-common__carousel-next { left: -20px; } } .wearable-buds .wearable-common__carousel-prev { left: -20px; left: -1.3888888889vw; -webkit-transform: scale(-1); transform: scale(-1); } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-prev { left: -20px; } } .rtl .wearable-buds .wearable-common__carousel-prev { left: auto; right: -20px; right: -1.3888888889vw; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 1440px) { .rtl .wearable-buds .wearable-common__carousel-prev { right: -20px; } } .wearable-buds .wearable-common__carousel-pagination-wrap { position: absolute; left: 50%; bottom: 0; height: 20px; height: 1.3888888889vw; width: 988px; width: 68.6111111111vw; margin: 0 auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-pagination-wrap { height: 20px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-pagination-wrap { width: 988px; } } .wearable-buds .wearable-common__carousel-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; height: 100%; background: transparent; } .wearable-buds .wearable-common__carousel-pagination li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .wearable-common__carousel-pagination-bullet { width: 100%; height: 100%; background-color: transparent; border-radius: 0; } .wearable-buds .wearable-common__carousel-pagination-bullet:focus { -webkit-box-shadow: 0 0 0 2px #000; box-shadow: 0 0 0 2px #000; outline: 2px dotted #fff; } .wearable-buds .wearable-common__carousel-scrollbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; width: 988px; width: 68.6111111111vw; height: 20px; height: 1.3888888889vw; margin: 40px auto 0px; margin: 2.7777777778vw auto 0vw; overflow: hidden; background-color: transparent; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-scrollbar { width: 988px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-scrollbar { height: 20px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-scrollbar { margin: 40px auto 0px; } } .wearable-buds .wearable-common__carousel-scrollbar::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 4px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #5b5b5b; opacity: 1 !important; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; } .color_yb .wearable-buds .wearable-common__carousel-scrollbar::after { height: 6px; height: 0.4166666667vw; border: 1px solid #fff01f !important; background-color: #000 !important; -webkit-box-shadow: 0 0 0 5px #000 !important; box-shadow: 0 0 0 5px #000 !important; } @media (min-width: 1440px) { .color_yb .wearable-buds .wearable-common__carousel-scrollbar::after { height: 6px; } } .wearable-buds .wearable-common__carousel-scrollbar .swiper-scrollbar-drag { cursor: pointer; z-index: 1; background-color: transparent; } .wearable-buds .wearable-common__carousel-scrollbar .swiper-scrollbar-drag::after { content: ""; position: absolute; top: 50%; left: 0; height: 4px; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; border-radius: 2px; } .color_yb .wearable-buds .wearable-common__carousel-scrollbar .swiper-scrollbar-drag::after { background-color: #fff01f !important; } .wearable-buds .wearable-common__carousel-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wearable-buds .wearable-common__carousel-container { width: 100%; overflow: visible; } .wearable-buds .wearable-common__carousel-container.background-slider { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .wearable-buds .wearable-common__carousel-container.dimmed-slider { z-index: 1; opacity: 0.3; position: absolute; left: 50%; top: 0; width: 1920px; width: 133.3333333333vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.dimmed-slider { width: 1920px; } } .wearable-buds .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { content: ""; position: absolute; bottom: 18px; bottom: 1.25vw; right: 34px; right: 2.3611111111vw; width: 40px; width: 2.7777777778vw; height: 40px; height: 2.7777777778vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='ico_pause_Background_Mask_' data-name='ico_pause (Background/Mask)' width='40' height='40' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Crect id='ico_pause_Background_Mask_3' data-name='ico_pause (Background/Mask)' width='40' height='40' fill='none'/%3E%3Cg id='ico_pause' clip-path='url(%23clip-path)'%3E%3Cpath id='Vector' d='M20,40a20,20,0,1,1,7.654-1.522A19.9,19.9,0,0,1,20,40ZM20,4.687a15.312,15.312,0,1,0,5.86,1.166A15.234,15.234,0,0,0,20,4.687Z' fill='rgba(255,255,255,0.4)'/%3E%3Cpath id='Vector-2' data-name='Vector' d='M11.875,15A3.125,3.125,0,0,1,8.75,11.875V3.125A3.1,3.1,0,0,1,9.665.915a3.126,3.126,0,0,1,4.42,0A3.1,3.1,0,0,1,15,3.125v8.75A3.125,3.125,0,0,1,11.875,15Zm-8.75,0a3.1,3.1,0,0,1-2.21-.915A3.148,3.148,0,0,1,0,11.875V3.125A3.125,3.125,0,0,1,5.334.915a3.1,3.1,0,0,1,.915,2.21v8.75A3.125,3.125,0,0,1,3.125,15Z' transform='translate(12.5 12.5)' fill='%23fff'/%3E%3Cg id='ico_pause_copy' data-name='ico_pause copy'%3E%3Crect id='ico_pause_Background_Mask_4' data-name='ico_pause (Background/Mask)' width='40' height='40' fill='none'/%3E%3Cg id='ico_pause_copy-2' data-name='ico_pause copy' clip-path='url(%23clip-path)'%3E%3Cpath id='Combined_Shape' data-name='Combined Shape' d='M15.313,20a15.243,15.243,0,0,0-1.165-5.86,15.216,15.216,0,0,0-3.319-4.967A15.246,15.246,0,0,0,5.86,5.853,15.243,15.243,0,0,0,0,4.687V0A19.908,19.908,0,0,1,7.654,1.522a19.911,19.911,0,0,1,6.489,4.336,19.9,19.9,0,0,1,4.334,6.488A19.893,19.893,0,0,1,20,20Z' transform='translate(20)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 100%; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { bottom: 18px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { right: 34px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { width: 40px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { height: 40px; } } .wearable-buds .wearable-common__carousel-container.front-slider { z-index: 2; position: relative; left: 50%; top: 0; width: 1920px; width: 133.3333333333vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.front-slider { width: 1920px; } } .rtl .wearable-buds .wearable-common__carousel-container.front-slider { right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { opacity: 0.6; margin: 0px 12px; margin: 0vw 0.8333333333vw; width: 988px; width: 68.6111111111vw; height: 580px; height: 40.2777777778vw; border-radius: 20px; border-radius: 1.3888888889vw; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { margin: 0px 12px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { width: 988px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { height: 580px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { border-radius: 20px; } } .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item.swiper-slide-active { opacity: 1; } .wearable-buds .wearable-highlight-carousel__image { position: relative; width: 988px; width: 68.6111111111vw; height: 580px; height: 40.2777777778vw; } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__image { width: 988px; } } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__image { height: 580px; } } .wearable-buds .wearable-highlight-carousel__video { height: 100%; } .wearable-buds .wearable-highlight-carousel__video video { border-bottom: 1px solid #000; } .wearable-buds .wearable-highlight-carousel__video .video__controller { z-index: 3; opacity: 1; right: 32px; right: 2.2222222222vw; bottom: 16px; bottom: 1.1111111111vw; width: 40px; width: 2.7777777778vw; height: 40px; height: 2.7777777778vw; -webkit-transform: translateZ(0); transform: translateZ(0); } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { right: 32px; } } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { bottom: 16px; } } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { width: 40px; } } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { height: 40px; } } .rtl .wearable-buds .wearable-highlight-carousel__video .video__controller { left: 32px; left: 2.2222222222vw; right: initial; } @media (min-width: 1440px) { .rtl .wearable-buds .wearable-highlight-carousel__video .video__controller { left: 32px; } } .color_yb .wearable-buds .wearable-highlight-carousel__video .video__controller { overflow: hidden; border-radius: 50%; background-color: #000 !important; } .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon { width: 40px; width: 2.7777777778vw; height: 40px; height: 2.7777777778vw; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon { width: 40px; } } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon { height: 40px; } } .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon circle { stroke-width: 10px; stroke-width: 0.6944444444vw; } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon circle { stroke-width: 10px; } } .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon circle:first-child { stroke: rgba(255, 255, 255, 0.4); } .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon circle:last-child { stroke: #fff; stroke-dasharray: 266; stroke-dashoffset: 266; } .color_yb .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon circle:last-child { stroke: #fff01f !important; } .wearable-buds .wearable-highlight-carousel__video .video__controller--paused, .wearable-buds .wearable-highlight-carousel__video .video__controller--playing { position: absolute; top: 50%; left: 50%; width: 34px; width: 2.3611111111vw; height: 34px; height: 2.3611111111vw; background-repeat: no-repeat; background-position: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller--paused, .wearable-buds .wearable-highlight-carousel__video .video__controller--playing { width: 34px; } } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller--paused, .wearable-buds .wearable-highlight-carousel__video .video__controller--playing { height: 34px; } } .wearable-buds .wearable-highlight-carousel__video .video__controller--paused { display: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(7.552 6.24)'%3E%3Cpath style='fill:%23fff' d='M12.6,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8h4.3c0.4,0,0.8,0.3,0.8,0.8 v17.2c0,0.4-0.3,0.8-0.8,0.8H12.6L12.6,21.2z M4,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8h4.3 c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H4L4,21.2z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .color_yb .wearable-buds .wearable-highlight-carousel__video .video__controller--paused { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(7.552 6.24)'%3E%3Cpath style='fill:%23fff01f' d='M12.6,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8h4.3c0.4,0,0.8,0.3,0.8,0.8 v17.2c0,0.4-0.3,0.8-0.8,0.8H12.6L12.6,21.2z M4,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8h4.3 c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H4L4,21.2z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .wearable-buds .wearable-highlight-carousel__video .video__controller--playing { display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(8.369 5.936)'%3E%3Cpath style='fill:%23fff' d='M4.4,2.3c0.4-0.2,0.9-0.2,1.3,0.1h0.1L18.3,11c0.6,0.4,0.8,1.2,0.4,1.9 c-0.1,0.1-0.2,0.2-0.3,0.3h-0.1L5.8,21.7C5.5,21.9,5.3,22,5,22c-0.2,0-0.4-0.1-0.6-0.1c-0.4-0.2-0.7-0.7-0.7-1.1V3.5 C3.7,3,3.9,2.6,4.4,2.3L4.4,2.3L4.4,2.3z'/%3E%3C/g%3E%3C/svg%3E"); } .color_yb .wearable-buds .wearable-highlight-carousel__video .video__controller--playing { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(8.369 5.936)'%3E%3Cpath style='fill:%23fff01f' d='M4.4,2.3c0.4-0.2,0.9-0.2,1.3,0.1h0.1L18.3,11c0.6,0.4,0.8,1.2,0.4,1.9 c-0.1,0.1-0.2,0.2-0.3,0.3h-0.1L5.8,21.7C5.5,21.9,5.3,22,5,22c-0.2,0-0.4-0.1-0.6-0.1c-0.4-0.2-0.7-0.7-0.7-1.1V3.5 C3.7,3,3.9,2.6,4.4,2.3L4.4,2.3L4.4,2.3z'/%3E%3C/g%3E%3C/svg%3E"); } .wearable-buds .wearable-highlight-carousel__video.playing .video__controller--paused { display: block; } .wearable-buds .wearable-highlight-carousel__video.playing .video__controller--playing { display: none; } .wearable-buds .highlight-inner { z-index: 3; position: absolute; top: 210px; top: 14.5833333333vw; right: 66px; right: 4.5833333333vw; width: 248px; width: 17.2222222222vw; text-align: center; color: #fff; font-family: "SamsungSharpSans", arial, sans-serif; } @media (min-width: 1440px) { .wearable-buds .highlight-inner { top: 210px; } } @media (min-width: 1440px) { .wearable-buds .highlight-inner { right: 66px; } } @media (min-width: 1440px) { .wearable-buds .highlight-inner { width: 248px; } } html.rtl .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .highlight-inner { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", Sylfaen; } .wearable-buds .highlight-inner__txt { font-size: 23px; font-size: 1.5972222222vw; } @media (min-width: 1440px) { .wearable-buds .highlight-inner__txt { font-size: 23px; } } .wearable-buds .highlight-inner__value { font-size: 80px; font-size: 5.5555555556vw; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); } @media (min-width: 1440px) { .wearable-buds .highlight-inner__value { font-size: 80px; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__wrap { padding: 93.7444444444px 0px 76.7px; padding: 12.2222222222vw 0vw 10vw; } .wearable-buds .wearable-common__headline { width: 664.7333333333px; width: 86.6666666667vw; margin-bottom: 42.6111111111px; margin-bottom: 5.5555555556vw; font-size: 51.1333333333px; font-size: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__headline { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__headline { margin-bottom: 20px; margin-bottom: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__headline { font-size: 24px; font-size: 6.6666666667vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .wearable-common__headline { padding: 0px 63.9166666667px; padding: 0vw 8.3333333333vw; } .wearable-buds .wearable-common__carousel-text { min-height: 191.75px; min-height: 25vw; padding: 0px 149.1388888889px 42.6111111111px 34.0888888889px; padding: 0vw 19.4444444444vw 5.5555555556vw 4.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-text { min-height: 90px; min-height: 25vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .wearable-common__carousel-text { padding: 0px 34.0888888889px 42.6111111111px 149.1388888889px; padding: 0vw 4.4444444444vw 5.5555555556vw 19.4444444444vw; } .wearable-buds .wearable-common__carousel-tit { font-size: 34.0888888889px; font-size: 4.4444444444vw; line-height: 1.3125; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-tit { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .wearable-common__carousel-tit { line-height: 1.4; } .wearable-buds .wearable-common__carousel-navigation-wrap { width: 664.7333333333px; width: 86.6666666667vw; left: -31.9583333333px; left: -4.1666666667vw; right: -31.9583333333px; right: -4.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-navigation-wrap { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-navigation-wrap { left: -15px; left: -4.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-navigation-wrap { right: -15px; right: -4.1666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__carousel-arrow { top: 413.3277777778px; top: 53.8888888889vw; width: 85.2222222222px; width: 11.1111111111vw; height: 85.2222222222px; height: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-arrow { top: 194px; top: 53.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-arrow { width: 40px; width: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-arrow { height: 40px; height: 11.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__carousel-next { right: -42.6111111111px; right: -5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-next { right: -20px; right: -5.5555555556vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .wearable-common__carousel-next { left: -42.6111111111px; left: -5.5555555556vw; right: auto; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-buds .wearable-common__carousel-next { left: -20px; left: -5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__carousel-prev { left: -42.6111111111px; left: -5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-prev { left: -20px; left: -5.5555555556vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .wearable-common__carousel-prev { left: auto; right: -42.6111111111px; right: -5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-buds .wearable-common__carousel-prev { right: -20px; right: -5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__carousel-pagination-wrap { width: 664.7333333333px; width: 86.6666666667vw; height: 42.6111111111px; height: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-pagination-wrap { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-pagination-wrap { height: 20px; height: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__carousel-scrollbar { width: 664.7333333333px; width: 86.6666666667vw; height: 42.6111111111px; height: 5.5555555556vw; margin-top: 25.5666666667px; margin-top: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-scrollbar { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-scrollbar { height: 20px; height: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-scrollbar { margin-top: 12px; margin-top: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__carousel-container.front-slider { width: 100%; } .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { width: 664.7333333333px; width: 86.6666666667vw; height: 916.1388888889px; height: 119.4444444444vw; border-radius: 42.6111111111px; border-radius: 5.5555555556vw; margin: 0; opacity: 1; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { height: 430px; height: 119.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { border-radius: 20px; border-radius: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); } .wearable-buds .wearable-highlight-carousel__image { width: 664.7333333333px; width: 86.6666666667vw; height: 916.1388888889px; height: 119.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__image { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__image { height: 430px; height: 119.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { right: 29.8277777778px; right: 3.8888888889vw; bottom: 29.8277777778px; bottom: 3.8888888889vw; width: 68.1777777778px; width: 8.8888888889vw; height: 68.1777777778px; height: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { right: 14px; right: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { bottom: 14px; bottom: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { width: 32px; width: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { height: 32px; height: 8.8888888889vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .wearable-highlight-carousel__video .video__controller { left: 29.8277777778px; left: 3.8888888889vw; right: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-buds .wearable-highlight-carousel__video .video__controller { left: 14px; left: 3.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon { width: 68.1777777778px; width: 8.8888888889vw; height: 68.1777777778px; height: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon { width: 32px; width: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon { height: 32px; height: 8.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon circle { stroke-width: 21.3055555556px; stroke-width: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon circle { stroke-width: 10px; stroke-width: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .video__controller--paused, .wearable-buds .wearable-highlight-carousel__video .video__controller .video__controller--playing { width: 46.8722222222px; width: 6.1111111111vw; height: 46.8722222222px; height: 6.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .video__controller--paused, .wearable-buds .wearable-highlight-carousel__video .video__controller .video__controller--playing { width: 22px; width: 6.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .video__controller--paused, .wearable-buds .wearable-highlight-carousel__video .video__controller .video__controller--playing { height: 22px; height: 6.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .highlight-inner { top: 95.875px; top: 12.5vw; right: 0; width: 100%; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .highlight-inner { top: 45px; top: 12.5vw; } } @media screen and (max-width: 767px) { .wearable-buds .highlight-inner__txt { font-size: 29.8277777778px; font-size: 3.8888888889vw; color: #354144; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .highlight-inner__txt { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .highlight-inner__value { font-size: 87.3527777778px; font-size: 11.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .highlight-inner__value { font-size: 41px; font-size: 11.3888888889vw; } } .wearable-buds .welcome { position: relative; padding: 90px 0px 103px; padding: 6.25vw 0vw 7.1527777778vw; background-color: #000; color: #fff; } .wearable-buds .welcome::after, .wearable-buds .welcome::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .welcome::before { bottom: initial; top: -1px; } @media (min-width: 1440px) { .wearable-buds .welcome { padding: 90px 0px 103px; } } .wearable-buds .welcome * { color: #fff; } .wearable-buds .welcome .common__headline { padding: 0px 0px 60px; padding: 0vw 0vw 3.1666666667vw; margin: 0 auto; text-align: center; } @media (min-width: 1440px) { .wearable-buds .welcome .common__headline { padding: 0px 0px 25px; } } .wearable-buds .welcome__background { max-width: 1440px; max-width: 100vw; position: relative; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .welcome__background { max-width: 1440px; } } .wearable-buds .welcome__background img { height: 888px; height: 61.6666666667vw; -o-object-fit: cover; object-fit: cover; } @media (min-width: 1440px) { .wearable-buds .welcome__background img { height: 888px; } } .wearable-buds .welcome__background--after { position: absolute; top: 0; left: 0; opacity: 0; } @media screen and (max-width: 767px) { .wearable-buds .welcome { padding: 0px 0px 104.3972222222px; padding: 0vw 0vw 13.6111111111vw; } .wearable-buds .welcome .common__headline { padding: 93.7444444444px 51.1333333333px 202.4027777778px; padding: 2.2222222222vw 6.6666666667vw 2.3888888889vw; line-height: 1.204545; max-width: initial; } html[lang^=my] .wearable-buds .welcome .common__headline { line-height: 1.4; } .wearable-buds .welcome .common__headline sup { display: block; } .wearable-buds .welcome__background { max-width: initial; } .wearable-buds .welcome__background img { height: 596.5555555556px; height: 77.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .welcome__background img { height: 280px; height: 77.7777777778vw; } } .wearable-buds .new-design { position: relative; padding: 93px 0px 100px; padding: 6.4583333333vw 0vw 6.9444444444vw; background-color: #000; color: #fff; } .wearable-buds .new-design::after, .wearable-buds .new-design::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .new-design::before { bottom: initial; top: -1px; } @media (min-width: 1440px) { .wearable-buds .new-design { padding: 93px 0px 100px; } } .wearable-buds .new-design * { color: inherit; } .wearable-buds .new-design__header { padding: 44px 30px; max-width: 55%; text-align: center; padding-left: 0px; padding-right: 0px; } /* .wearable-buds .new-design__header { max-width: 900px; max-width: 62.5vw; gap: 30px; gap: 2.0833333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; text-align: center; } */ /* @media (min-width: 1440px) { .wearable-buds .new-design__header { max-width: 900px; } } @media (min-width: 1440px) { .wearable-buds .new-design__header { gap: 30px; } } */ .new-design__flex-container { display: flex; max-width: 83.3333333333vw; margin: 0 auto; justify-content: space-between; } @media(min-width:1440px) { .new-design__flex-container { max-width: 1200px; } } @media screen and (max-width: 767px) { .new-design__flex-container { display: block; } } .wearable-buds .new-design__header .common__sub-headline { width: 800px; width: 40.555556vw; text-align: left; padding-left: 0px; } /* .wearable-buds .new-design__header .common__sub-headline { width: 800px; width: 55.5555555556vw; margin: auto; } */ /* @media (min-width: 1440px) { .wearable-buds .new-design__header .common__sub-headline { width: 800px; } } */ .wearable-buds .new-design__header .common__description { color: #eee; text-align: left; padding-top: 15px; padding-left: 0px; } .wearable-buds .new-design__video { max-width: 27vw; width: 100%; margin-top: 0vw; } /* .wearable-buds .new-design__video { padding: 59px 0px 0px; padding: 4.0972222222vw 0vw 0vw; max-width: 1440px; max-width: 100vw; margin: 0 auto; } */ /* @media (min-width: 1440px) { .wearable-buds .new-design__video { padding: 59px 0px 0px; } } @media (min-width: 1440px) { .wearable-buds .new-design__video { max-width: 1440px; } } */ .wearable-buds .new-design__video .video__container { /* height: 810px; */ height: 100%; } /* .wearable-buds .new-design__video .video__container { height: 810px; height: 56.25vw; } */ /* @media (min-width: 1440px) { .wearable-buds .new-design__video .video__container { height: 810px; } } */ .wearable-buds .new-design__colorchip { padding: 98px 0px 0px; padding: 6.8055555556vw 0vw 0vw; max-width: 1200px; max-width: 83.3333333333vw; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip { padding: 98px 0px 0px; } } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip { max-width: 1200px; } } .wearable-buds .new-design__colorchip--title { font-size: 48px; font-size: 3.3333333333vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.041667; display: block; font-weight: bold; } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip--title { font-size: 48px; } } html.rtl .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .new-design__colorchip--title { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .new-design__colorchip--title { line-height: 1.4; } .wearable-buds .new-design__colorchip .common__tab { margin-top: 33px; margin-top: 2.2916666667vw; } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab { margin-top: 33px; } } .wearable-buds .new-design__colorchip .common__tab-list { margin-top: 38px; margin-top: 2.6388888889vw; gap: 17px; gap: 1.1805555556vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-list { margin-top: 38px; } } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-list { gap: 17px; } } .wearable-buds .new-design__colorchip .common__tab-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wearable-buds .new-design__colorchip .common__tab-cta [class*=color] { width: 26px; width: 1.8055555556vw; height: 26px; height: 1.8055555556vw; position: relative; display: block; border-radius: 50%; background-color: #f2f2f2; border: 1px solid rgba(0, 0, 0, 0.1); } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-cta [class*=color] { width: 26px; } } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-cta [class*=color] { height: 26px; } } .wearable-buds .new-design__colorchip .common__tab-cta [class*=color]::before { content: ""; position: absolute; inset: -4px; margin: auto; display: block; border-radius: 50%; background-color: transparent; border: 1px solid transparent; -webkit-transition: border 0.2s; transition: border 0.2s; } .wearable-buds .new-design__colorchip .common__tab-cta [class*=gray] { background-color: #5c5c5c; } .wearable-buds .new-design__colorchip .common__tab-cta.is-active [class*=color]::before { border-color: #197ae5; } .wearable-buds .new-design__colorchip .common__tab-name { margin-top: 10px; margin-top: 0.6944444444vw; font-size: 14px; font-size: 0.9722222222vw; font-family: "SamsungOne", arial, sans-serif; font-weight: 700; line-height: 1.214286; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; text-align: center; } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-name { margin-top: 10px; } } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-name { font-size: 14px; } } html.rtl .wearable-buds .new-design__colorchip .common__tab-name { font-family: "SamsungOne"; } html[lang^=ko] .wearable-buds .new-design__colorchip .common__tab-name { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^=my] .wearable-buds .new-design__colorchip .common__tab-name { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .new-design__colorchip .common__tab-name { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .new-design__colorchip .common__tab-name { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .new-design__colorchip .common__tab-name { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .new-design__colorchip .common__tab-name { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .new-design__colorchip .common__tab-name { font-family: "SamsungOneGeorgian", Sylfaen; } html[lang^=my] .wearable-buds .new-design__colorchip .common__tab-name { line-height: 1.4; } .wearable-buds .new-design__colorchip .common__tab-name span { display: none; } .wearable-buds .new-design__colorchip .common__tab-name span.is-active { display: block; } .wearable-buds .new-design__colorchip .common__tab-colors { gap: 24px; gap: 1.6666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-colors { gap: 24px; } } .wearable-buds .new-design__colorchip .common__tab-color { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .new-design__colorchip .common__tab-color img { height: 588px; height: 40.8333333333vw; } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-color img { height: 588px; } } @media screen and (max-width: 767px) { .wearable-buds .new-design { padding: 0; } .wearable-buds .new-design__header { /* padding: 98.0055555556px 51.1333333333px 85.2222222222px; padding: 12.7777777778vw 6.6666666667vw 11.1111111111vw; gap: 38.35px; gap: 5vw; */ max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__header { gap: 18px; gap: 5vw; } } @media screen and (max-width: 767px) { .wearable-buds .new-design__header .common__sub-headline { width: 100%; text-align: center; padding-left: 0px; } .wearable-buds .new-design__video { padding: 0px 0px 102.2666666667px; padding: 0vw 0vw 1.3333333333vw; max-width: initial; } .wearable-buds .new-design__video .video__container { height: 728.65px; height: 95vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__video .video__container { height: 342px; height: 95vw; } } @media screen and (max-width: 767px) { .wearable-buds .new-design__colorchip { padding: 104.3972222222px 51.1333333333px 108.6583333333px; padding: 13.6111111111vw 6.6666666667vw 14.1666666667vw; max-width: initial; } .wearable-buds .new-design__colorchip--title { font-size: 51.1333333333px; font-size: 6.6666666667vw; line-height: 1.125; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip--title { font-size: 24px; font-size: 6.6666666667vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .new-design__colorchip--title { line-height: 1.4; } .wearable-buds .new-design__colorchip .common__tab { margin-top: 44.7416666667px; margin-top: 5.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab { margin-top: 21px; margin-top: 5.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .new-design__colorchip .common__tab-list { gap: 36.2194444444px; gap: 4.7222222222vw; margin-top: 63.9166666667px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-list { gap: 17px; gap: 4.7222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-list { margin-top: 30px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .new-design__colorchip .common__tab-cta [class*=color] { width: 55.3944444444px; width: 7.2222222222vw; height: 55.3944444444px; height: 7.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-cta [class*=color] { width: 26px; width: 7.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-cta [class*=color] { height: 26px; height: 7.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .new-design__colorchip .common__tab-name { margin-top: 21.3055555556px; margin-top: 2.7777777778vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.214286; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-name { margin-top: 10px; margin-top: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-name { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .new-design__colorchip .common__tab-name { line-height: 1.4; } .wearable-buds .new-design__colorchip .common__tab-colors { gap: 51.1333333333px; gap: 6.6666666667vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-colors { gap: 24px; gap: 6.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .new-design__colorchip .common__tab-color img { height: 511.3333333333px; height: 66.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-color img { height: 240px; height: 66.6666666667vw; } } .wearable-buds .intuitive-control { position: relative; padding: 93px 0px 100px; padding: 6.4583333333vw 0vw 6.9444444444vw; background-color: #000; color: #fff; } .wearable-buds .intuitive-control::after, .wearable-buds .intuitive-control::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .intuitive-control::before { bottom: initial; top: -1px; } @media (min-width: 1440px) { .wearable-buds .intuitive-control { padding: 93px 0px 100px; } } .wearable-buds .intuitive-control * { color: inherit; } .wearable-buds .intuitive-control__wrap { max-width: 1280px; max-width: 88.8888888889vw; position: relative; } @media (min-width: 1440px) { .wearable-buds .intuitive-control__wrap { max-width: 1280px; } } .wearable-buds .intuitive-control__header { gap: 24px; gap: 1.6666666667vw; max-width: 900px; max-width: 62.5vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; text-align: center; } @media (min-width: 1440px) { .wearable-buds .intuitive-control__header { gap: 24px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control__header { max-width: 900px; } } .wearable-buds .intuitive-control .common__sub-headline { width: 800px; width: 55.5555555556vw; margin: auto; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__sub-headline { width: 800px; } } .wearable-buds .intuitive-control .common__description { color: #eee; } .wearable-buds .intuitive-control .common__tab { margin: 20px auto 0px; margin: 1.3888888889vw auto 0vw; max-width: 1440px; max-width: 100vw; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab { margin: 20px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab { max-width: 1440px; } } .wearable-buds .intuitive-control .common__tab-list { top: 302px; top: 20.9722222222vw; margin-right: 200px; margin-right: 13.8888888889vw; gap: 23px; gap: 1.5972222222vw; position: absolute; right: 50%; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-list { top: 302px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-list { margin-right: 200px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-list { gap: 23px; } } .wearable-buds .intuitive-control .common__tab-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wearable-buds .intuitive-control .common__tab-cta--checker { width: 19px; width: 1.3194444444vw; height: 19px; height: 1.3194444444vw; margin-right: 20px; margin-right: 1.3888888889vw; border-width: 2px; border-width: 0.1388888889vw; position: relative; border-style: solid; border-color: #fff; border-radius: 50%; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--checker { width: 19px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--checker { height: 19px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--checker { margin-right: 20px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--checker { border-width: 2px; } } .wearable-buds .intuitive-control .common__tab-cta--checker::after { width: 9px; width: 0.625vw; height: 9px; height: 0.625vw; content: ""; display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #fff; border-radius: 50%; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--checker::after { width: 9px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--checker::after { height: 9px; } } .wearable-buds .intuitive-control .common__tab-cta--image { margin-right: 14px; margin-right: 0.9722222222vw; width: 96px; width: 6.6666666667vw; display: block; position: relative; opacity: 0.3; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--image { margin-right: 14px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--image { width: 96px; } } .wearable-buds .intuitive-control .common__tab-cta--image-play { width: 24px; width: 1.6666666667vw; height: 24px; height: 1.6666666667vw; position: absolute; right: 0; bottom: 0; opacity: 0; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--image-play { width: 24px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--image-play { height: 24px; } } .wearable-buds .intuitive-control .common__tab-cta--textblock { gap: 10px; gap: 0.6944444444vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0.3; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--textblock { gap: 10px; } } .wearable-buds .intuitive-control .common__tab-cta--text { font-size: 22px; font-size: 1.5277777778vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.090909; font-weight: bold; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--text { font-size: 22px; } } html.rtl .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .intuitive-control .common__tab-cta--text { line-height: 1.4; } .wearable-buds .intuitive-control .common__tab-cta--desc { font-size: 18px; font-size: 1.25vw; line-height: 1.333333; color: #eee; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--desc { font-size: 18px; } } html[lang^=my] .wearable-buds .intuitive-control .common__tab-cta--desc { line-height: 1.4; } .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--image, .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--image-play, .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--textblock { opacity: 1; } .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--checker::after { display: block; } .wearable-buds .intuitive-control .common__tab-panels::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: transparent -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(105%, #000)) 0% 0% no-repeat; background: transparent linear-gradient(180deg, transparent 0%, #000 105%) 0% 0% no-repeat; z-index: 5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; -ms-touch-action: none; touch-action: none; } .wearable-buds .intuitive-control .common__tab-panel { background-color: #000; } .wearable-buds .intuitive-control__background { height: 720px; height: 50vw; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom; } @media (min-width: 1440px) { .wearable-buds .intuitive-control__background { height: 720px; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control { padding: 0px 0px 106.5277777778px; padding: 0vw 0vw 13.8888888889vw; } .wearable-buds .intuitive-control__wrap { max-width: initial; } .wearable-buds .intuitive-control__header { padding: 95.875px 51.1333333333px 63.9166666667px; padding: 12.5vw 6.6666666667vw 8.3333333333vw; gap: 38.35px; gap: 5vw; position: static; margin: 0; max-width: initial; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control__header { gap: 18px; gap: 5vw; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control__header .common__sub-headline { width: 100%; } .wearable-buds .intuitive-control__header br { display: none; } .wearable-buds .intuitive-control .common__description { max-width: initial; } .wearable-buds .intuitive-control .common__tab { margin-top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wearable-buds .intuitive-control .common__tab-list { gap: 85.2222222222px; gap: 11.1111111111vw; padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; position: relative; top: initial; right: initial; margin: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-list { gap: 40px; gap: 11.1111111111vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .intuitive-control .common__tab-list { margin: 0; left: initial; } .wearable-buds .intuitive-control .common__tab-cta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wearable-buds .intuitive-control .common__tab-cta--checker { width: 42.6111111111px; width: 5.5555555556vw; height: 42.6111111111px; height: 5.5555555556vw; border-width: 2.1305555556px; border-width: 0.2777777778vw; margin: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--checker { width: 20px; width: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--checker { height: 20px; height: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--checker { border-width: 1px; border-width: 0.2777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control .common__tab-cta--checker::after { width: 25.5666666667px; width: 3.3333333333vw; height: 25.5666666667px; height: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--checker::after { width: 12px; width: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--checker::after { height: 12px; height: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control .common__tab-cta--image { margin: 25.5666666667px 0px 0px; margin: 3.3333333333vw 0vw 0vw; width: 106.5277777778px; width: 13.8888888889vw; height: 106.5277777778px; height: 13.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--image { width: 50px; width: 13.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--image { height: 50px; height: 13.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control .common__tab-cta--image-play { width: 29.8277777778px; width: 3.8888888889vw; height: 29.8277777778px; height: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--image-play { width: 14px; width: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--image-play { height: 14px; height: 3.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control .common__tab-cta--textblock { top: 225.8388888889px; top: 29.4444444444vw; gap: 25.5666666667px; gap: 3.3333333333vw; padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; min-height: 144.8777777778px; min-height: 18.8888888889vw; position: absolute; left: 0; width: 100%; opacity: 0; text-align: center; -ms-touch-action: none; touch-action: none; pointer-events: none; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--textblock { top: 106px; top: 29.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--textblock { gap: 12px; gap: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--textblock { min-height: 68px; min-height: 18.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control .common__tab-cta--text { font-size: 38.35px; font-size: 5vw; line-height: 1.111111; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--text { font-size: 18px; font-size: 5vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .intuitive-control .common__tab-cta--text { line-height: 1.4; } .wearable-buds .intuitive-control .common__tab-cta--desc { font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.357143; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--desc { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .intuitive-control .common__tab-cta--desc { line-height: 1.4; } .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--textblock { opacity: 1; } .wearable-buds .intuitive-control .common__tab-panels { margin: 259.9277777778px 0px 0px; margin: 33.8888888889vw 0vw 0vw; } .wearable-buds .intuitive-control .common__tab-panels::after { height: 596.5555555556px; height: 77.7777777778vw; background: transparent -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(120%, #000)) 0% 0% no-repeat; background: transparent linear-gradient(180deg, transparent 0%, #000 120%) 0% 0% no-repeat; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-panels::after { height: 280px; height: 77.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control__background { height: 596.5555555556px; height: 77.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control__background { height: 280px; height: 77.7777777778vw; } } .wearable-buds .sound-bigmo { position: relative; color: #fff; background-color: #000; overflow: hidden; } .wearable-buds .sound-bigmo::after, .wearable-buds .sound-bigmo::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .sound-bigmo::before { bottom: initial; top: -1px; } .wearable-buds .sound-bigmo * { color: #fff; } .wearable-buds .sound-bigmo .common__headline { padding: 93px 0px 53px; padding: 0.4583333333vw 0vw 3.6805555556vw; text-align: center; } .wearable-buds .sound-bigmo .common__description { width: 65%; text-align: center; margin: 0px auto; } @media (min-width: 1440px) { .wearable-buds .sound-bigmo .common__headline { padding: 15px 0px 53px; } } .wearable-buds .sound-bigmo__video { max-height: 800px; max-height: 55.5555555556vw; position: relative; height: 100vh; } @media (min-width: 1440px) { .wearable-buds .sound-bigmo__video { max-height: 800px; } } .wearable-buds .sound-bigmo__video .video__container { width: 1920px; width: 133.3333333333vw; max-height: 800px; max-height: 55.5555555556vw; position: absolute; top: 0; left: 50%; width: 100%; height: 100vh; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 1440px) { .wearable-buds .sound-bigmo__video .video__container { width: 1920px; } } @media (min-width: 1440px) { .wearable-buds .sound-bigmo__video .video__container { max-height: 800px; } } .wearable-buds .sound-bigmo__video .video__container img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media screen and (max-width: 767px) { .wearable-buds .sound-bigmo { padding: 0px 0px 93.7444444444px; padding: 0vw 0vw 12.2222222222vw; } .wearable-buds .sound-bigmo .common__headline { padding: 15.875px 51.1333333333px 127.8333333333px; padding: 2.5vw 6.6666666667vw 5vw; } .wearable-buds .sound-bigmo__video { max-height: 728.65px; max-height: 95vw; } .wearable-buds .sound-bigmo .common__description { width: 84vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .sound-bigmo__video { max-height: 342px; max-height: 95vw; } } @media screen and (max-width: 767px) { .wearable-buds .sound-bigmo__video .video__container { max-height: 728.65px; max-height: 95vw; width: 100%; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .sound-bigmo__video .video__container { max-height: 342px; max-height: 95vw; } } @media screen and (max-width: 767px) { .wearable-buds .sound-bigmo__video .video__container video { width: 1534px; width: 200vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .sound-bigmo__video .video__container video { width: 720px; width: 200vw; } } .wearable-buds .crystal-tw { position: relative; padding: 93px 0px 60px; padding: 6.4583333333vw 0vw 4.1666666667vw; background-color: #000; color: #fff; } .wearable-buds .crystal-tw::after, .wearable-buds .crystal-tw::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .crystal-tw::before { bottom: initial; top: -1px; } @media (min-width: 1440px) { .wearable-buds .crystal-tw { padding: 93px 0px 60px; } } .wearable-buds .crystal-tw * { color: #fff; } .wearable-buds .crystal-tw__header { gap: 60px; gap: 4.1666666667vw; max-width: 1200px; max-width: 83.3333333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__header { gap: 60px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__header { max-width: 1200px; } } .wearable-buds .crystal-tw .common__sub-headline { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .crystal-tw .common__description { padding-top: 6px; padding-top: 0.4166666667vw; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } @media (min-width: 1440px) { .wearable-buds .crystal-tw .common__description { padding-top: 6px; } } .wearable-buds .crystal-tw__content { margin-top: 57px; margin-top: 3.9583333333vw; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content { margin-top: 57px; } } .wearable-buds .crystal-tw__content ul { position: relative; z-index: 3; } .wearable-buds .crystal-tw__content [class*=__caption] { padding-top: 16px; padding-top: 1.1111111111vw; font-size: 22px; font-size: 1.5277777778vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.454545; position: absolute; z-index: 2; font-weight: bold; opacity: 0; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class*=__caption] { padding-top: 16px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class*=__caption] { font-size: 22px; } } html.rtl .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .crystal-tw__content [class*=__caption] { line-height: 1.6; } .wearable-buds .crystal-tw__content [class*=__caption]::before { content: ""; position: absolute; top: 0; display: block; width: 100%; height: 1px; background-color: #bbb; } .wearable-buds .crystal-tw__content [class$="--wind-shield"] { top: 124px; top: 8.6111111111vw; margin-left: 180px; margin-left: 12.5vw; width: 230px; width: 15.9722222222vw; left: 50%; text-align: right; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--wind-shield"] { top: 124px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--wind-shield"] { margin-left: 180px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--wind-shield"] { width: 230px; } } .wearable-buds .crystal-tw__content [class$="--wind-shield"]::before { right: 0; } .wearable-buds .crystal-tw__content [class$="--light"] { top: 201px; top: 13.9583333333vw; margin-right: -80px; margin-right: -5.5555555556vw; width: 350px; width: 24.3055555556vw; right: 50%; text-align: left; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--light"] { top: 201px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--light"] { margin-right: -80px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--light"] { width: 350px; } } .wearable-buds .crystal-tw__content [class$="--light"]::before { left: 0; } .wearable-buds .crystal-tw__content [class$="--swipe"] { top: 308px; top: 21.3888888889vw; margin-left: 57px; margin-left: 3.9583333333vw; width: 248px; width: 17.2222222222vw; left: 50%; text-align: right; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--swipe"] { top: 308px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--swipe"] { margin-left: 57px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--swipe"] { width: 248px; } } .wearable-buds .crystal-tw__content [class$="--swipe"]::before { right: 0; } .wearable-buds .crystal-tw__content [class$="--pinch"] { top: 425px; top: 29.5138888889vw; margin-left: -21px; margin-left: -1.4583333333vw; width: 221px; width: 15.3472222222vw; left: 50%; text-align: right; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--pinch"] { top: 425px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--pinch"] { margin-left: -21px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--pinch"] { width: 221px; } } .wearable-buds .crystal-tw__content [class$="--pinch"]::before { right: 0; } .wearable-buds .crystal-tw__content.scroll-effect [class*=__caption] { opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--wind-shield"] { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--light"] { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--swipe"] { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--pinch"] { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .wearable-buds .crystal-tw__content.scroll-effect .crystal-tw__image--on { opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; } .wearable-buds .crystal-tw__image { height: 520px; height: 36.1111111111vw; position: relative; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__image { height: 520px; } } .wearable-buds .crystal-tw__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .wearable-buds .crystal-tw__image--on { z-index: 2; opacity: 0; } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw { padding: 0; } .wearable-buds .crystal-tw__header { gap: 38.35px; gap: 5vw; padding: 95.875px 51.1333333333px 78.8305555556px; padding: 12.5vw 6.6666666667vw 10.2777777778vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__header { gap: 18px; gap: 5vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content { padding: 0px 0px 108.6583333333px; padding: 0vw 0vw 14.1666666667vw; } .wearable-buds .crystal-tw__content [class*=__caption] { padding: 0px 25.5666666667px; padding: 0vw 3.3333333333vw; font-size: 34.0888888889px; font-size: 4.4444444444vw; line-height: 1.125; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class*=__caption] { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .crystal-tw__content [class*=__caption] { line-height: 1.4; } .wearable-buds .crystal-tw__content [class*=__caption]::before { background-color: #8f8f8f; } .wearable-buds .crystal-tw__content [class$="--wind-shield"] { top: -51.1333333333px; top: -6.6666666667vw; margin-right: -132.0944444444px; margin-right: -17.2222222222vw; left: initial; right: 50%; margin-left: 0; width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--wind-shield"] { top: -24px; top: -6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--wind-shield"] { margin-right: -62px; margin-right: -17.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content [class$="--wind-shield"]::before { height: 189.6194444444px; height: 24.7222222222vw; width: 1px; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--wind-shield"]::before { height: 89px; height: 24.7222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content [class$="--light"] { top: 270.5805555556px; top: 35.2777777778vw; margin-left: 80.9611111111px; margin-left: 10.5555555556vw; right: initial; left: 50%; margin-right: 0; width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--light"] { top: 127px; top: 35.2777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--light"] { margin-left: 38px; margin-left: 10.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content [class$="--light"]::before { height: 142.7472222222px; height: 18.6111111111vw; width: 1px; top: initial; bottom: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--light"]::before { height: 67px; height: 18.6111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content [class$="--swipe"] { top: 409.0666666667px; top: 53.3333333333vw; margin-left: 25.5666666667px; margin-left: 3.3333333333vw; width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--swipe"] { top: 192px; top: 53.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--swipe"] { margin-left: 12px; margin-left: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content [class$="--swipe"]::before { height: 134.225px; height: 17.5vw; top: initial; right: initial; bottom: 0; left: 0; width: 1px; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--swipe"]::before { height: 63px; height: 17.5vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content [class$="--pinch"] { top: 545.4222222222px; top: 71.1111111111vw; margin-left: -27.6972222222px; margin-left: -3.6111111111vw; width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--pinch"] { top: 256px; top: 71.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--pinch"] { margin-left: -13px; margin-left: -3.6111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content [class$="--pinch"]::before { height: 196.0111111111px; height: 25.5555555556vw; top: initial; right: initial; left: 0; bottom: 0; width: 1px; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--pinch"]::before { height: 92px; height: 25.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content.scroll-effect [class*=__caption] { opacity: 1; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--wind-shield"] { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--light"] { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--swipe"] { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--pinch"] { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .wearable-buds .crystal-tw__content.scroll-effect .crystal-tw__image--on { opacity: 1; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .wearable-buds .crystal-tw__image { height: 596.5555555556px; height: 77.7777777778vw; width: auto; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__image { height: 280px; height: 77.7777777778vw; } } .wearable-buds .crystal-amplifier { position: relative; padding: 100px 0px; padding: 6.9444444444vw 0vw; color: #fff; background-color: #000; } .wearable-buds .crystal-amplifier::after, .wearable-buds .crystal-amplifier::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .crystal-amplifier::before { bottom: initial; top: -1px; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier { padding: 100px 0px; } } .wearable-buds .crystal-amplifier__wrap { position: relative; } .wearable-buds .crystal-amplifier__wrap.frame01 .crystal-amplifier__item-amp { opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; } .wearable-buds .crystal-amplifier__wrap.frame02 .crystal-amplifier__item-speaker { opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .wearable-buds .crystal-amplifier__item { position: absolute; z-index: 2; opacity: 0; } .wearable-buds .crystal-amplifier__item--label { font-size: 32px; font-size: 2.2222222222vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.09375; display: block; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item--label { font-size: 32px; } } html.rtl .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .crystal-amplifier__item--label { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .crystal-amplifier__item--label { line-height: 1.4; } .wearable-buds .crystal-amplifier__item--desc { margin-top: 12px; margin-top: 0.8333333333vw; font-size: 14px; font-size: 0.9722222222vw; line-height: 1.357143; color: #eee; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item--desc { margin-top: 12px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item--desc { font-size: 14px; } } html[lang^=my] .wearable-buds .crystal-amplifier__item--desc { line-height: 1.4; } .wearable-buds .crystal-amplifier__item-amp { margin-left: -346px; margin-left: -24.0277777778vw; margin-bottom: -133px; margin-bottom: -9.2361111111vw; padding: 0px 0px 329px 20px; padding: 0vw 0vw 22.8472222222vw 1.3888888889vw; width: 296px; width: 20.5555555556vw; bottom: 50%; left: 50%; border-left: 1px solid #8f8f8f; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-amp { margin-left: -346px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-amp { margin-bottom: -133px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-amp { padding: 0px 0px 329px 20px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-amp { width: 296px; } } .wearable-buds .crystal-amplifier__item-speaker { margin-top: 14px; margin-top: 0.9722222222vw; margin-left: -15px; margin-left: -1.0416666667vw; padding: 181px 0px 0px 20px; padding: 12.5694444444vw 0vw 0vw 1.3888888889vw; top: 50%; left: 50%; border-left: 1px solid #8f8f8f; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-speaker { margin-top: 14px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-speaker { margin-left: -15px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-speaker { padding: 181px 0px 0px 20px; } } .wearable-buds .crystal-amplifier__item-speaker::before { margin-top: 42px; margin-top: 2.9166666667vw; width: 215px; width: 14.9305555556vw; height: 121px; height: 8.4027777778vw; content: ""; position: absolute; top: 0; right: 100%; border-bottom: 1px solid #8f8f8f; border-left: 1px solid #8f8f8f; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-speaker::before { margin-top: 42px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-speaker::before { width: 215px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-speaker::before { height: 121px; } } .wearable-buds .crystal-amplifier__item-speaker--desc { max-width: 295px; max-width: 20.4861111111vw; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-speaker--desc { max-width: 295px; } } .wearable-buds .crystal-amplifier__item-hidden-image { display: none; } .wearable-buds .crystal-amplifier__item-origin-image { height: 710px; height: 49.3055555556vw; -o-object-fit: cover; object-fit: cover; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-origin-image { height: 710px; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-amplifier { padding: 102.2666666667px 0px; padding: 13.3333333333vw 0vw; } .wearable-buds .crystal-amplifier__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wearable-buds .crystal-amplifier__wrap.frame02 .crystal-amplifier__item-speaker::before, .wearable-buds .crystal-amplifier__wrap.frame02 .crystal-amplifier__item-speaker::after, .wearable-buds .crystal-amplifier__wrap.frame02 .crystal-amplifier__item-speaker--label, .wearable-buds .crystal-amplifier__wrap.frame02 .crystal-amplifier__item-speaker--desc { opacity: 1; } .wearable-buds .crystal-amplifier__item { position: relative; border: 0; } .wearable-buds .crystal-amplifier__item--label { font-size: 46.8722222222px; font-size: 6.1111111111vw; line-height: 1.090909; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item--label { font-size: 22px; font-size: 6.1111111111vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .crystal-amplifier__item--label { line-height: 1.4; } .wearable-buds .crystal-amplifier__item--desc { margin-top: 25.5666666667px; margin-top: 3.3333333333vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.428571; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item--desc { margin-top: 12px; margin-top: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item--desc { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .crystal-amplifier__item--desc { line-height: 1.6; } .wearable-buds .crystal-amplifier__item-amp { padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; inset: initial; z-index: 2; margin: 0; width: auto; -webkit-transition-delay: 0s; transition-delay: 0s; } .wearable-buds .crystal-amplifier__item-amp::before { margin-top: 166.1833333333px; margin-top: 21.6666666667vw; margin-left: -89.4833333333px; margin-left: -11.6666666667vw; width: 44.7416666667px; width: 5.8333333333vw; height: 85.2222222222px; height: 11.1111111111vw; border-width: 2.1305555556px 2.1305555556px 0px 0px; border-width: 0.2777777778vw 0.2777777778vw 0vw 0vw; top: 100%; bottom: initial; left: 50%; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-amp::before { margin-top: 78px; margin-top: 21.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-amp::before { margin-left: -42px; margin-left: -11.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-amp::before { width: 21px; width: 5.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-amp::before { height: 40px; height: 11.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-amplifier__item-amp::after { margin-top: 17.0444444444px; margin-top: 2.2222222222vw; margin-left: -161.9222222222px; margin-left: -21.1111111111vw; height: 453.8083333333px; height: 59.1666666667vw; content: ""; position: absolute; top: 100%; left: 50%; display: block; width: 1px; background-color: #8f8f8f; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-amp::after { margin-top: 8px; margin-top: 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-amp::after { margin-left: -76px; margin-left: -21.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-amp::after { height: 213px; height: 59.1666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-amplifier__item-speaker { margin: 713.7361111111px 0px 0px; margin: 93.0555555556vw 0vw 0vw; padding: 0px 51.1333333333px 0px; padding: 0vw 6.6666666667vw 0vw; position: relative; inset: initial; z-index: 1; width: auto; opacity: 1; } .wearable-buds .crystal-amplifier__item-speaker::before { margin-right: -234.3611111111px; margin-right: -30.5555555556vw; margin-bottom: 213.0555555556px; margin-bottom: 27.7777777778vw; width: 255.6666666667px; width: 33.3333333333vw; height: 174.7055555556px; height: 22.7777777778vw; top: initial; right: 50%; bottom: 100%; z-index: 2; margin-top: initial; border-left: 0; border-right: 1px solid #8f8f8f; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-speaker::before { margin-right: -110px; margin-right: -30.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-speaker::before { margin-bottom: 100px; margin-bottom: 27.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-speaker::before { width: 120px; width: 33.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-speaker::before { height: 82px; height: 22.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-amplifier__item-speaker::after { margin-right: 21.3055555556px; margin-right: 2.7777777778vw; margin-bottom: 21.3055555556px; margin-bottom: 2.7777777778vw; height: 315.3222222222px; height: 41.1111111111vw; content: ""; position: absolute; right: 50%; bottom: 100%; width: 1px; background-color: #8f8f8f; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-speaker::after { margin-right: 10px; margin-right: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-speaker::after { margin-bottom: 10px; margin-bottom: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-speaker::after { height: 148px; height: 41.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-amplifier__item-speaker--desc { max-width: initial; } .wearable-buds .crystal-amplifier__item-speaker::before, .wearable-buds .crystal-amplifier__item-speaker::after, .wearable-buds .crystal-amplifier__item-speaker--label, .wearable-buds .crystal-amplifier__item-speaker--desc { opacity: 0; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .wearable-buds .crystal-amplifier__item-hidden-image { margin-bottom: 72.4388888889px; margin-bottom: 9.4444444444vw; position: absolute; bottom: 100%; left: 0; display: block; width: 100%; height: auto !important; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-hidden-image { margin-bottom: 34px; margin-bottom: 9.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-amplifier__item-origin-image { display: block; overflow: hidden; position: absolute !important; width: 1px; height: 1px; font-size: 1px; line-height: 1px; clip: rect(1px, 1px, 1px, 1px); } } .wearable-buds .crystal-hifi { position: relative; padding: 94px 0px 107px; padding: 6.5277777778vw 0vw 7.4305555556vw; background-color: #000; color: #fff; } .wearable-buds .crystal-hifi::after, .wearable-buds .crystal-hifi::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .crystal-hifi::before { bottom: initial; top: -1px; } @media (min-width: 1440px) { .wearable-buds .crystal-hifi { padding: 94px 0px 107px; } } .wearable-buds .crystal-hifi__header { gap: 30px; gap: 2.0833333333vw; max-width: 900px; max-width: 62.5vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; text-align: center; } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__header { gap: 30px; } } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__header { max-width: 900px; } } .wearable-buds .crystal-hifi .common__description { color: #eee; } .wearable-buds .crystal-hifi__content { gap: 24px; gap: 1.6666666667vw; margin: 60px auto 0px; margin: 4.1666666667vw auto 0vw; max-width: 1104px; max-width: 76.6666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__content { gap: 24px; } } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__content { margin: 60px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__content { max-width: 1104px; } } .wearable-buds .crystal-hifi__bit { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .crystal-hifi__bit--image { height: 420px; height: 29.1666666667vw; display: block; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom; object-position: bottom; width: 100%; } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__bit--image { height: 420px; } } .wearable-buds .crystal-hifi__bit--text { margin-top: 25px; margin-top: 1.7361111111vw; font-size: 32px; font-size: 2.2222222222vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.105263; font-weight: bold; text-align: center; } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__bit--text { margin-top: 25px; } } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__bit--text { font-size: 32px; } } html.rtl .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .crystal-hifi__bit--text { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .crystal-hifi__bit--text { line-height: 1.4; } .wearable-buds .crystal-hifi__bit--text small { margin-top: 6px; margin-top: 0.4166666667vw; font-size: 22px; font-size: 1.5277777778vw; line-height: 1.090909; display: block; font-weight: bold; } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__bit--text small { margin-top: 6px; } } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__bit--text small { font-size: 22px; } } html[lang^=my] .wearable-buds .crystal-hifi__bit--text small { line-height: 1.4; } @media screen and (max-width: 767px) { .wearable-buds .crystal-hifi { padding: 95.875px 51.1333333333px 106.5277777778px; padding: 12.5vw 6.6666666667vw 13.8888888889vw; } .wearable-buds .crystal-hifi__header { gap: 36.2194444444px; gap: 4.7222222222vw; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__header { gap: 17px; gap: 4.7222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-hifi__content { margin-top: 83.0916666667px; margin-top: 10.8333333333vw; gap: 34.0888888889px; gap: 4.4444444444vw; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__content { margin-top: 39px; margin-top: 10.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__content { gap: 16px; gap: 4.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-hifi__bit--image { height: 276.9722222222px; height: 36.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__bit--image { height: 130px; height: 36.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-hifi__bit--text { margin-top: 40.4805555556px; margin-top: 5.2777777778vw; font-size: 38.35px; font-size: 5vw; line-height: 1.111111; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__bit--text { margin-top: 19px; margin-top: 5.2777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__bit--text { font-size: 18px; font-size: 5vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .crystal-hifi__bit--text { line-height: 1.4; } .wearable-buds .crystal-hifi__bit--text small { margin-top: 17.0444444444px; margin-top: 2.2222222222vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.357143; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__bit--text small { margin-top: 8px; margin-top: 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__bit--text small { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .crystal-hifi__bit--text small { line-height: 1.4; } } .wearable-buds .galaxy-ai { background-color: #000; color: #fff; text-align: center; } .wearable-buds .galaxy-ai__wrap { position: relative; } .wearable-buds .galaxy-ai__header { top: 481px; top: 33.4027777778vw; position: absolute; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } @media (min-width: 1440px) { .wearable-buds .galaxy-ai__header { top: 481px; } } .wearable-buds .galaxy-ai .common__headline { gap: 12px; gap: 0.8333333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; direction: inherit; } @media (min-width: 1440px) { .wearable-buds .galaxy-ai .common__headline { gap: 12px; } } .wearable-buds .galaxy-ai .common__headline .common-ai-text { direction: ltr; } .wearable-buds .galaxy-ai .common__headline .common-ai-text__icon { margin: 7px 10px 0px; margin: 0.4861111111vw 0.6944444444vw 0vw; width: 51px; width: 3.5416666667vw; } @media (min-width: 1440px) { .wearable-buds .galaxy-ai .common__headline .common-ai-text__icon { margin: 7px 10px 0px; } } @media (min-width: 1440px) { .wearable-buds .galaxy-ai .common__headline .common-ai-text__icon { width: 51px; } } .wearable-buds .galaxy-ai .common__headline .common-ai-text__icon img { width: 100%; } .wearable-buds .galaxy-ai .common__headline small { font-size: 48px; font-size: 3.3333333333vw; font-family: "SamsungSharpSans", arial, sans-serif; } @media (min-width: 1440px) { .wearable-buds .galaxy-ai .common__headline small { font-size: 48px; } } html.rtl .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .galaxy-ai .common__headline small { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", Sylfaen; } .wearable-buds .galaxy-ai__background { height: 840px; height: 58.3333333333vw; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (min-width: 1440px) { .wearable-buds .galaxy-ai__background { height: 840px; } } @media screen and (max-width: 767px) { .wearable-buds .galaxy-ai__header { top: 547.5527777778px; top: 71.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .galaxy-ai__header { top: 257px; top: 71.3888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .galaxy-ai .common__headline { gap: 21.3055555556px; gap: 2.7777777778vw; font-size: 72.4388888889px; font-size: 9.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .galaxy-ai .common__headline { gap: 10px; gap: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .galaxy-ai .common__headline { font-size: 34px; font-size: 9.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .galaxy-ai .common__headline .common-ai-text__icon { margin: 2.1305555556px 8.5222222222px 0px; margin: 0.2777777778vw 1.1111111111vw 0vw; width: 72.4388888889px; width: 9.4444444444vw; height: 72.4388888889px; height: 9.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .galaxy-ai .common__headline .common-ai-text__icon { width: 34px; width: 9.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .galaxy-ai .common__headline .common-ai-text__icon { height: 34px; height: 9.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .galaxy-ai .common__headline small { font-size: 57.525px; font-size: 7.5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .galaxy-ai .common__headline small { font-size: 27px; font-size: 7.5vw; } } @media screen and (max-width: 767px) { .wearable-buds .galaxy-ai .common__headline small sup { display: block; } .wearable-buds .galaxy-ai__background { height: 1043.9722222222px; height: 136.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .galaxy-ai__background { height: 490px; height: 136.1111111111vw; } } .wearable-buds .sound-optimization { padding: 92px 0px 100px; padding: 6.3888888889vw 0vw 6.9444444444vw; overflow: hidden; } @media (min-width: 1440px) { .wearable-buds .sound-optimization { padding: 92px 0px 100px; } } .wearable-buds .sound-optimization__wrap { max-width: 1440px; max-width: 100vw; position: relative; } @media (min-width: 1440px) { .wearable-buds .sound-optimization__wrap { max-width: 1440px; } } .wearable-buds .sound-optimization__header { top: 182px; top: 17.6388888889vw; max-width: 420px; max-width: 29.1666666667vw; margin-left: 180px; margin-left: 12.5vw; gap: 30px; gap: 2.0833333333vw; position: absolute; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1440px) { .wearable-buds .sound-optimization__header { top: 240px; } } @media (min-width: 1440px) { .wearable-buds .sound-optimization__header { max-width: 420px; } } @media (min-width: 1440px) { .wearable-buds .sound-optimization__header { margin-left: 180px; } } @media (min-width: 1440px) { .wearable-buds .sound-optimization__header { gap: 30px; } } .wearable-buds .sound-optimization .common__sub-headline { width: 350px; width: 24.3055555556vw; margin-top: -7px; margin-top: -0.4861111111vw; line-height: 1.35; } @media (min-width: 1440px) { .wearable-buds .sound-optimization .common__sub-headline { width: 350px; } } @media (min-width: 1440px) { .wearable-buds .sound-optimization .common__sub-headline { margin-top: -7px; } } html[lang^=my] .wearable-buds .sound-optimization .common__sub-headline { line-height: 1.4; } .wearable-buds .sound-optimization .common__description { color: #313131; } .wearable-buds .sound-optimization__image { height: 768px; height: 53.3333333333vw; width: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 1440px) { .wearable-buds .sound-optimization__image { height: 768px; } } @media screen and (max-width: 767px) { .wearable-buds .sound-optimization { padding: 100.1361111111px 0px 106.5277777778px; padding: 13.0555555556vw 0vw 13.8888888889vw; } .wearable-buds .sound-optimization__wrap { max-width: initial; } .wearable-buds .sound-optimization__header { padding: 0px 51.1333333333px 78.8305555556px; padding: 0vw 6.6666666667vw 10.2777777778vw; gap: 40.4805555556px; gap: 5.2777777778vw; position: static; margin: 0; max-width: initial; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .sound-optimization__header { gap: 19px; gap: 5.2777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .sound-optimization__header .common__sub-headline { width: 100%; } .wearable-buds .sound-optimization__image { height: 592.2944444444px; height: 77.2222222222vw; position: static; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .sound-optimization__image { height: 278px; height: 77.2222222222vw; } } .wearable-buds .anc { padding: 93px 0px 97px; padding: 6.4583333333vw 0vw 6.7361111111vw; } @media (min-width: 1440px) { .wearable-buds .anc { padding: 93px 0px 97px; } } .wearable-buds .anc__header { gap: 78px; gap: 5.4166666667vw; max-width: 1200px; max-width: 83.3333333333vw; display: -webkit-box; display: -ms-flexbox; display: contents; text-align: center; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .anc__header { gap: 78px; } } @media (min-width: 1440px) { .wearable-buds .anc__header { max-width: 1200px; } } .wearable-buds .anc .common__sub-headline { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; line-height: 1.2; } html[lang^=my] .wearable-buds .anc .common__sub-headline { line-height: 1.4; } .wearable-buds .anc .common__description { padding-top: 6px; padding-top: 0.4166666667vw; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; color: #313131; } @media (min-width: 1440px) { .wearable-buds .anc .common__description { padding-top: 6px; } } @media screen and (max-width: 767px) { .wearable-buds .anc .common__description { padding-top: 8.416667vw; padding-left: 20px; padding-right: 20px; } } .wearable-buds .anc__content { margin: 60px auto 0px; margin: 4.1666666667vw auto 0vw; max-width: 1440px; max-width: 100vw; gap: 60px; gap: 4.1666666667vw; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1440px) { .wearable-buds .anc__content { margin: 60px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .anc__content { max-width: 1440px; } } @media (min-width: 1440px) { .wearable-buds .anc__content { gap: 60px; } } .wearable-buds .anc .video__container { height: 620px; height: 43.0555555556vw; width: 100%; } @media (min-width: 1440px) { .wearable-buds .anc .video__container { height: 620px; } } .wearable-buds .anc__points { max-width: 940px; max-width: 65.2777777778vw; } @media (min-width: 1440px) { .wearable-buds .anc__points { max-width: 940px; } } .wearable-buds .anc__points ul { gap: 80px; gap: 5.5555555556vw; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; } @media (min-width: 1440px) { .wearable-buds .anc__points ul { gap: 80px; } } .wearable-buds .anc__points li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; min-width: 0; } .wearable-buds .anc__point--label { gap: 8px; gap: 0.5555555556vw; font-size: 22px; font-size: 1.5277777778vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.090909; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; } @media (min-width: 1440px) { .wearable-buds .anc__point--label { gap: 8px; } } @media (min-width: 1440px) { .wearable-buds .anc__point--label { font-size: 22px; } } html.rtl .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .anc__point--label { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .anc__point--label { line-height: 1.4; } .wearable-buds .anc__point--label img { height: 36px; height: 2.5vw; } @media (min-width: 1440px) { .wearable-buds .anc__point--label img { height: 36px; } } .wearable-buds .anc__point--value { margin-top: 11px; margin-top: 0.7638888889vw; font-size: 18px; font-size: 1.25vw; line-height: 1.333333; color: #313131; } @media (min-width: 1440px) { .wearable-buds .anc__point--value { margin-top: 11px; } } @media (min-width: 1440px) { .wearable-buds .anc__point--value { font-size: 18px; } } html[lang^=my] .wearable-buds .anc__point--value { line-height: 1.4; } .wearable-buds .anc .common__tab { display: none; } @media screen and (max-width: 767px) { .wearable-buds .anc { padding: 100.1361111111px 0px 106.5277777778px; padding: 13.0555555556vw 0vw 13.8888888889vw; } .wearable-buds .anc__header { padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; gap: 36.2194444444px; gap: 4.7222222222vw; max-width: initial; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc__header { gap: 17px; gap: 4.7222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc__content { margin-top: 61.7861111111px; margin-top: 8.0555555556vw; gap: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc__content { margin-top: 29px; margin-top: 8.0555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc .video__container { height: 362.1944444444px; height: 84.222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .video__container { height: 170px; height: 84.222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc__points { display: none; } .wearable-buds .anc .common__tab { margin-top: 80.9611111111px; margin-top: 10.5555555556vw; padding: 0px 42.6111111111px; padding: 0vw 5.5555555556vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab { margin-top: 38px; margin-top: 10.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc .common__tab-list { gap: 21.3055555556px; gap: 2.7777777778vw; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab-list { gap: 10px; gap: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc .common__tab-cta { gap: 10.6527777778px; gap: 1.3888888889vw; padding: 0px 6.3916666667px 12.7833333333px; padding: 0vw 0.8333333333vw 1.6666666667vw; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; min-width: 0; border-bottom: 2px solid transparent; opacity: 0.2; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab-cta { gap: 5px; gap: 1.3888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc .common__tab-cta img { width: 49.0027777778px; width: 6.3888888889vw; height: 49.0027777778px; height: 6.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab-cta img { width: 23px; width: 6.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab-cta img { height: 23px; height: 6.3888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc .common__tab-cta strong { font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.071429; word-break: break-all; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab-cta strong { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .anc .common__tab-cta strong { line-height: 1.4; } .wearable-buds .anc .common__tab-cta.is-active { border-bottom-color: #000; opacity: 1; } .wearable-buds .anc .common__tab-panels { margin-top: 49.0027777778px; margin-top: 6.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab-panels { margin-top: 23px; margin-top: 6.3888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc .common__tab-panel { font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.4; max-width: initial; text-align: center; color: #313131; background-color: #fff; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab-panel { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .anc .common__tab-panel { line-height: 1.6; } } .wearable-buds .translation { padding: 93px 0px 100px; padding: 6.4583333333vw 0vw 6.9444444444vw; } @media (min-width: 1440px) { .wearable-buds .translation { padding: 93px 0px 100px; } } .wearable-buds .translation__header { max-width: 900px; max-width: 62.5vw; gap: 24px; gap: 1.6666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; text-align: center; } @media (min-width: 1440px) { .wearable-buds .translation__header { max-width: 900px; } } @media (min-width: 1440px) { .wearable-buds .translation__header { gap: 24px; } } .wearable-buds .translation .common__sub-headline { line-height: 1.2; width: 900px; width: 62.5vw; margin: auto; } html[lang^=my] .wearable-buds .translation .common__sub-headline { line-height: 1.4; } @media (min-width: 1440px) { .wearable-buds .translation .common__sub-headline { width: 900px; } } .wearable-buds .translation .common__description { color: #313131; } .wearable-buds .translation .common__tab { margin-top: 60px; margin-top: 4.1666666667vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab { margin-top: 60px; } } .wearable-buds .translation .common__tab-list { gap: 40px; gap: 2.7777777778vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-list { gap: 40px; } } .wearable-buds .translation .common__tab-cta { gap: 4px; gap: 0.2777777778vw; width: 218px; width: 15.1388888889vw; min-height: 110px; min-height: 7.6388888889vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; opacity: 0.2; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-cta { gap: 4px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-cta { width: 218px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-cta { min-height: 110px; } } .wearable-buds .translation .common__tab-cta img { height: 72px; height: 5vw; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-cta img { height: 72px; } } .wearable-buds .translation .common__tab-cta strong { padding-bottom: 3px; padding-bottom: 0.2083333333vw; font-size: 22px; font-size: 1.5277777778vw; border-width: 0px 0px 2px 0px; border-width: 0vw 0vw 0.1388888889vw 0vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.318182; display: inline-block; font-weight: bold; border-style: solid; border-color: transparent; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-cta strong { padding-bottom: 3px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-cta strong { font-size: 22px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-cta strong { border-width: 0px 0px 2px 0px; } } html.rtl .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .translation .common__tab-cta strong { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .translation .common__tab-cta strong { line-height: 1.4; } .wearable-buds .translation .common__tab-cta.is-active { opacity: 1; } .wearable-buds .translation .common__tab-cta.is-active strong { border-color: #000; } .wearable-buds .translation .common__tab-panels { margin: 60px auto 0px; margin: 4.1666666667vw auto 0vw; max-width: 1440px; max-width: 100vw; position: relative; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panels { margin: 60px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panels { max-width: 1440px; } } .wearable-buds .translation .common__tab-panel { position: relative; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; } .wearable-buds .translation .common__tab-panel .translation__balloon { gap: 15px; gap: 1.0416666667vw; max-width: 300px; max-width: 20.8333333333vw; font-size: 26px; font-size: 1.8055555556vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.307692; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; color: #757575; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon { gap: 15px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon { max-width: 300px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon { font-size: 26px; } } html.rtl .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .translation .common__tab-panel .translation__balloon { line-height: 1.4; } .wearable-buds .translation .common__tab-panel .translation__balloon img { height: 120px; height: 8.3333333333vw; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon img { height: 120px; } } .wearable-buds .translation .common__tab-panel .translation__balloon--left { top: 80px; top: 5.5555555556vw; margin-right: 312px; margin-right: 21.6666666667vw; right: 50%; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon--left { top: 80px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon--left { margin-right: 312px; } } .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--left { margin-left: 312px; margin-left: 21.6666666667vw; left: 50%; right: initial; margin-right: initial; } @media (min-width: 1440px) { .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--left { margin-left: 312px; } } .wearable-buds .translation .common__tab-panel .translation__balloon--right { bottom: 85px; bottom: 5.9027777778vw; margin-left: 312px; margin-left: 21.6666666667vw; font-size: 28px; font-size: 1.9444444444vw; line-height: 1.321429; left: 50%; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon--right { bottom: 85px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon--right { margin-left: 312px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon--right { font-size: 28px; } } html[lang^=my] .wearable-buds .translation .common__tab-panel .translation__balloon--right { line-height: 1.4; } .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--right { margin-right: 312px; margin-right: 21.6666666667vw; left: initial; right: 50%; margin-left: initial; } @media (min-width: 1440px) { .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--right { margin-right: 312px; } } .wearable-buds .translation .common__tab-panel .translation__content--image { height: 618px; height: 42.9166666667vw; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__content--image { height: 618px; } } .wearable-buds .translation__content--text { margin: 60px auto 0px; margin: 4.1666666667vw auto 0vw; max-width: 900px; max-width: 62.5vw; font-size: 18px; font-size: 1.25vw; line-height: 1.333333; color: #313131; text-align: center; } @media (min-width: 1440px) { .wearable-buds .translation__content--text { margin: 60px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .translation__content--text { max-width: 900px; } } @media (min-width: 1440px) { .wearable-buds .translation__content--text { font-size: 18px; } } html[lang^=my] .wearable-buds .translation__content--text { line-height: 1.4; } @media screen and (max-width: 767px) { .wearable-buds .translation { padding: 95.875px 0px 106.5277777778px; padding: 12.5vw 0vw 13.8888888889vw; } .wearable-buds .translation__header { padding: 0px 51.1333333333px 68.1777777778px; padding: 0vw 6.6666666667vw 8.8888888889vw; gap: 42.6111111111px; gap: 5.5555555556vw; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation__header { gap: 20px; gap: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation__header .common__sub-headline { width: 100%; } .wearable-buds .translation .common__tab { margin: 0; } .wearable-buds .translation .common__tab-list { gap: 46.8722222222px; gap: 6.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-list { gap: 22px; gap: 6.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation .common__tab-cta { gap: 14.9138888889px; gap: 1.9444444444vw; width: 298.2777777778px; width: 38.8888888889vw; min-height: 136.3555555556px; min-height: 17.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-cta { gap: 7px; gap: 1.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-cta { width: 140px; width: 38.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-cta { min-height: 64px; min-height: 17.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation .common__tab-cta img { height: 76.7px; height: 10vw; } /* .compare__sub-headline_DT { display: none; } .compare__sub-headline_MO { display: block; } */ } @media (min-width: 768px) { /* .compare__sub-headline_DT { display: block; } .compare__sub-headline_MO { display: none; } */ } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-cta img { height: 36px; height: 10vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation .common__tab-cta strong { padding-bottom: 8.5222222222px; padding-bottom: 1.1111111111vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; border-width: 0px 0px 4.2611111111px 0px; border-width: 0vw 0vw 0.5555555556vw 0vw; line-height: 1.071429; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-cta strong { padding-bottom: 4px; padding-bottom: 1.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-cta strong { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .translation .common__tab-cta strong { line-height: 1.4; } .wearable-buds .translation .common__tab-panels { margin-top: 63.9166666667px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panels { margin-top: 30px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation .common__tab-panel .translation__balloon { gap: 10.6527777778px; gap: 1.3888888889vw; max-width: 187.4888888889px; max-width: 24.4444444444vw; font-size: 21.3055555556px; font-size: 2.7777777778vw; line-height: 1.2; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon { gap: 5px; gap: 1.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon { max-width: 88px; max-width: 24.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .translation .common__tab-panel .translation__balloon { line-height: 1.4; } .wearable-buds .translation .common__tab-panel .translation__balloon img { height: 102.2666666667px; height: 13.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon img { height: 48px; height: 13.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation .common__tab-panel .translation__balloon--left { top: 14.9138888889px; top: 1.9444444444vw; margin-right: 144.8777777778px; margin-right: 18.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon--left { top: 7px; top: 1.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon--left { margin-right: 68px; margin-right: 18.8888888889vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--left { margin-left: 144.8777777778px; margin-left: 18.8888888889vw; margin-right: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--left { margin-left: 68px; margin-left: 18.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation .common__tab-panel .translation__balloon--right { bottom: 17.0444444444px; bottom: 2.2222222222vw; margin-left: 144.8777777778px; margin-left: 18.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon--right { bottom: 8px; bottom: 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon--right { margin-left: 68px; margin-left: 18.8888888889vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--right { margin-right: 144.8777777778px; margin-right: 18.8888888889vw; margin-left: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--right { margin-right: 68px; margin-right: 18.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation .common__tab-panel .translation__content--image { height: 340.8888888889px; height: 44.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__content--image { height: 160px; height: 44.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation__content--text { margin-top: 76.7px; margin-top: 10vw; padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.428571; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation__content--text { margin-top: 36px; margin-top: 10vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation__content--text { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .translation__content--text { line-height: 1.6; } } .wearable-buds .tv-360 { padding: 92px 0px 100px; padding: 6.3888888889vw 0vw 6.9444444444vw; } @media (min-width: 1440px) { .wearable-buds .tv-360 { padding: 92px 0px 100px; } } .wearable-buds .tv-360__wrap { max-width: 1440px; max-width: 100vw; } @media (min-width: 1440px) { .wearable-buds .tv-360__wrap { max-width: 1440px; } } .wearable-buds .tv-360__header, .wearable-buds .mindfulness__header { max-width: 900px; max-width: 62.5vw; gap: 32px; gap: 2.2222222222vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; text-align: center; } @media (min-width: 1440px) { .wearable-buds .tv-360__header, .wearable-buds .mindfulness__header { max-width: 900px; } } @media (min-width: 1440px) { .wearable-buds .tv-360__header, .wearable-buds .mindfulness__header { gap: 32px; } } .wearable-buds .tv-360__header .common__sub-headline, .wearable-buds .mindfulness__header .common__sub-headline { width: 700px; width: 48.6111111111vw; margin: auto; } @media (min-width: 1440px) { .wearable-buds .tv-360__header .common__sub-headline, .wearable-buds .mindfulness__header .common__sub-headline { width: 750px; } } .wearable-buds .tv-360 .common__description { color: #313131; } .wearable-buds .tv-360__image { margin-top: 60px; margin-top: 4.1666666667vw; height: 640px; height: 44.4444444444vw; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (min-width: 1440px) { .wearable-buds .tv-360__image { margin-top: 60px; } } @media (min-width: 1440px) { .wearable-buds .tv-360__image { height: 640px; } } @media screen and (max-width: 767px) { .wearable-buds .tv-360 { padding: 98.0055555556px 0px; padding: 12.7777777778vw 0vw; } .wearable-buds .tv-360__wrap { max-width: initial; } .wearable-buds .tv-360__header, .wearable-buds .mindfulness__header { padding: 0px 51.1333333333px 85.2222222222px; padding: 0vw 6.6666666667vw 11.1111111111vw; gap: 42.6111111111px; gap: 5.5555555556vw; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .tv-360__header, .wearable-buds .mindfulness__header { gap: 20px; gap: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .tv-360__header .common__sub-headline, .wearable-buds .mindfulness__header .common__sub-headline { line-height: 1.2222; width: 100%; } html[lang^=my] .wearable-buds .tv-360__header .common__sub-headline, .wearable-buds .mindfulness__header .common__sub-headline { line-height: 1.4; } .wearable-buds .tv-360__image { height: 696.6916666667px; height: 90.8333333333vw; margin: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .tv-360__image { height: 327px; height: 90.8333333333vw; } } .wearable-buds .auto-switch { padding: 92px 0px 100px; padding: 6.3888888889vw 0vw 6.9444444444vw; } @media (min-width: 1440px) { .wearable-buds .auto-switch { padding: 92px 0px 100px; } } .wearable-buds .auto-switch__wrap { max-width: 1440px; max-width: 100vw; } @media (min-width: 1440px) { .wearable-buds .auto-switch__wrap { max-width: 1440px; } } .wearable-buds .auto-switch__header { gap: 60px; gap: 4.1666666667vw; max-width: 1200px; max-width: 83.3333333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .auto-switch__header { gap: 60px; } } @media (min-width: 1440px) { .wearable-buds .auto-switch__header { max-width: 1200px; } } .wearable-buds .auto-switch .common__sub-headline { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .auto-switch .common__description { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; padding-top: 8px; padding-top: 0.5555555556vw; color: #313131; } @media (min-width: 1440px) { .wearable-buds .auto-switch .common__description { padding-top: 8px; } } /* .wearable-buds .auto-switch__content { margin-top: 60px; margin-top: 4.1666666667vw; height: 500px; height: 34.7222222222vw; position: relative; } */ .wearable-buds .auto-switch__content { /* margin-top: 60px; */ /* margin-top: 6.166667vw; */ /* height: 500px; */ height: 12.722222vw; position: relative; } @media (min-width: 1440px) { .wearable-buds .auto-switch__content { margin-top: 0px; } } @media (min-width: 1440px) { .wearable-buds .auto-switch__content { height: 16.722222vw; } } .wearable-buds .auto-switch__content .video__container { height: 100%; } .wearable-buds .auto-switch__content .video__container video { background-color: #fff; } .wearable-buds .auto-switch__content .video__container img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } @media screen and (max-width: 767px) { .wearable-buds .auto-switch { padding: 100.1361111111px 0px; padding: 13.0555555556vw 0vw; } .wearable-buds .auto-switch__wrap { max-width: initial; } .wearable-buds .auto-switch__header { padding: 0px 51.1333333333px 80.9611111111px; padding: 0vw 6.6666666667vw 10.5555555556vw; gap: 38.35px; gap: 5vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: initial; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .auto-switch__header { gap: 18px; gap: 5vw; } } @media screen and (max-width: 767px) { .wearable-buds .auto-switch__content { height: 447.4166666667px; height: 52.3333333333vw; margin: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .auto-switch__content { height: 210px; height: 52.3333333333vw; } } .wearable-buds .auracast { padding: 92px 0px 100px; padding: 6.3888888889vw 0vw 6.9444444444vw; } @media (min-width: 1440px) { .wearable-buds .auracast { padding: 92px 0px 100px; } } .wearable-buds .auracast__wrap { max-width: 1440px; max-width: 100vw; } @media (min-width: 1440px) { .wearable-buds .auracast__wrap { max-width: 1440px; } } .wearable-buds .auracast__header { max-width: 1200px; max-width: 83.3333333333vw; gap: 60px; gap: 4.1666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .auracast__header { max-width: 1200px; } } @media (min-width: 1440px) { .wearable-buds .auracast__header { gap: 60px; } } .wearable-buds .auracast__header .common__sub-headline { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .auracast__header .common__description { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; padding-top: 8px; padding-top: 0.5555555556vw; } @media (min-width: 1440px) { .wearable-buds .auracast__header .common__description { padding-top: 8px; } } .wearable-buds .auracast__content { margin-top: 60px; margin-top: 4.1666666667vw; } @media (min-width: 1440px) { .wearable-buds .auracast__content { margin-top: 60px; } } .wearable-buds .auracast__content img { height: 720px; height: 50vw; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (min-width: 1440px) { .wearable-buds .auracast__content img { height: 720px; } } @media screen and (max-width: 767px) { .wearable-buds .auracast { padding: 100.1361111111px 0px 106.5277777778px; padding: 13.0555555556vw 0vw 13.8888888889vw; } .wearable-buds .auracast__wrap { max-width: initial; } .wearable-buds .auracast__header { padding: 0px 51.1333333333px 85.2222222222px; padding: 0vw 6.6666666667vw 11.1111111111vw; gap: 42.6111111111px; gap: 5.5555555556vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: initial; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .auracast__header { gap: 20px; gap: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .auracast__content { margin: 0; } .wearable-buds .auracast__content img { height: 1048.2333333333px; height: 136.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .auracast__content img { height: 492px; height: 136.6666666667vw; } } .wearable-buds .voice-command { padding: 100px 0px; padding: 6.9444444444vw 0vw; } @media (min-width: 1440px) { .wearable-buds .voice-command { padding: 100px 0px; } } .wearable-buds .voice-command__wrap { gap: 60px; gap: 4.1666666667vw; max-width: 1200px; max-width: 83.3333333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1440px) { .wearable-buds .voice-command__wrap { gap: 60px; } } @media (min-width: 1440px) { .wearable-buds .voice-command__wrap { max-width: 1200px; } } .wearable-buds .voice-command__header { padding-bottom: 10px; padding-bottom: 0.6944444444vw; gap: 33px; gap: 2.2916666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1440px) { .wearable-buds .voice-command__header { padding-bottom: 10px; } } @media (min-width: 1440px) { .wearable-buds .voice-command__header { gap: 33px; } } .wearable-buds .voice-command .common__description { color: #313131; } .wearable-buds .voice-command__image { height: 512px; height: 35.5555555556vw; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: 1; width: auto; } @media (min-width: 1440px) { .wearable-buds .voice-command__image { height: 512px; } } @media screen and (max-width: 767px) { .wearable-buds .voice-command { padding: 100.1361111111px 0px 106.5277777778px; padding: 13.0555555556vw 0vw 13.8888888889vw; } .wearable-buds .voice-command__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; max-width: initial; } .wearable-buds .voice-command__header { padding: 0px 51.1333333333px 87.3527777778px; padding: 0vw 6.6666666667vw 11.3888888889vw; gap: 46.8722222222px; gap: 6.1111111111vw; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .voice-command__header { gap: 22px; gap: 6.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .voice-command__image { height: 515.5944444444px; height: 67.2222222222vw; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .voice-command__image { height: 242px; height: 67.2222222222vw; } } .wearable-buds .mindfulness { padding: 96px 0px 102px; padding: 6.6666666667vw 0vw 7.0833333333vw; } @media (min-width: 1440px) { .wearable-buds .mindfulness { padding: 96px 0px 102px; } } .wearable-buds .mindfulness__wrap { max-width: 1440px; max-width: 100vw; } @media (min-width: 1440px) { .wearable-buds .mindfulness__wrap { max-width: 1440px; } } /* .wearable-buds .mindfulness__header { max-width: 1200px; max-width: 83.3333333333vw; gap: 60px; gap: 4.1666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } */ /* @media (min-width: 1440px) { .wearable-buds .mindfulness__header { max-width: 1200px; } } @media (min-width: 1440px) { .wearable-buds .mindfulness__header { gap: 60px; } } */ .wearable-buds .mindfulness .common__sub-headline { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .mindfulness .common__description { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; padding-top: 5px; padding-top: 0.3472222222vw; color: #313131; } @media (min-width: 1440px) { .wearable-buds .mindfulness .common__description { padding-top: 5px; } } .wearable-buds .mindfulness__videos { margin: 60px auto 0px; margin: 4.1666666667vw auto 0vw; height: 700px; height: 48.6111111111vw; } @media (min-width: 1440px) { .wearable-buds .mindfulness__videos { margin: 60px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .mindfulness__videos { height: 700px; } } .wearable-buds .mindfulness__videos .video__container { height: 100%; } .wearable-buds .mindfulness__videos .video__container video { background-color: #fff; } .wearable-buds .mindfulness__videos .video__container img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } @media screen and (max-width: 767px) { .wearable-buds .mindfulness { padding: 100.1361111111px 0px 106.5277777778px; padding: 13.0555555556vw 0vw 13.8888888889vw; } .wearable-buds .mindfulness__wrap { max-width: initial; } /* .wearable-buds .mindfulness__header { padding: 0px 51.1333333333px 85.2222222222px; padding: 0vw 6.6666666667vw 11.1111111111vw; gap: 42.6111111111px; gap: 5.5555555556vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: initial; text-align: center; } */ } /* @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .mindfulness__header { gap: 20px; gap: 5.5555555556vw; } } */ @media screen and (max-width: 767px) { .wearable-buds .mindfulness__videos { height: 553.9444444444px; height: 72.2222222222vw; margin: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .mindfulness__videos { height: 260px; height: 72.2222222222vw; } } .wearable-buds .charging { padding: 97px 0px 0px; padding: 6.7361111111vw 0vw 0vw; } @media (min-width: 1440px) { .wearable-buds .charging { padding: 97px 0px 0px; } } .wearable-buds .charging__wrap { max-width: 1440px; max-width: 100vw; } @media (min-width: 1440px) { .wearable-buds .charging__wrap { max-width: 1440px; } } .wearable-buds .charging__headline { max-width: 900px; max-width: 62.5vw; margin: 0 auto; text-align: center; } @media (min-width: 1440px) { .wearable-buds .charging__headline { max-width: 900px; } } .wearable-buds .charging__content { margin-top: 0.166667vw; height: 28.027778vw; position: relative; } @media (min-width: 1440px) { .wearable-buds .charging__content { margin-top: 60px; margin-top: 0.166667vw; height: 28.027778vw; } } /* @media (min-width: 1440px) { .wearable-buds .charging__content { height: 850px; } } */ .wearable-buds .charging__content.scroll-effect .charging__on { opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; } .wearable-buds .charging__note { bottom: 180px; bottom: 12.5vw; font-size: 12px; font-size: 0.8333333333vw; line-height: 1.166667; position: absolute; left: 0; z-index: 3; width: 100%; text-align: center; } @media (min-width: 1440px) { .wearable-buds .charging__note { bottom: 180px; } } @media (min-width: 1440px) { .wearable-buds .charging__note { font-size: 12px; } } html[lang^=my] .wearable-buds .charging__note { line-height: 1.4; } .wearable-buds .charging img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: contain; -o-object-position: center; object-position: center; } .wearable-buds .charging img.charging__on { z-index: 2; opacity: 0; } @media screen and (max-width: 767px) { .wearable-buds .charging { padding: 106.5277777778px 0px 0px; padding: 13.8888888889vw 0vw 0vw; } .wearable-buds .charging__headline { padding: 0px 51.1333333333px 85.2222222222px; padding: 0vw 6.6666666667vw 0; max-width: initial; } .wearable-buds .charging__content { margin: 0; height: 707.3444444444px; height: 89.2222222222vw; } .wearable-buds .charging .common__description { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .charging__content { height: 332px; height: 92.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .charging__note { bottom: 125.7027777778px; bottom: 16.3888888889vw; font-size: 21.3055555556px; font-size: 2.7777777778vw; line-height: 1.2; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .charging__note { bottom: 59px; bottom: 16.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .charging__note { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .charging__note { line-height: 1.4; } } .wearable-buds .essential { padding-bottom: 100px; padding-bottom: 6.9444444444vw; } @media (min-width: 1440px) { .wearable-buds .essential { padding-bottom: 100px; } } .wearable-buds .essential__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; gap: 26px; gap: 1.8055555556vw; } @media (min-width: 1440px) { .wearable-buds .essential__header { gap: 26px; } } .wearable-buds .essential__header .common__description { color: #313131; } .wearable-buds .essential__content { margin: 60px auto 0px; margin: 4.1666666667vw auto 0vw; max-width: 1408px; max-width: 97.7777777778vw; } @media (min-width: 1440px) { .wearable-buds .essential__content { margin: 60px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .essential__content { max-width: 1408px; } } .wearable-buds .essential__content ul { gap: 26px; gap: 1.8055555556vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1440px) { .wearable-buds .essential__content ul { gap: 26px; } } .wearable-buds .essential__content li { padding: 0px 34px 0px 44px; padding: 0vw 2.3611111111vw 0vw 3.0555555556vw; min-height: 280px; min-height: 19.4444444444vw; border-radius: 40px; border-radius: 2.7777777778vw; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; background-color: #f7f7f7; } @media (min-width: 1440px) { .wearable-buds .essential__content li { padding: 0px 34px 0px 44px; } } @media (min-width: 1440px) { .wearable-buds .essential__content li { min-height: 280px; } } @media (min-width: 1440px) { .wearable-buds .essential__content li { border-radius: 40px; } } .wearable-buds .essential__content--head { padding-top: 8px; padding-top: 0.5555555556vw; } @media (min-width: 1440px) { .wearable-buds .essential__content--head { padding-top: 8px; } } .wearable-buds .essential__content--head h4 { font-size: 32px; font-size: 2.2222222222vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.1875; display: block; font-weight: bold; } @media (min-width: 1440px) { .wearable-buds .essential__content--head h4 { font-size: 32px; } } html.rtl .wearable-buds .essential__content--head h4 { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .essential__content--head h4 { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .essential__content--head h4 { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .essential__content--head h4 { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .essential__content--head h4 { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .essential__content--head h4 { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .essential__content--head h4 { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .essential__content--head h4 { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .essential__content--head h4 { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .essential__content--head h4 { line-height: 1.4; } .wearable-buds .essential__content--body { padding-bottom: 56px; padding-bottom: 3.8888888889vw; font-family: "SamsungSharpSans", arial, sans-serif; -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; color: #313131; } @media (min-width: 1440px) { .wearable-buds .essential__content--body { padding-bottom: 56px; } } html.rtl .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .essential__content--body { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", Sylfaen; } .wearable-buds .essential__content--body--block { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .essential__content--body--block-label { margin-bottom: 9px; margin-bottom: 0.625vw; font-size: 18px; font-size: 1.25vw; line-height: 1; } @media (min-width: 1440px) { .wearable-buds .essential__content--body--block-label { margin-bottom: 9px; } } @media (min-width: 1440px) { .wearable-buds .essential__content--body--block-label { font-size: 18px; } } .wearable-buds .essential__content--body--block-data { font-size: 120px; font-size: 8.3333333333vw; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; direction: ltr; } @media (min-width: 1440px) { .wearable-buds .essential__content--body--block-data { font-size: 120px; } } html[lang^=my] .wearable-buds .essential__content--body--block-data { line-height: 1.4; } .wearable-buds .essential__content--body--block-data-unit { font-size: 50px; font-size: 3.4722222222vw; position: relative; top: -0.2em; } @media (min-width: 1440px) { .wearable-buds .essential__content--body--block-data-unit { font-size: 50px; } } .wearable-buds .essential__content .essential__content-playtime { max-width: 914px; max-width: 63.4722222222vw; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime { max-width: 914px; } } .wearable-buds .essential__content .essential__content-playtime .essential__content--body { padding-bottom: 0; -ms-flex-item-align: initial; align-self: initial; } .wearable-buds .essential__content .essential__content-playtime .playtime-content { gap: 34px; gap: 2.3611111111vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime .playtime-content { gap: 34px; } } .wearable-buds .essential__content .essential__content-playtime .playtime-content__block { display: grid; grid-template: repeat(2, -webkit-min-content)/auto 1fr; grid-template: repeat(2, min-content)/auto 1fr; } .wearable-buds .essential__content .essential__content-playtime .playtime-content--upto { font-size: 18px; font-size: 1.25vw; line-height: 1; grid-row: span 2; align-self: flex-end; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime .playtime-content--upto { font-size: 18px; } } .wearable-buds .essential__content .essential__content-playtime .playtime-content--value { margin-bottom: -17px; margin-bottom: -1.1805555556vw; font-size: 120px; font-size: 8.3333333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; line-height: 1; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime .playtime-content--value { margin-bottom: -17px; } } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime .playtime-content--value { font-size: 120px; } } .wearable-buds .essential__content .essential__content-playtime .playtime-content--value span { padding-bottom: 10px; padding-bottom: 0.6944444444vw; font-size: 50px; font-size: 3.4722222222vw; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime .playtime-content--value span { padding-bottom: 10px; } } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime .playtime-content--value span { font-size: 50px; } } .wearable-buds .essential__content .essential__content-playtime .playtime-content--caption { font-size: 18px; font-size: 1.25vw; line-height: 1; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime .playtime-content--caption { font-size: 18px; } } .wearable-buds .essential__content .essential__content-bluetooth { max-width: 462px; max-width: 32.0833333333vw; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-bluetooth { max-width: 462px; } } .wearable-buds .essential__content .essential__content-water { max-width: 570px; max-width: 39.5833333333vw; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-water { max-width: 570px; } } .wearable-buds .essential__content .essential__content-water .essential__content--head { padding-top: 8px; padding-top: 0.5555555556vw; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-water .essential__content--head { padding-top: 8px; } } .wearable-buds .essential__content .essential__content-weight { max-width: 812px; max-width: 56.3888888889vw; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-weight { max-width: 812px; } } .wearable-buds .essential__content .essential__content-weight .essential__content--body { gap: 30px; gap: 2.0833333333vw; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-weight .essential__content--body { gap: 30px; } } @media screen and (max-width: 767px) { .wearable-buds .essential { padding: 0px 51.1333333333px 106.5277777778px; padding: 0vw 6.6666666667vw 13.8888888889vw; } .wearable-buds .essential__header { gap: 34.0888888889px; gap: 4.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__header { gap: 16px; gap: 4.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content { margin-top: 83.0916666667px; margin-top: 10.8333333333vw; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content { margin-top: 39px; margin-top: 10.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content ul { gap: 21.3055555556px; gap: 2.7777777778vw; display: grid; grid-template: repeat(3, -webkit-min-content)/repeat(2, 1fr); grid-template: repeat(3, min-content)/repeat(2, 1fr); } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content ul { gap: 10px; gap: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content li { padding: 74.5694444444px 0px; padding: 9.7222222222vw 0vw; min-height: 349.4111111111px; min-height: 45.5555555556vw; border-radius: 63.9166666667px; border-radius: 8.3333333333vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content li { min-height: 164px; min-height: 45.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content li { border-radius: 30px; border-radius: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content--head { padding-top: 0; width: 100%; text-align: center; } .wearable-buds .essential__content--head h4 { font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.071429; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content--head h4 { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .essential__content--head h4 { line-height: 1.4; } .wearable-buds .essential__content--body { padding: 0; -ms-flex-item-align: center; align-self: center; } .wearable-buds .essential__content--body--block-label { margin-bottom: 0; font-size: 21.3055555556px; font-size: 2.7777777778vw; line-height: 1.111111; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content--body--block-label { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .essential__content--body--block-label { line-height: 1.4; } .wearable-buds .essential__content--body--block-data { font-size: 110.7888888889px; font-size: 14.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content--body--block-data { font-size: 52px; font-size: 14.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content--body--block-data-unit { font-size: 46.8722222222px; font-size: 6.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content--body--block-data-unit { font-size: 22px; font-size: 6.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-playtime { grid-column: span 2; max-width: initial; } .wearable-buds .essential__content .essential__content-playtime .essential__content--head { max-width: initial; } .wearable-buds .essential__content .essential__content-playtime .essential__content--body { gap: 31.9583333333px; gap: 4.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body { gap: 15px; gap: 4.1666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content { gap: 14.9138888889px; gap: 1.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content { gap: 7px; gap: 1.9444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--upto { font-size: 21.3055555556px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--upto { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--value { margin-bottom: -8.5222222222px; margin-bottom: -1.1111111111vw; font-size: 106.5277777778px; font-size: 13.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--value { margin-bottom: -4px; margin-bottom: -1.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--value { font-size: 50px; font-size: 13.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--value span { padding-bottom: 8.5222222222px; padding-bottom: 1.1111111111vw; font-size: 46.8722222222px; font-size: 6.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--value span { padding-bottom: 4px; padding-bottom: 1.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--value span { font-size: 22px; font-size: 6.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--caption { font-size: 21.3055555556px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--caption { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-bluetooth { max-width: initial; } .wearable-buds .essential__content .essential__content-bluetooth .essential__content--head { max-width: initial; } .wearable-buds .essential__content .essential__content-water { max-width: initial; } .wearable-buds .essential__content .essential__content-water .essential__content--head { padding: 0; max-width: initial; } .wearable-buds .essential__content .essential__content-weight { grid-column: span 2; max-width: initial; } .wearable-buds .essential__content .essential__content-weight .essential__content--head { max-width: initial; } .wearable-buds .essential__content .essential__content-weight .essential__content--body { gap: 12.7833333333px; gap: 1.6666666667vw; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-weight .essential__content--body { gap: 6px; gap: 1.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-weight .essential__content--body .essential__content--body--block { width: 247.1444444444px; width: 32.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-weight .essential__content--body .essential__content--body--block { width: 116px; width: 32.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-weight .essential__content--body .essential__content--body--block-data { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .wearable-buds .compare * { color: #000; font-family: "SamsungSharpSans", arial, sans-serif; } html.rtl .wearable-buds .compare * { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .compare * { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .compare * { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .compare * { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare * { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare * { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare * { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare * { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare * { font-family: "SamsungSharpSans", Sylfaen; } .wearable-buds .compare__wrap { position: relative; width: 988px; width: 68.6111111111vw; margin: auto; padding: 140px 0px 100px; padding: 1.722222vw 0vw 6.9444444444vw; } @media (min-width: 1440px) { .wearable-buds .compare__wrap { width: 988px; } } @media (min-width: 1440px) { .wearable-buds .compare__wrap { padding: 10px 0px 100px; } } /* .wearable-buds .compare__wrap.cta-hidden .compare__list-item .compare__cta { display: none; } */ .wearable-buds .compare__text .compare__headline { font-size: 64px; font-size: 4.4444444444vw; width: 615px; width: 42.7083333333vw; line-height: 1.25; padding: 0; } @media (min-width: 1440px) { .wearable-buds .compare__text .compare__headline { font-size: 64px; } } @media (min-width: 1440px) { .wearable-buds .compare__text .compare__headline { width: 615px; } } .wearable-buds .compare__text .compare__headline sup { font-size: 40%; top: 1.5em; } .wearable-buds .compare__list-wrap { position: relative; margin-top: 60px; margin-top: 4.1666666667vw; padding: 0px 53px; padding: 0vw 13.380556vw; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap { margin-top: 60px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap { /* padding: 0px 53px; padding: 0vw 13.380556vw; */ padding-left: 20%; padding-right: 0%; padding-top: 0%; padding-bottom: 0%; } } .wearable-buds .compare__list-wrap .compare__container .compare__list { -webkit-transition: -webkit-transform 0.2s linear !important; transition: -webkit-transform 0.2s linear !important; transition: transform 0.2s linear !important; transition: transform 0.2s linear, -webkit-transform 0.2s linear !important; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; width: 294px; width: 20.4166666667vw; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item { width: 294px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-title { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 20px; margin-top: 1.3888888889vw; font-size: 21px; font-size: 1.4583333333vw; line-height: 1.42; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: center; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-title { margin-top: 20px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-title { font-size: 21px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product { position: relative; width: 100%; height: 220px; height: 15.2777777778vw; margin: auto; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product { height: 220px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item { display: none; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item.is-active { display: block; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item .compare__list-product-image { position: relative; width: 100%; height: 220px; height: 15.2777777778vw; overflow: hidden; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item .compare__list-product-image { height: 220px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item .compare__list-product-image img { position: absolute; width: auto; max-width: revert; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 36px; margin-top: 2.5vw; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap { margin-top: 36px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: nowrap; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; gap: 0.6944444444vw; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors { gap: 10px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li { height: 56px; height: 3.8888888889vw; padding-bottom: 28px; padding-bottom: 1.9444444444vw; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li { height: 56px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li { padding-bottom: 28px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { width: 28px; width: 1.9444444444vw; height: 28px; height: 1.9444444444vw; padding: 4px; padding: 0.2777777778vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { width: 28px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { height: 28px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { padding: 4px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-chip { display: block; position: relative; width: 100%; height: 100%; margin: 0 auto; border-radius: 50%; border: 1px solid #8f8f8f; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; font-size: 14px; font-size: 0.9722222222vw; font-family: "SamsungOne", arial, sans-serif; font-weight: 400; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-size: 14px; } } html.rtl .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "SamsungOne"; } html[lang^=ko] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^=my] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "SamsungOneGeorgian", Sylfaen; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name.is-active { opacity: 1; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { position: absolute; top: -5px; top: -0.3472222222vw; left: -5px; left: -0.3472222222vw; right: -5px; right: -0.3472222222vw; bottom: -5px; bottom: -0.3472222222vw; border-style: solid; border-width: 2px; border-width: 0.1388888889vw; border-color: #0c71e5; border-radius: 50%; content: ""; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { top: -5px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { left: -5px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { right: -5px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { bottom: -5px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { border-width: 2px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-name { opacity: 1; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin: 38px auto 0px; margin: 2.6388888889vw auto 0vw; text-transform: uppercase; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta { margin: 38px auto 0px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item { display: block; text-align: center; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { overflow: hidden; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 6; line-height: 1.3; text-align: center; min-width: 174px; min-width: 12.0833333333vw; min-height: 38px; min-height: 2.6388888889vw; border-radius: 11px; border-radius: 0.7638888889vw; border: 1px solid #000; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { min-width: 174px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { min-height: 38px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { border-radius: 11px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { z-index: 5; font-size: 12px; font-size: 0.8333333333vw; text-transform: uppercase; font-family: "SamsungOne", arial, sans-serif; font-weight: 700; letter-spacing: 0.12em; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-size: 12px; } } html.rtl .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "SamsungOne"; } html[lang^=ko] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^=my] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "SamsungOneGeorgian", Sylfaen; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item+.compare__cta-item { margin-top: 10px; margin-top: 0.6944444444vw; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item+.compare__cta-item { margin-top: 10px; } } .wearable-buds .compare__list-wrap .swiper-pagination { display: none; } .wearable-buds .compare__list-wrap.is-expanded .compare__table-wrap .compare__rowgroup .compare__row:nth-child(4)~div { display: block !important; } .wearable-buds .compare__list-wrap.is-expanded .compare__view-more-button .view-more__cta span.viewmore { display: none; } .wearable-buds .compare__list-wrap.is-expanded .compare__view-more-button .view-more__cta span.collapse { display: block; } .wearable-buds .compare__list-wrap.is-expanded .compare__view-more-button .view-more__cta span.arrow-ico { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .wearable-buds .compare__list-wrap.slide-on .compare__list-arrow { display: block; } .wearable-buds .compare__list-arrow { display: none; } .wearable-buds .compare__list-nav { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 980px; width: 68.0555555556vw; background-color: #fff; } @media (min-width: 1440px) { .wearable-buds .compare__list-nav { width: 980px; } } .wearable-buds .compare__list-nav-wrap { position: absolute; top: 288px; top: 20vw; width: 100%; height: 100%; z-index: 1; overflow: hidden; pointer-events: none; } @media (min-width: 1440px) { .wearable-buds .compare__list-nav-wrap { top: 288px; } } .wearable-buds .compare__list-nav-title { -ms-flex-negative: 0; flex-shrink: 0; padding: 10px 0px; padding: 0.6944444444vw 0vw; width: 218px; width: 15.1388888889vw; min-height: 45px; min-height: 3.125vw; font-size: 21px; font-size: 1.4583333333vw; line-height: 1.42; text-align: center; background-color: #fff; } @media (min-width: 1440px) { .wearable-buds .compare__list-nav-title { padding: 10px 0px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-nav-title { width: 218px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-nav-title { min-height: 45px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-nav-title { font-size: 21px; } } .wearable-buds .compare__list-nav-title-image { width: 100%; } .wearable-buds .compare__table-wrapper { overflow: hidden; } .wearable-buds .compare__table-wrapper .compare__table-wrap { padding-top: 52px; padding-top: 3.6111111111vw; -webkit-transition: -webkit-transform 0.2s linear !important; transition: -webkit-transform 0.2s linear !important; transition: transform 0.2s linear !important; transition: transform 0.2s linear, -webkit-transform 0.2s linear !important; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap { padding-top: 52px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner { width: 100%; } /* .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } */ .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row { width: 100%; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row+.compare__row { margin-top: 54px; margin-top: 6.25vw; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row+.compare__row { margin-top: 54px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { width: 80%; -ms-flex-negative: 0; flex-shrink: 0; min-height: 30px; min-height: 2.0833333333vw; padding-bottom: 21px; padding-bottom: 1.4583333333vw; margin-bottom: 40px; margin-bottom: 2.7777777778vw; border-bottom: 2px solid #000; border-width: 2px; border-width: 0.1388888889vw; font-family: "SamsungSharpSans", arial, sans-serif; font-size: 28px; font-size: 1.9444444444vw; line-height: 1.07; color: #000; -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { min-height: 30px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { padding-bottom: 21px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { margin-bottom: 40px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { border-width: 2px; } } html.rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", Sylfaen; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-size: 28px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name sup { color: #000; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row.compare__play-time .compare__column-wrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 218px; width: 15.1388888889vw; text-align: center; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /* -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; */ -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 36px; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column-wrap+.compare__column-wrap { margin-top: 40px; margin-top: 2.7777777778vw; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column-wrap+.compare__column-wrap { margin-top: 40px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column { width: 218px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-fill .compare__table-specs-feature, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-fill .compare-ico-support, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-fill .compare-ico-notsupport, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-fill .compare-ico-support::before, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-fill .compare-ico-notsupport::before { background: -webkit-gradient(linear, left top, left bottom, from(#2189ff), to(#2189ff)) left no-repeat #000; background: linear-gradient(#2189ff, #2189ff) left no-repeat #000; background-size: 0 100%; -webkit-background-clip: text; background-clip: text; color: #2189ff; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare__table-specs-feature, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico-support, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico-notsupport, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico-support::before, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico-notsupport::before { -webkit-animation: compare-text-fill 1s forwards linear; animation: compare-text-fill 1s forwards linear; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico .fill-line { fill: #2189ff; -webkit-transition: fill 0.3s 0.5s; transition: fill 0.3s 0.5s; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-fill .compare-ico svg { fill: #2189ff; -webkit-transition: fill 0.3s 0.5s; transition: fill 0.3s 0.5s; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { display: block; position: absolute; right: -18px; right: -1.25vw; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; width: 0.0694444444vw; height: calc(100% - 0.6944444444vw); content: ""; clear: both; background-color: rgba(117, 117, 117, 0.2); } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { right: -18px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { width: 1px; } } .rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { right: auto; left: -18px; left: -1.25vw; } @media (min-width: 1440px) { .rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { left: -18px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column:last-child::after { display: none; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { margin-bottom: 12px; margin-bottom: 0.8333333333vw; font-size: 14px; font-size: 0.9722222222vw; font-family: "SamsungOne", arial, sans-serif; font-weight: 700; line-height: 1.14; color: #757575; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { margin-bottom: 12px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-size: 14px; } } html.rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "SamsungOne"; } html[lang^=ko] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^=my] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "SamsungOneGeorgian", Sylfaen; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-size: 20px; font-size: 1.3888888889vw; line-height: 1.3; color: #000; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-size: 20px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { width: 64px; width: 4.4444444444vw; height: 64px; height: 4.4444444444vw; margin-bottom: 8px; margin-bottom: 0.5555555556vw; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { width: 64px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { height: 64px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { margin-bottom: 8px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico svg { width: 100%; height: 100%; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", arial, sans-serif; font-size: 20px; font-size: 1.3888888889vw; line-height: 1.3; } html.rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", Sylfaen; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-size: 20px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support::before { display: inline-block; content: "O"; color: #000; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support.and-support::before { content: "O / O"; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support.and-notsupport::before { content: "O / -"; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", arial, sans-serif; font-size: 20px; font-size: 1.3888888889vw; line-height: 1.3; } html.rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", Sylfaen; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-size: 20px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport::before { display: inline-block; content: "-"; color: #000; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport.and-notsupport::before { content: "- / -"; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico[tabindex="0"]:focus { -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; outline: 2px dotted #000; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.compare__column-align .compare__table-specs-title, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.compare__column-align .compare-ico-support, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.compare__column-align .compare-ico-notsupport, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.compare__column-align .compare__table-specs-feature { margin-bottom: auto; } @-webkit-keyframes compare-text-fill { to { background-size: 100% 100%; } } @keyframes compare-text-fill { to { background-size: 100% 100%; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column { -ms-flex-negative: 0; flex-shrink: 0; width: 294px; width: 20.4166666667vw; padding: 0px 30px 50px; padding: 0vw 2.0833333333vw 3.4722222222vw; text-align: center; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column { width: 294px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column { padding: 0px 30px 50px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { width: 64px; width: 4.4444444444vw; height: 64px; height: 4.4444444444vw; margin-bottom: 20px; margin-bottom: 1.3888888889vw; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { width: 64px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { height: 64px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { margin-bottom: 20px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name { font-family: "SamsungOne", arial, sans-serif; font-weight: 700; font-size: 14px; font-size: 0.9722222222vw; color: #717171; margin-bottom: 10px; margin-bottom: 0.6944444444vw; } html.rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name { font-family: "SamsungOne"; } html[lang^=ko] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^=my] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name { font-family: "SamsungOneGeorgian", Sylfaen; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name { font-size: 14px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name { margin-bottom: 10px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name sup { color: #717171; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-size: 20px; font-size: 1.3888888889vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.3; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-size: 20px; } } html.rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-family: "SamsungSharpSans", Sylfaen; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__rowgroup .compare__row:nth-child(4)~div { display: none; } .wearable-buds .compare .compare__view-more-button, .wearable-buds3-review .wearable-buds3-compare__button { text-transform: uppercase; text-align: center; } .wearable-buds .compare .compare__view-more-button .view-more__cta, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; z-index: 6; overflow: hidden; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 150px; min-width: 10.4166666667vw; min-height: 48px; min-height: 3.3333333333vw; padding: 0px 22px; padding: 0vw 1.5277777778vw; text-align: center; letter-spacing: 0.12em; text-transform: uppercase; border: 1px solid #000; border-radius: 8px; border-radius: 0.5555555556vw; } @media (min-width: 1440px) { .wearable-buds .compare .compare__view-more-button .view-more__cta, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta { min-width: 150px; } } @media (min-width: 1440px) { .wearable-buds .compare .compare__view-more-button .view-more__cta, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta { min-height: 48px; } } @media (min-width: 1440px) { .wearable-buds .compare .compare__view-more-button .view-more__cta, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta { padding: 0px 22px; } } @media (min-width: 1440px) { .wearable-buds .compare .compare__view-more-button .view-more__cta, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta { border-radius: 8px; margin-right: 25%; } } .wearable-buds .compare .compare__view-more-button .view-more__cta span, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta span { position: relative; z-index: 5; font-family: "SamsungOne", arial, sans-serif; font-weight: 700; letter-spacing: 0.12em; font-size: 13px; font-size: 0.9027777778vw; } html.rtl .wearable-buds .compare .compare__view-more-button .view-more__cta span, html.rtl .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta span { font-family: "SamsungOne"; } html[lang^=ko] .wearable-buds .compare .compare__view-more-button .view-more__cta span, html[lang^=ko] .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta span { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^=my] .wearable-buds .compare .compare__view-more-button .view-more__cta span, html[lang^=my] .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta span { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare .compare__view-more-button .view-more__cta span, html[lang^=zh-CN] .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta span { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare .compare__view-more-button .view-more__cta span, html[lang^=zh-TW] .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta span { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare .compare__view-more-button .view-more__cta span, html[lang^=zh-HK] .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta span { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare .compare__view-more-button .view-more__cta span, html[lang^=ja] .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta span { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare .compare__view-more-button .view-more__cta span, html[lang^=ka-GE] .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta span { font-family: "SamsungOneGeorgian", Sylfaen; } @media (min-width: 1440px) { .wearable-buds .compare .compare__view-more-button .view-more__cta span, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta span { font-size: 13px; } } .wearable-buds .compare .compare__view-more-button .view-more__cta span.arrow-ico { width: 12px; width: 0.8333333333vw; height: 7px; height: 0.4861111111vw; margin: 0px 0px 3px 10px; margin: 0vw 0vw 0.2083333333vw 0.6944444444vw; } @media (min-width: 1440px) { .wearable-buds .compare .compare__view-more-button .view-more__cta span.arrow-ico { width: 12px; } } @media (min-width: 1440px) { .wearable-buds .compare .compare__view-more-button .view-more__cta span.arrow-ico { height: 7px; } } @media (min-width: 1440px) { .wearable-buds .compare .compare__view-more-button .view-more__cta span.arrow-ico { margin: 0px 0px 3px 10px; } } .rtl .wearable-buds .compare .compare__view-more-button .view-more__cta span.arrow-ico { margin: 0px 10px 3px 0px; margin: 0vw 0.6944444444vw 0.2083333333vw 0vw; } @media (min-width: 1440px) { .rtl .wearable-buds .compare .compare__view-more-button .view-more__cta span.arrow-ico { margin: 0px 10px 3px 0px; } } .wearable-buds .compare .compare__view-more-button .view-more__cta span.arrow-ico img { display: none; width: 100%; } .wearable-buds .compare .compare__view-more-button .view-more__cta span.arrow-ico .arrow-ico-b { display: block; } .wearable-buds .compare .compare__view-more-button .view-more__cta .collapse { display: none; } .wearable-buds .compare .compare__view-more-button .view-more__cta.is-collapse .collapse { display: block; } .wearable-buds .compare .compare__view-more-button .view-more__cta::after, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta::after { display: block; position: absolute; left: 0; top: 0; z-index: auto; width: 0; height: 104%; background-color: #000; -webkit-transition: width 0.25s ease-in-out; transition: width 0.25s ease-in-out; content: ""; } .wearable-buds .compare .compare__view-more-button .view-more__cta:hover::after, .wearable-buds .compare .compare__view-more-button .view-more__cta:focus::after, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta:hover::after, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta:focus::after { width: 100%; background-color: #000; } .wearable-buds .compare .compare__view-more-button .view-more__cta:hover span, .wearable-buds .compare .compare__view-more-button .view-more__cta:focus span, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta:hover span .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta:focus span { color: #fff; } .wearable-buds .compare .compare__view-more-button .view-more__cta:hover span.arrow-ico .arrow-ico-b, .wearable-buds .compare .compare__view-more-button .view-more__cta:focus span.arrow-ico .arrow-ico-b { display: none; } .wearable-buds .compare .compare__view-more-button .view-more__cta:hover span.arrow-ico .arrow-ico-w, .wearable-buds .compare .compare__view-more-button .view-more__cta:focus span.arrow-ico .arrow-ico-w { display: block; } .wearable-buds .compare .swiper-arrow-wrap { display: none; } .wearable-buds .compare .wearable-common__carousel-scrollbar { display: none; } @media screen and (max-width: 767px) { .wearable-buds .compare { padding: 0; } .wearable-buds .compare__wrap { width: 100%; padding: 106.5277777778px 0px; padding: 0.8888888889vw 0vw; } .wearable-buds .compare__text { padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; } .wearable-buds .compare__text .compare__headline { font-size: 63.9166666667px; font-size: 8.3333333333vw; padding: 0px 8.5222222222px; padding: 0vw 1.1111111111vw; width: 596.5555555556px; width: 77.7777777778vw; line-height: 1.26; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__text .compare__headline { font-size: 30px; font-size: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__text .compare__headline { width: 280px; width: 77.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap { margin-top: 42.6111111111px; margin-top: 5.5555555556vw; padding: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap { margin-top: 20px; margin-top: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 46.8722222222px; margin: 0vw 6.1111111111vw; } .wearable-buds .compare__list-wrap .compare__container .compare__list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; gap: 0; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item { width: 50%; padding: 0px 31.9583333333px; padding: 0vw 4.1666666667vw; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-title { margin-top: 12.7833333333px; margin-top: 1.6666666667vw; font-size: 34.0888888889px; font-size: 4.4444444444vw; line-height: 1.25; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-title { margin-top: 6px; margin-top: 1.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-title { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product { width: 100%; height: 306.8px; height: 40vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product { height: 144px; height: 40vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item { margin: 0px -17.0444444444px; margin: 0vw -2.2222222222vw; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item .compare__list-product-image { width: 100%; height: 306.8px; height: 40vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item .compare__list-product-image { height: 144px; height: 40vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size { margin: 21.3055555556px auto 0px; margin: 2.7777777778vw auto 0vw; padding: 8.5222222222px; padding: 1.1111111111vw; border-radius: 53.2638888889px; border-radius: 6.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size { padding: 4px; padding: 1.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size { border-radius: 25px; border-radius: 6.9444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-inner { border-radius: 53.2638888889px; border-radius: 6.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-inner { border-radius: 25px; border-radius: 6.9444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-button { padding: 17.0444444444px 0px; padding: 2.2222222222vw 0vw; border-radius: 53.2638888889px; border-radius: 6.9444444444vw; font-size: 27.6972222222px; font-size: 3.6111111111vw; width: 129.9638888889px; width: 16.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-button { border-radius: 25px; border-radius: 6.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-button { font-size: 13px; font-size: 3.6111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-button { width: 61px; width: 16.9444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap { margin-top: 51.1333333333px; margin-top: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap { margin-top: 24px; margin-top: 6.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors { gap: 17.0444444444px; gap: 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors { gap: 8px; gap: 2.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li { height: 38.35px; height: 5vw; padding-bottom: 44.7416666667px; padding-bottom: 5.8333333333vw; -webkit-box-sizing: content-box; box-sizing: content-box; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li { height: 18px; height: 5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li { padding-bottom: 21px; padding-bottom: 5.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { width: 38.35px; width: 5vw; height: 38.35px; height: 5vw; padding: 4.2611111111px; padding: 0.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { width: 18px; width: 5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { height: 18px; height: 5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { padding: 2px; padding: 0.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-size: 25.5666666667px; font-size: 3.3333333333vw; line-height: 1.5; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-size: 12px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { position: absolute; top: -6.3916666667px; top: -0.8333333333vw; left: -6.3916666667px; left: -0.8333333333vw; right: -6.3916666667px; right: -0.8333333333vw; bottom: -6.3916666667px; bottom: -0.8333333333vw; border-style: solid; border-width: 2.1305555556px; border-width: 0.2777777778vw; border-color: #0c71e5; border-radius: 50%; content: ""; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { top: -3px; top: -0.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { left: -3px; left: -0.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { right: -3px; right: -0.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { bottom: -3px; bottom: -0.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { border-width: 1px; border-width: 0.2777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta { margin: 51.1333333333px auto 0px; margin: 6.6666666667vw auto 0vw; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { min-width: 268.45px; min-width: 35vw; min-height: 80.9611111111px; min-height: 10.5555555556vw; border-radius: 23.4361111111px; border-radius: 3.0555555556vw; padding: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { min-width: 126px; min-width: 35vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { min-height: 38px; min-height: 10.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { border-radius: 11px; border-radius: 3.0555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-size: 25.5666666667px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-size: 12px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item+.compare__cta-item { margin-top: 21.3055555556px; margin-top: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item+.compare__cta-item { margin-top: 10px; margin-top: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap.is-expanded .compare__container .compare__list-item .compare__list-content .compare__specs:nth-child(4)~div { display: block !important; } .wearable-buds .compare__list-arrow { display: block; position: absolute; top: 262.0583333333px; top: 34.1666666667vw; left: 0; width: 100%; height: 50%; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow { top: 123px; top: 34.1666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-arrow-inner { z-index: 5; position: sticky; width: 100%; top: 383.5px; top: 50vw; left: 0; margin-left: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow-inner { top: 180px; top: 50vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-arrow-inner .swiper-button-next, .wearable-buds .compare__list-arrow-inner .swiper-button-prev { top: 0; border-radius: 50%; margin-top: 0; width: 85.2222222222px; width: 11.1111111111vw; height: 85.2222222222px; height: 11.1111111111vw; padding: 17.0444444444px; padding: 2.2222222222vw; background-color: rgba(255, 255, 255, 0.45); border: 1px solid rgba(0, 0, 0, 0.1); } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow-inner .swiper-button-next, .wearable-buds .compare__list-arrow-inner .swiper-button-prev { width: 40px; width: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow-inner .swiper-button-next, .wearable-buds .compare__list-arrow-inner .swiper-button-prev { height: 40px; height: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow-inner .swiper-button-next, .wearable-buds .compare__list-arrow-inner .swiper-button-prev { padding: 8px; padding: 2.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-arrow-inner .swiper-button-next:after, .wearable-buds .compare__list-arrow-inner .swiper-button-prev:after { display: none; } .wearable-buds .compare__list-arrow-inner .swiper-button-next img, .wearable-buds .compare__list-arrow-inner .swiper-button-prev img { width: 100%; } .wearable-buds .compare__list-arrow-inner .swiper-button-next.swiper-button-disabled, .wearable-buds .compare__list-arrow-inner .swiper-button-prev.swiper-button-disabled { opacity: 0; } .wearable-buds .compare__list-arrow-inner .swiper-button-next { right: 21.3055555556px; right: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow-inner .swiper-button-next { right: 10px; right: 2.7777777778vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .compare__list-arrow-inner .swiper-button-next { right: auto; left: 21.3055555556px; left: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-buds .compare__list-arrow-inner .swiper-button-next { left: 10px; left: 2.7777777778vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .compare__list-arrow-inner .swiper-button-next img { -webkit-transform: scale(-1); transform: scale(-1); } .wearable-buds .compare__list-arrow-inner .swiper-button-prev { left: 21.3055555556px; left: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow-inner .swiper-button-prev { left: 10px; left: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-arrow-inner .swiper-button-prev img { -webkit-transform: scale(-1); transform: scale(-1); } .rtl .wearable-buds .compare__list-arrow-inner .swiper-button-prev { left: auto; right: 21.3055555556px; right: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-buds .compare__list-arrow-inner .swiper-button-prev { right: 10px; right: 2.7777777778vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .compare__list-arrow-inner .swiper-button-prev img { -webkit-transform: scale(1); transform: scale(1); } .wearable-buds .compare__list-nav { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; -webkit-transition: -webkit-transform 0.2s linear !important; transition: -webkit-transform 0.2s linear !important; transition: transform 0.2s linear !important; transition: transform 0.2s linear, -webkit-transform 0.2s linear !important; } .wearable-buds .compare__list-nav-wrap { top: 336.6277777778px; top: 43.8888888889vw; } .wearable-buds .compare__table-wrapper .compare__table-wrap { padding-top: 76.7px; padding-top: 10vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-nav-wrap { top: 158px; top: 43.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-nav-title { width: 319.5833333333px; width: 41.6666666667vw; min-height: 104.3972222222px; min-height: 13.6111111111vw; padding: 21.3055555556px 6.3916666667px; padding: 2.7777777778vw 0.8333333333vw; font-size: 34.0888888889px; font-size: 4.4444444444vw; line-height: 42.6111111111px; line-height: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-nav-title { width: 150px; width: 41.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-nav-title { min-height: 49px; min-height: 13.6111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-nav-title { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-nav-title { line-height: 20px; line-height: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-nav-title-image { width: 100%; } .wearable-buds .compare__table-wrapper .compare__table-wrap { padding: 117.1805555556px 0px 357.9333333333px; padding: 15.2777777778vw 0vw 46.6666666667vw; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner { width: 100%; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { min-height: 57.525px; min-height: 7.5vw; padding: 0 4px; padding-bottom: 4.2611111111px; padding-bottom: 0.5555555556vw; margin-bottom: 63.9166666667px; margin-bottom: 8.3333333333vw; border-width: 2.1305555556px; border-width: 0.2777777778vw; font-size: 40.4805555556px; font-size: 5.2777777778vw; line-height: 63.9166666667px; line-height: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { min-height: 27px; min-height: 7.5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { padding-bottom: 2px; padding-bottom: 0.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { margin-bottom: 30px; margin-bottom: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { border-width: 1px; border-width: 0.2777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-size: 19px; font-size: 5.2777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { line-height: 30px; line-height: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row+.compare__row { margin-top: 127.8333333333px; margin-top: 16.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row+.compare__row { margin-top: 60px; margin-top: 16.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column { width: 319.5833333333px; width: 41.6666666667vw; padding: 0px 31.9583333333px; padding: 0vw 4.1666666667vw; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column { width: 150px; width: 41.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 0; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column-wrap+.compare__column-wrap { margin-top: 85.2222222222px; margin-top: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column-wrap+.compare__column-wrap { margin-top: 40px; margin-top: 11.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { width: 2.1305555556px; width: 0.2777777778vw; right: 0; height: calc(100% - 5.5555555556vw); min-height: 19.175px; min-height: 2.5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { width: 1px; width: 0.2777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { min-height: 9px; min-height: 2.5vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { right: auto; left: 0; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { margin-bottom: 21.3055555556px; margin-bottom: 2.7777777778vw; font-size: 23.4361111111px; font-size: 3.0555555556vw; margin-bottom: 12.7833333333px; margin-bottom: 1.6666666667vw; line-height: 1.45; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { margin-bottom: 10px; margin-bottom: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-size: 11px; font-size: 3.0555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { margin-bottom: 6px; margin-bottom: 1.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-size: 34.0888888889px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { width: 76.7px; width: 10vw; height: 76.7px; height: 10vw; margin-bottom: 21.3055555556px; margin-bottom: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { width: 36px; width: 10vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { height: 36px; height: 10vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { margin-bottom: 10px; margin-bottom: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { line-height: 42.6111111111px; line-height: 5.5555555556vw; font-size: 34.0888888889px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { line-height: 20px; line-height: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { line-height: 42.6111111111px; line-height: 5.5555555556vw; font-size: 34.0888888889px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { line-height: 20px; line-height: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row.compare__connectivity .compare__column { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wearable-buds .compare .wearable-common__carousel-scrollbar { display: block; margin: 26.6319444444px auto; margin: 3.4722222222vw auto; height: 6.3916666667px; height: 0.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .wearable-common__carousel-scrollbar { height: 3px; height: 0.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare .wearable-common__carousel-scrollbar::before { height: 6.3916666667px; height: 0.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .wearable-common__carousel-scrollbar::before { height: 3px; height: 0.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare .wearable-common__carousel-scrollbar .swiper-scrollbar-drag::after { height: 6.3916666667px; height: 0.8333333333vw; background-color: #000; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .wearable-common__carousel-scrollbar .swiper-scrollbar-drag::after { height: 3px; height: 0.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare .wearable-common__carousel-scrollbar::after { background-color: #eee; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap { padding-top: 36px; padding-top: 10vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner { width: 100%; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row { gap: 0; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column { width: 50%; padding: 0px 25.5666666667px 63.9166666667px; padding: 0vw 3.3333333333vw 8.3333333333vw; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { width: 102.2666666667px; width: 13.3333333333vw; height: 102.2666666667px; height: 13.3333333333vw; margin-bottom: 25.5666666667px; margin-bottom: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { width: 48px; width: 13.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { height: 48px; height: 13.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { margin-bottom: 12px; margin-bottom: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name { font-size: 23.4361111111px; font-size: 3.0555555556vw; margin-bottom: 12.7833333333px; margin-bottom: 1.6666666667vw; line-height: 1.45; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name { font-size: 11px; font-size: 3.0555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-name { margin-bottom: 6px; margin-bottom: 1.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-size: 34.0888888889px; font-size: 4.4444444444vw; line-height: 1.25; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare .compare__view-more-button, .wearable-buds3-review .wearable-buds3-compare__button { margin-top: 106.5277777778px; margin-top: 13.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .compare__view-more-button, .wearable-buds3-review .wearable-buds3-compare__button { margin-top: 50px; margin-top: 13.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare .compare__view-more-button .view-more__cta, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta { font-size: 25.5666666667px; font-size: 3.3333333333vw; min-width: 302.5388888889px; min-width: 39.4444444444vw; min-height: 95.875px; min-height: 12.5vw; padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; border-radius: 17.0444444444px; border-radius: 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .compare__view-more-button .view-more__cta, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta { font-size: 12px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .compare__view-more-button .view-more__cta, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta { min-width: 142px; min-width: 39.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .compare__view-more-button .view-more__cta, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta { min-height: 45px; min-height: 12.5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .compare__view-more-button .view-more__cta, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta { border-radius: 8px; border-radius: 2.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare .compare__view-more-button .view-more__cta span, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta span { font-size: 25.5666666667px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .compare__view-more-button .view-more__cta span, .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta span { font-size: 12px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare .compare__view-more-button .view-more__cta span.arrow-ico { width: 25.5666666667px; width: 3.3333333333vw; height: 14.9138888889px; height: 1.9444444444vw; margin: 0px 0px 4.2611111111px 17.0444444444px; margin: 0vw 0vw 0.5555555556vw 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .compare__view-more-button .view-more__cta span.arrow-ico { width: 12px; width: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .compare__view-more-button .view-more__cta span.arrow-ico { height: 7px; height: 1.9444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare .wearable-common__carousel-scrollbar { display: block; margin: 26.6319444444px auto; margin: 3.4722222222vw auto; height: 6.3916666667px; height: 0.8333333333vw; } } .design_eyebrow { text-align: left !important; padding-left: 0px; } @media screen and (max-width: 767px) { .design_eyebrow { text-align: center !important; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .wearable-common__carousel-scrollbar { height: 3px; height: 0.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare .wearable-common__carousel-scrollbar::before { height: 6.3916666667px; height: 0.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .wearable-common__carousel-scrollbar::before { height: 3px; height: 0.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare .wearable-common__carousel-scrollbar .swiper-scrollbar-drag::after { height: 6.3916666667px; height: 0.8333333333vw; background-color: #000; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .wearable-common__carousel-scrollbar .swiper-scrollbar-drag::after { height: 3px; height: 0.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare .wearable-common__carousel-scrollbar::after { background-color: #eee; } .wearable-buds .compare .wearable-common__carousel-pagination-wrap { width: 98%; } } .wearable-buds .banner { padding: 60px 0px 120px; padding: 4.1666666667vw 0vw 8.3333333333vw; } @media (min-width: 1440px) { .wearable-buds .banner { padding: 60px 0px 120px; } } .wearable-buds .banner__wrap { max-width: 988px; max-width: 68.6111111111vw; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .banner__wrap { max-width: 988px; } } .wearable-buds .banner__cards { gap: 20px; gap: 1.3888888889vw; display: grid; } @media (min-width: 1440px) { .wearable-buds .banner__cards { gap: 20px; } } .wearable-buds .banner__card { border-radius: 26px; border-radius: 1.8055555556vw; padding: 40px 35px; padding: 2.7777777778vw 2.4305555556vw; gap: 20px; gap: 1.3888888889vw; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #f4f4f4; overflow: hidden; } @media (min-width: 1440px) { .wearable-buds .banner__card { border-radius: 26px; } } @media (min-width: 1440px) { .wearable-buds .banner__card { padding: 40px 26px; } } @media (min-width: 1440px) { .wearable-buds .banner__card { gap: 20px; } } .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", arial, sans-serif; font-size: 26px; font-size: 1.8055555556vw; line-height: 1.3; position: relative; z-index: 2; font-weight: bold; } html.rtl .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .banner__card--title { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", Sylfaen; } @media (min-width: 1440px) { .wearable-buds .banner__card--title { font-size: 26px; } } html[lang^=my] .wearable-buds .banner__card--title { line-height: 1.4; } .wearable-buds .banner__card--cta { padding: 15px 23px; padding: 1.0416666667vw 1.5972222222vw; border-radius: 8px; border-radius: 0.5555555556vw; font-size: 12px; font-size: 0.8333333333vw; line-height: 1.166667; position: relative; z-index: 2; display: inline-block; font-weight: 700; border: 1px solid #000; overflow: hidden; text-transform: uppercase; } @media (min-width: 1440px) { .wearable-buds .banner__card--cta { padding: 15px 23px; } } @media (min-width: 1440px) { .wearable-buds .banner__card--cta { border-radius: 8px; } } @media (min-width: 1440px) { .wearable-buds .banner__card--cta { font-size: 12px; } } html[lang^=my] .wearable-buds .banner__card--cta { line-height: 1.4; } .wearable-buds .banner__card--cta::after { content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #000; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; } .wearable-buds .banner__card--cta:hover { color: #fff; } .wearable-buds .banner__card--cta:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1); } .banner__card.business-footer-card { grid-column: 3 span; } /* .wearable-buds .banner__cards .banner__card--white .banner__card--cta::after{ display: none; } */ .wearable-buds .banner__card--image { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom; } .wearable-buds .banner__card--white .banner__card--title { color: #fff; } .wearable-buds .banner__card--white .banner__card--cta { color: #fff; border: 1px solid #fff; } .wearable-buds .banner.banner--type1 .banner__cards { grid-template: repeat(2, -webkit-min-content)/repeat(3, 1fr); grid-template: repeat(2, min-content)/repeat(3, 1fr); } .banner.banner--type1 .banner__card.business-footer-card { height: 20vw; } .wearable-buds .banner.banner--type1 .banner__card { height: 432px; height: 30vw; } @media (min-width: 1440px) { .wearable-buds .banner.banner--type1 .banner__card { height: 432px; } .banner.banner--type1 .banner__card.business-footer-card { height: 272px; } } .wearable-buds .banner.banner--type1 .banner__card:nth-child(4) { height: 364px; height: 25.2777777778vw; grid-column: span 3; } @media (min-width: 1440px) { .wearable-buds .banner.banner--type1 .banner__card:nth-child(4) { height: 364px; } } .wearable-buds .banner.banner--type2 .banner__cards { grid-template: repeat(2, -webkit-min-content)/repeat(2, 1fr); grid-template: repeat(2, min-content)/repeat(2, 1fr); } .wearable-buds .banner.banner--type2 .banner__card { height: 398px; height: 27.6388888889vw; } @media (min-width: 1440px) { .wearable-buds .banner.banner--type2 .banner__card { height: 398px; } } .wearable-buds .banner.banner--type2 .banner__card:nth-child(3) { height: 816px; height: 56.6666666667vw; grid-row: 1/span 2; grid-column: 2; } @media (min-width: 1440px) { .wearable-buds .banner.banner--type2 .banner__card:nth-child(3) { height: 816px; } } .wearable-buds .banner.banner--type3 .banner__cards { grid-template: 1fr/repeat(2, 1fr); } .wearable-buds .banner.banner--type3 .banner__card { height: 540px; height: 37.5vw; } @media (min-width: 1440px) { .wearable-buds .banner.banner--type3 .banner__card { height: 540px; } } @media screen and (max-width: 767px) { .wearable-buds .banner { padding: 127.8333333333px 51.1333333333px; padding: 16.6666666667vw 6.6666666667vw; } .wearable-buds .banner__wrap { max-width: initial; } .wearable-buds .banner__cards { gap: 42.6111111111px; gap: 5.5555555556vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner__cards { gap: 20px; gap: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .banner__card { padding: 95.875px 85.2222222222px; padding: 7.5vw 6.111111vw; gap: 51.1333333333px; gap: 6.6666666667vw; border-radius: 55.3944444444px; border-radius: 7.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner__card { gap: 24px; gap: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner__card { border-radius: 26px; border-radius: 7.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .banner__card--title { font-size: 51.1333333333px; font-size: 6.6666666667vw; line-height: 1.25; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner__card--title { font-size: 24px; font-size: 6.6666666667vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .banner__card--title { line-height: 1.4; } .wearable-buds .banner__card--cta { padding: 21.3055555556px 42.6111111111px; padding: 2.7777777778vw 5.5555555556vw; border-radius: 17.0444444444px; border-radius: 2.2222222222vw; font-size: 25.5666666667px; font-size: 3.3333333333vw; line-height: 1.166667; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner__card--cta { border-radius: 8px; border-radius: 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner__card--cta { font-size: 12px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .banner__card--cta { line-height: 1.4; } .wearable-buds .banner.banner--type1 .banner__card { height: 788.3055555556px; height: 116.777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner.banner--type1 .banner__card { height: 370px; height: 116.777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .banner.banner--type1 .banner__card:nth-child(4) { height: 933.1833333333px; height: 121.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner.banner--type1 .banner__card:nth-child(4) { height: 438px; height: 121.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .banner.banner--type2 .banner__card { height: 788.3055555556px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner.banner--type2 .banner__card { height: 370px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .banner.banner--type2 .banner__card:nth-child(3) { height: 933.1833333333px; height: 121.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner.banner--type2 .banner__card:nth-child(3) { height: 438px; height: 121.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .banner.banner--type3 .banner__card { height: 788.3055555556px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner.banner--type3 .banner__card { height: 370px; height: 102.7777777778vw; } } /* [S] Contrast */ .cp-high-contrast__inner { max-width: 1440px; margin: 0 auto; padding: 15px 0px 17px; padding: 1.04167vw 0vw 1.18056vw; font-size: 0; text-align: right; } @media (min-width: 1440px) { .cp-high-contrast__inner { padding: 15px 0px 17px; } } .rtl .cp-high-contrast__inner { text-align: left; } .cp-high-contrast .btn-contrast { display: inline-block; margin-left: 3px; margin-left: 0.20833vw; padding: 1px; } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast { margin-left: 3px; } } .rtl .cp-high-contrast .btn-contrast { margin-left: 0; margin-right: 3px; margin-right: 0.20833vw; } @media (min-width: 1440px) { .rtl .cp-high-contrast .btn-contrast { margin-right: 3px; } } .cp-high-contrast .btn-contrast:first-child { margin-left: 0; } .rtl .cp-high-contrast .btn-contrast:first-child { margin-right: 0; } .cp-high-contrast .btn-contrast span { display: inline-block; width: 30px; width: 2.08333vw; height: 30px; height: 2.08333vw; font-size: 13px; font-size: 0.90278vw; line-height: 28px; line-height: 1.94444vw; text-align: center; border-width: 2px; border-style: solid; } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast span { width: 30px; } } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast span { height: 30px; } } html[lang^=th] .cp-high-contrast .btn-contrast span { font-size: 17.55px; font-size: 1.21875vw; } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast span { font-size: 13px; } html[lang^=th] .cp-high-contrast .btn-contrast span { font-size: 17.55px; } } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast span { line-height: 28px; } } .cp-high-contrast .btn-contrast.type-contrast span { color: #fff01f; border-color: #fff01f; background-color: #000; } .cp-high-contrast .btn-contrast.type-default span { color: #666; border-color: #bdbdbd; background-color: #fff; } @media screen and (max-width: 767px) { .cp-high-contrast__inner { padding: 21.33333px 34.13333px; padding: 2.77778vw 4.44444vw; text-align: left; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast__inner { padding: 10px 16px; padding: 2.77778vw 4.44444vw; } } @media screen and (max-width: 767px) { .rtl .cp-high-contrast__inner { text-align: right; } .cp-high-contrast .btn-contrast { margin-left: 6.4px; margin-left: 0.83333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast { margin-left: 3px; margin-left: 0.83333vw; } } @media screen and (max-width: 767px) { .rtl .cp-high-contrast .btn-contrast { margin-left: 0; margin-right: 6.4px; margin-right: 0.83333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .cp-high-contrast .btn-contrast { margin-right: 3px; margin-right: 0.83333vw; } } @media screen and (max-width: 767px) { .cp-high-contrast .btn-contrast span { width: 64px; width: 8.33333vw; height: 64px; height: 8.33333vw; font-size: 27.73333px; font-size: 3.61111vw; line-height: 59.73333px; line-height: 7.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast span { width: 30px; width: 8.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast span { height: 30px; height: 8.33333vw; } } @media screen and (max-width: 767px) { html[lang^=th] .cp-high-contrast .btn-contrast span { font-size: 37.44px; font-size: 4.875vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast span { font-size: 13px; font-size: 3.61111vw; } html[lang^=th] .cp-high-contrast .btn-contrast span { font-size: 17.55px; font-size: 4.875vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast span { line-height: 28px; line-height: 7.77778vw; } } /* [E] Contrast */ .color_yb .wearable-buds #desc-section li, .color_yb .wearable-buds #desc-section li a:focus, .color_yb .wearable-buds .m_feature-desc, .color_yb .wearable-buds .m_content-desc ol, .color_yb .wearable-buds .m_feature-desc ol, .color_yb .wearable-buds sup, .color_yb .wearable-buds sup a, .color_yb .wearable-buds .common__text, .color_yb .wearable-buds .common__headline, .color_yb .wearable-buds .common__sub-headline, .color_yb .wearable-buds .common__description, .color_yb .wearable-buds .common__disclaimer, .color_yb .wearable-buds .kv__headline span, .color_yb .wearable-buds .kv__description, .color_yb .wearable-buds .highlight-carousel .wearable-common__headline, .color_yb .wearable-buds .highlight-carousel .wearable-common__carousel-wrap .wearable-common__carousel-item .wearable-common__carousel-tit, .color_yb .wearable-buds .new-design__colorchip--title, .color_yb .wearable-buds .new-design__colorchip .common__tab-name span, .color_yb .wearable-buds .crystal-amplifier__item--label, .color_yb .wearable-buds .crystal-amplifier__item--desc, .color_yb .wearable-buds .crystal-hifi__bit--text, .color_yb .wearable-buds .essential__content--head h4, .color_yb .wearable-buds .essential__content--body--block-label, .color_yb .wearable-buds .essential__content--body--block-data, .color_yb .wearable-buds .crystal-tw__content [class*=__caption] span { background-color: #000 !important; color: #fff01f !important; } .color_yb .wearable-buds .crystal-tw__content [class*=__caption]::before { background-color: #000 !important; border: 1px solid #fff01f !important; } .color_yb .wearable-buds .intuitive-control .common__tab-cta--text, .color_yb .wearable-buds .intuitive-control .common__tab-cta--desc { background-color: #000 !important; color: #fff01f !important; } .color_yb .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--text, .color_yb .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--desc { background-color: #fff01f !important; color: #000 !important; } .color_yb .wearable-buds .intuitive-control .common__tab-cta--image, .color_yb .wearable-buds .intuitive-control .common__tab-cta--textblock { opacity: 1; } @media screen and (max-width: 767px) { .color_yb .wearable-buds .intuitive-control .common__tab-cta--textblock { opacity: 0; } .color_yb .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--text, .color_yb .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--desc { background-color: #000 !important; color: #fff01f !important; } } .color_yb .wearable-buds .anc__point--label span, .color_yb .wearable-buds .anc__point--value, .color_yb .wearable-buds .anc .common__tab-panel, .color_yb .wearable-buds .anc .common__tab-cta strong { background-color: #000 !important; color: #fff01f !important; } @media screen and (max-width: 767px) { .color_yb .wearable-buds .anc .common__tab-cta { opacity: 1; } .color_yb .wearable-buds .anc .common__tab-cta.is-active strong { background-color: #fff01f !important; color: #000 !important; } } .color_yb .wearable-buds .hot-command__header .common__sub-headline { padding-left: 10px; padding-left: 0.6944444444vw; } @media (min-width: 1440px) { .color_yb .wearable-buds .hot-command__header .common__sub-headline { padding-left: 10px; } } @media screen and (max-width: 767px) { .color_yb .wearable-buds .hot-command__header .common__sub-headline { padding: 0; } } .color_yb .wearable-buds .translation .common__tab-cta { opacity: 1; } .color_yb .wearable-buds .translation .common__tab-cta.is-active strong { background-color: #fff01f !important; color: #000 !important; } .color_yb .wearable-buds .translation .common__tab-cta strong, .color_yb .wearable-buds .translation .common__tab-panel .translation__balloon strong, .color_yb .wearable-buds .translation__content--text { background-color: #000 !important; color: #fff01f !important; } .color_yb .wearable-buds .compare__headline, .color_yb .wearable-buds .compare__list-title, .color_yb .wearable-buds .compare__color-name, .color_yb .wearable-buds .compare__specs-name, .color_yb .wearable-buds .compare__specs-feature, .color_yb .wearable-buds .compare__table-specs-name, .color_yb .wearable-buds .compare__table-specs-feature, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-button.is-active, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.buy__cta::after, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.learn-more-cta:focus, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.learn-more-cta:hover { background-color: #000 !important; color: #fff01f !important; } .color_yb .wearable-buds .compare__size-cta { background-color: #000; } .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.buy__cta:hover span, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.buy__cta:focus span, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.learn-more-cta:hover span, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.learn-more-cta:focus span, .color_yb .wearable-buds .compare__size-cta .tab-cta__text, .color_yb .wearable-buds .compare .compare__view-more-button .view-more__cta:hover span, .color_yb .wearable-buds .compare .compare__view-more-button .view-more__cta:focus span, .color_yb .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta:hover span, .color_yb .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta:focus span { color: #fff01f; } .color_yb .wearable-buds .compare__size-cta.is-active { background-color: #fff01f; } .color_yb .wearable-buds .compare__size-cta.is-active .tab-cta__text, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.buy__cta span { color: #000; } .color_yb .wearable-buds .compare__color-chip:after { border-color: #000; } .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-button, .color_yb .wearable-buds .compare__list-arrow .swiper-button-next, .color_yb .wearable-buds .compare__list-arrow .swiper-button-prev { color: #000 !important; background-color: #fff01f; } .color_yb .wearable-buds .compare .common-cta { border-color: #000 !important; background-color: #fff01f !important; } .color_yb .wearable-buds .compare .compare__view-more-button .view-more__cta span.arrow-ico { background: transparent !important; } .color_yb .wearable-buds .banner__card .banner__card--title, .color_yb .wearable-buds .banner__card .banner__card--cta { color: #000 !important; background-color: #fff01f !important; } .color_yb .wearable-buds .banner__card .banner__card--cta:hover { color: #fff01f !important; } .color_yb .video__controller .play, .color_yb .video__controller .play.black { background-color: #000; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(8.369 5.936)'%3E%3Cpath style='fill:%23fff01f' d='M4.4,2.3c0.4-0.2,0.9-0.2,1.3,0.1h0.1L18.3,11c0.6,0.4,0.8,1.2,0.4,1.9 c-0.1,0.1-0.2,0.2-0.3,0.3h-0.1L5.8,21.7C5.5,21.9,5.3,22,5,22c-0.2,0-0.4-0.1-0.6-0.1c-0.4-0.2-0.7-0.7-0.7-1.1V3.5 C3.7,3,3.9,2.6,4.4,2.3L4.4,2.3L4.4,2.3z'/%3E%3C/g%3E%3Cpath style='fill:%23fff01f' d='M18,2c8.8,0,16,7.2,16,16s-7.2,16-16,16S2,26.8,2,18S9.2,2,18,2 M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18 s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3C/svg%3E%0A"); } .color_yb .video__controller .pause, .color_yb .video__controller .pause.black { background-color: #000; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(7.552 6.24)'%3E%3Cpath style='fill:%23fff01f' d='M12.6,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8h4.3 c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H12.6L12.6,21.2z M4,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8 h4.3c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H4L4,21.2z'/%3E%3C/g%3E%3Cpath style='fill:%23fff01f' d='M18,2c8.8,0,16,7.2,16,16s-7.2,16-16,16S2,26.8,2,18S9.2,2,18,2 M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18 s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3C/svg%3E%0A"); } .m_content-desc { background-color: #f7f7f7; } .m_content-desc img { width: 100%; height: 100%; } .m_content-desc .m_feature-desc { padding: 42px 30px 40px; padding: 2.9166666667vw 2.0833333333vw 2.7777777778vw; } @media (min-width: 1440px) { .m_content-desc .m_feature-desc { padding: 42px 30px 40px; } } .m_content-desc .f_header-type1 { position: static; max-width: 1024px; max-width: 71.11111vw; margin: 0 auto; text-align: left; } @media (min-width: 1440px) { .m_content-desc .f_header-type1 { max-width: 1024px; } } @media screen and (min-width: 1441px) { .m_content-desc .f_header-type1 { max-width: 1440px; } } .rtl .m_content-desc .f_header-type1 { text-align: right; } .m_content-desc ol { padding-left: 20px; } .rtl .m_content-desc ol { padding-left: 0; padding-right: 20px; } .m_content-desc ol li { position: relative; font-size: 13px; line-height: 1.538; color: #666; list-style-type: decimal; } .m_content-desc ol li a { color: inherit; -webkit-box-shadow: none; box-shadow: none; } .m_content-desc ol li.is-active { color: #2089ff; } .m_content-desc ol li.is-active .click_disclaimer { display: inline-block; } .m_content-desc ol li .click_disclaimer { display: none; position: absolute; top: 0; left: -48px; width: 16px; height: 16px; } .rtl .m_content-desc ol li .click_disclaimer { left: auto; right: -48px; } .m_content-desc ol li:nth-child(-n+9) .click_disclaimer { left: -41px; } .rtl .m_content-desc ol li:nth-child(-n+9) .click_disclaimer { left: auto; right: -41px; } @media screen and (max-width: 767px) { .m_content-desc .m_feature-desc { padding: 85.33333px 0px 81.06667px; padding: 11.11111vw 0vw 10.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc .m_feature-desc { padding: 40px 0px 38px; padding: 11.11111vw 0vw 10.55556vw; } } @media screen and (max-width: 767px) { .m_content-desc .f_header-type1 { max-width: inherit; margin: 0px 38.4px; margin: 0vw 5vw; padding: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc .f_header-type1 { margin: 0px 18px; margin: 0vw 5vw; } } @media screen and (max-width: 767px) { .m_content-desc ol { padding-left: 42.66667px; padding-left: 5.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc ol { padding-left: 20px; padding-left: 5.55556vw; } } @media screen and (max-width: 767px) { .rtl .m_content-desc ol { padding-left: 0; padding-right: 42.66667px; padding-right: 5.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .m_content-desc ol { padding-right: 20px; padding-right: 5.55556vw; } } @media screen and (max-width: 767px) { .m_content-desc ol li { font-size: 27.73333px; font-size: 3.61111vw; line-height: 1.538; } html[lang^=th] .m_content-desc ol li { font-size: 37.44px; font-size: 4.875vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc ol li { font-size: 13px; font-size: 3.61111vw; } html[lang^=th] .m_content-desc ol li { font-size: 17.55px; font-size: 4.875vw; } } @media screen and (max-width: 767px) { html[lang^=th] .m_content-desc ol li { line-height: 1.1535; } html[lang^=my] .m_content-desc ol li { line-height: 1.6; } .m_content-desc ol li .click_disclaimer { top: auto; left: auto; width: 34.13333px; width: 4.44444vw; height: 34.13333px; height: 4.44444vw; margin-left: 3px; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc ol li .click_disclaimer { width: 16px; width: 4.44444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc ol li .click_disclaimer { height: 16px; height: 4.44444vw; } } @media screen and (max-width: 767px) { .rtl .m_content-desc ol li .click_disclaimer { right: auto; margin-left: 0; margin-right: 3px; } .m_content-desc ol li:nth-child(-n+9) .click_disclaimer { top: auto; left: auto; width: 34.13333px; width: 4.44444vw; height: 34.13333px; height: 4.44444vw; margin-left: 3px; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc ol li:nth-child(-n+9) .click_disclaimer { width: 16px; width: 4.44444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc ol li:nth-child(-n+9) .click_disclaimer { height: 16px; height: 4.44444vw; } } @media screen and (max-width: 767px) { .rtl .m_content-desc ol li:nth-child(-n+9) .click_disclaimer { right: auto; margin-left: 0; margin-right: 3px; } } sup { font-size: 63%; top: 0.7em; vertical-align: top; } sup .click_sup { outline-offset: 0; color: inherit; font-weight: 400; } .sup-reduce-gap sup { left: -4px; } .sup-reduce-gap-2 sup { left: -6px; } .kv__header--description { margin-top: 20px; font-size: 15px; line-height: 1.33; width: 500px; text-align: center; font-weight: 400; width: 31vw; } .color_yb .kv__header--description { background-color: #000 !important; color: #fff01f !important } @media screen and (min-width:768px) and (max-width:1023px) { .wearable-buds .new-design__video { margin-top: 0vw; } .kv__header--description { /* width: 340px; */ width: 33vw; font-size: 14px; } .wearable-buds .kv__header { margin: 0vw 0vw 0vw 0vw; /* margin: -9.583333vw 0vw 0vw -39.2361111111vw; */ } .features-kv__cta-area { margin-top: -10px; } } @media screen and (min-width:1024px) { .kv__header--description { font-size: 14px } } .features-kv__cta-area { display: none } .features-kv__cta-area[class*=is-] { display: block; min-height: 60px } .features-kv__cta-area.shop-status .common-cta-encased { display: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 366px; margin-top: 20px } .features-kv__cta-area.shop-status.is-buy .shop-status__buy-now { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .features-kv__cta-area.shop-status.is-reserve .shop-status__pre-reserve { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .features-kv__cta-area.shop-status.is-order .shop-status__pre-order, .features-kv__cta-area.shop-status.is-buy .shop-status__buy-now { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-color: #2c69e2; background-color: #2c69e2; color: #fff; } .features-kv__cta-area.shop-status.is-wheretobuy .shop-status__wheretobuy { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .features-kv__cta-area.shop-status .common-cta-encased { display: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 366px; margin-top: 20px } .features-kv__cta-area a { color: white; cursor: pointer; background: black; padding: 10px 15px; border-radius: 20px; } @media screen and (max-width: 767px) { .kv__header--description { margin-top: 15px; font-size: 14px; color: white; padding: 0 20px; width: 95%; } .features-kv__cta-area a { color: black; cursor: pointer; background: white; padding: 10px; border-radius: 20px; } } .connected-experience-detail { position: relative; } .connected-experience-detail:after, .connected-experience-detail:before { position: absolute; left: 0; width: 100%; height: 3px; content: '' } .connected-experience-detail:before { top: -1px } .connected-experience-detail:after { bottom: -1px } .connected-experience-detail .connected-experience-common__sub-headline { color: #000; text-align: center; font-family: "SamsungSharpSans", arial, sans-serif; font-weight: 700; } .connected-experience-detail .connected-experience-common__description { width: 420px; width: 29.16667vw; margin: 41px 0 0 250px; margin: 2.84722vw 0 0 17.36111vw; color: #000 } @media (min-width:1440px) { .connected-experience-detail .connected-experience-common__description { width: 420px } } @media (min-width:1440px) { .connected-experience-detail .connected-experience-common__description { margin: 41px 0 0 250px } } .rtl .connected-experience-detail .connected-experience-common__description { margin: 42px 250px 0 0; margin: 2.91667vw 17.36111vw 0 0 } @media (min-width:1440px) { .rtl .connected-experience-detail .connected-experience-common__description { margin: 42px 250px 0 0 } } .connected-experience-detail .connected-experience-common__disclaimer { margin-top: 0 } .connected-experience-detail__wrap { position: relative; max-width: 1440px; margin: 0 auto; padding: 120px 0 0; padding: 32px 0 0 } .wearable-watch-customize__wrap { margin-top: 32px; } @media (min-width: 1440px) { .connected-experience-detail__wrap { padding: 0 } } @media (min-width: 768px) { .connected-experience-detail__wrap, .wearable-watch-customize__wrap { margin-top: 80px; } } .rtl .connected-experience-detail__wrap { direction: rtl } .connected-experience-detail__tab { margin-top: 51px; margin-top: 3.54167vw } @media (min-width:1440px) { .connected-experience-detail__tab { margin-top: 51px } } .connected-experience-detail__tab img { width: 100% } .connected-experience-detail__tab-list { display: flex; justify-content: center; text-align: center; font-size: 0 } .connected-experience-detail__tab-cta { position: relative; width: 300px; width: 20.83333vw; margin: 0 9px; margin: 0 .625vw; padding-bottom: 14px; padding-bottom: .97222vw; font-size: 16px; font-size: 1.11111vw; border-bottom: 1px solid #000; color: #000 } @media (min-width:1440px) { .connected-experience-detail__tab-cta { width: 300px } } @media (min-width:1440px) { .connected-experience-detail__tab-cta { margin: 0 9px } } @media (min-width:1440px) { .connected-experience-detail__tab-cta { padding-bottom: 14px } } html[lang^=th] .connected-experience-detail__tab-cta { font-size: 21.6px; font-size: 1.5vw } @media (min-width:1440px) { .connected-experience-detail__tab-cta { font-size: 16px } html[lang^=th] .connected-experience-detail__tab-cta { font-size: 21.6px } } .connected-experience-detail__tab-cta.is-active { font-weight: 700; color: #000 } .connected-experience-detail__tab-cta.is-active::after { position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background-color: #000; content: '' } .connected-experience-detail__tab-panels { display: grid; grid-template-columns: 1fr; width: 936px; width: 65vw; margin: 47px auto 0; margin: 3.26389vw auto 0 } @media (min-width:1440px) { .connected-experience-detail__tab-panels { width: 100%; max-width: 1440px; } } @media (min-width:1440px) { .connected-experience-detail__tab-panels { margin: 47px auto 0 } } .connected-experience-detail__tab-panel { display: flex; justify-content: space-between; position: relative; grid-row-start: 1; grid-column-start: 1; height: 100%; opacity: 0; transition: opacity .3s linear } .connected-experience-detail__tab-panel.is-active { opacity: 1; z-index: 99; } .connected-experience-detail__tab-panel img { position: absolute; top: 0; left: 0; max-height: 100% } .connected-experience-detail__tab-text { position: absolute; top: 144px; top: 10vw; left: 50%; margin-left: 278px; margin-left: 19.30556vw; font-size: 14px; font-size: .97222vw; color: #000 } @media (min-width:1440px) { .connected-experience-detail__tab-text { top: 144px } } @media (min-width:1440px) { .connected-experience-detail__tab-text { margin-left: 278px } } html[lang^=th] .connected-experience-detail__tab-text { font-size: 18.9px; font-size: 1.3125vw } @media (min-width:1440px) { .connected-experience-detail__tab-text { font-size: 14px } html[lang^=th] .connected-experience-detail__tab-text { font-size: 18.9px } } .connected-experience-detail__tab-text li { margin-top: 50px; margin-top: 3.47222vw } @media (min-width:1440px) { .connected-experience-detail__tab-text li { margin-top: 50px } } .connected-experience-detail__tab-text li:first-child { margin-top: 0 } .rtl .connected-experience-detail__tab-text li { direction: ltr } .connected-experience-detail__tab-info { color: #000; text-align: center } .connected-experience-detail__tab-info p { font-size: 40px; font-size: 2.77778vw; font-weight: 700 } html[lang^=th] .connected-experience-detail__tab-info p { font-size: 54px; font-size: 3.75vw } @media (min-width:1440px) { .connected-experience-detail__tab-info p { font-size: 40px } html[lang^=th] .connected-experience-detail__tab-info p { font-size: 54px } } .connected-experience-detail__tab-info p:last-child { font-size: 16px; font-size: 1.11111vw; font-weight: 400 } html[lang^=th] .connected-experience-detail__tab-info p:last-child { font-size: 21.6px; font-size: 1.5vw } @media (min-width:1440px) { .connected-experience-detail__tab-info p:last-child { font-size: 16px } html[lang^=th] .connected-experience-detail__tab-info p:last-child { font-size: 21.6px } } .connected-experience-detail__tab-content { width: 100%; padding-bottom: 47.00855% } .connected-experience-detail__tab-content--front { position: relative; width: 356px; width: 24.72222vw; padding-bottom: 47.00855% } @media (min-width:1440px) { .connected-experience-detail__tab-content--front { width: 356px } } .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item { position: absolute; top: auto; bottom: 300px; bottom: 20.83333vw; width: 135px; width: 9.375vw; right: 27px; right: 1.875vw } @media (min-width:1440px) { .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item { bottom: 300px } } @media (min-width:1440px) { .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item { width: 135px } } @media (min-width:1440px) { .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item { right: 27px } } .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item p:last-child { margin-top: 3px } .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:after { position: absolute; top: auto; bottom: -174px; bottom: -12.08333vw; left: 34%; width: 22px; width: 1.52778vw; height: 155px; height: 10.76389vw; border-right: 1px solid #fff; border-bottom: 1px solid #fff; content: '' } @media (min-width:1440px) { .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:after { bottom: -174px } } @media (min-width:1440px) { .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:after { width: 22px } } @media (min-width:1440px) { .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:after { height: 155px } } .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:first-child { right: auto; left: 30px; left: 2.08333vw } @media (min-width:1440px) { .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:first-child { left: 30px } } .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:first-child:after { left: 50%; border-right: none; border-left: 1px solid #fff } .connected-experience-detail__tab-content--back { position: relative; width: 560px; width: 38.88889vw; padding-bottom: 47.00855% } @media (min-width:1440px) { .connected-experience-detail__tab-content--back { width: 560px } } .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item { position: absolute; width: 135px; width: 9.375vw; top: 266px; top: 18.47222vw; left: 25px; left: 1.73611vw } @media (min-width:1440px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item { width: 135px } } @media (min-width:1440px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item { top: 266px } } @media (min-width:1440px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item { left: 25px } } .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:after { position: absolute; top: 43px; top: 2.98611vw; left: 95%; width: 155px; width: 10.76389vw; border-top: 1px solid #fff; box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, .8); content: '' } @media (min-width:1440px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:after { top: 43px } } @media (min-width:1440px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:after { width: 155px } } .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:first-child { top: auto; bottom: 203px; bottom: 14.09722vw } @media (min-width:1440px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:first-child { bottom: 203px } } .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:first-child:after { top: auto; left: 102.5%; bottom: 21px; bottom: 1.45833vw; width: 120px; width: 8.33333vw } @media (min-width:1440px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:first-child:after { bottom: 21px } } @media (min-width:1440px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:first-child:after { width: 120px } } .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:last-child p { margin-left: 5px; margin-left: .34722vw } @media (min-width:1440px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:last-child p { margin-left: 5px } } .connected-experience-detail__button-text { position: absolute; font-size: 14px; font-size: .97222vw; color: #9b9b9b; text-align: center } html[lang^=th] .connected-experience-detail__button-text { font-size: 18.9px; font-size: 1.3125vw } @media (min-width:1440px) { .connected-experience-detail__button-text { font-size: 14px } html[lang^=th] .connected-experience-detail__button-text { font-size: 18.9px } } .connected-experience-detail__button-text.speaker { left: 104px; left: 7.22222vw; bottom: 95px; bottom: 6.59722vw; width: 90px; width: 6.25vw } @media (min-width:1440px) { .connected-experience-detail__button-text.speaker { left: 104px } } @media (min-width:1440px) { .connected-experience-detail__button-text.speaker { bottom: 95px } } @media (min-width:1440px) { .connected-experience-detail__button-text.speaker { width: 90px } } .connected-experience-detail__button-text.power, .connected-experience-detail__button-text.sound { bottom: 75px; bottom: 5.20833vw; width: 5.13% } @media (min-width:1440px) { .connected-experience-detail__button-text.power, .connected-experience-detail__button-text.sound { bottom: 75px } } .connected-experience-detail__button-text.power { left: 143px; left: 9.93056vw } @media (min-width:1440px) { .connected-experience-detail__button-text.power { left: 143px } } .connected-experience-detail__button-text.sound { left: 192px; left: 13.33333vw } @media (min-width:1440px) { .connected-experience-detail__button-text.sound { left: 192px } } .connected-experience-detail__disclaimer-box { width: 408px; width: 28.33333vw; margin: 14px 0 0 250px; margin: .97222vw 0 0 17.36111vw } @media (min-width:1440px) { .connected-experience-detail__disclaimer-box { width: 408px } } @media (min-width:1440px) { .connected-experience-detail__disclaimer-box { margin: 14px 0 0 250px } } .rtl .connected-experience-detail__disclaimer-box { margin: 14px 250px 0 0; margin: .97222vw 17.36111vw 0 0 } @media (min-width:1440px) { .rtl .connected-experience-detail__disclaimer-box { margin: 14px 250px 0 0 } } @media screen and (max-width:890px) { .connected-experience-detail__button-text.power, .connected-experience-detail__button-text.sound { width: 6%; transform: scale(.8) } .connected-experience-detail__button-text.power { left: 138px; left: 9.58333vw } } @media screen and (max-width:890px) and (min-width:1440px) { .connected-experience-detail__button-text.power { left: 138px } } @media screen and (max-width:890px) { .connected-experience-detail__button-text.sound { left: 187px; left: 12.98611vw } } @media screen and (max-width:890px) and (min-width:1440px) { .connected-experience-detail__button-text.sound { left: 187px } } @media screen and (max-width:767px) { .connected-experience-detail .connected-experience-common__sub-headline { width: auto; text-align: center; padding: 0 34.13333px 0 51.2px; padding: 0 4.44444vw 0 6.66667vw; font-size: 30px; } .connected-experience-detail .connected-experience-common__sub-headline.heading { font-size: 8.3333333333vw; line-height: 1.333333; } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail .connected-experience-common__sub-headline { padding: 0 16px 0 24px; padding: 0 4.44444vw 0 6.66667vw } } @media screen and (max-width:767px) { .rtl .connected-experience-detail .connected-experience-common__sub-headline { text-align: right; padding: 0 51.2px 0 34.13333px; padding: 0 6.66667vw 0 4.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .connected-experience-detail .connected-experience-common__sub-headline { padding: 0 24px 0 16px; padding: 0 6.66667vw 0 4.44444vw } } @media screen and (max-width:767px) { .connected-experience-detail .connected-experience-common__description { width: auto; margin: 53.33333px 51.2px 0; margin: 6.94444vw 6.66667vw 0; font-size: 32px; font-size: 4.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail .connected-experience-common__description { margin: 25px 24px 0; margin: 6.94444vw 6.66667vw 0 } } @media screen and (max-width:767px) { html[lang^=th] .connected-experience-detail .connected-experience-common__description { font-size: 43.2px; font-size: 5.625vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail .connected-experience-common__description { font-size: 15px; font-size: 4.16667vw } html[lang^=th] .connected-experience-detail .connected-experience-common__description { font-size: 20.25px; font-size: 5.625vw } } @media screen and (max-width:767px) { .rtl .connected-experience-detail .connected-experience-common__description { margin: 53.33333px 51.2px 0; margin: 6.94444vw 6.66667vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .connected-experience-detail .connected-experience-common__description { margin: 25px 24px 0; margin: 6.94444vw 6.66667vw 0 } } @media screen and (max-width:767px) { .connected-experience-detail__wrap { padding: 192px 0 0; padding: 32px 0 0 } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__wrap { padding: 90px 0 0; padding: 25vw 0 0 } } @media screen and (max-width:767px) { .connected-experience-detail__tab { margin-top: 66.13333px; margin-top: 8.61111vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab { margin-top: 31px; margin-top: 8.61111vw } } @media screen and (max-width:767px) { .connected-experience-detail__tab-list { display: flex; justify-content: space-between; padding: 0 44.8px; padding: 0 5.83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-list { padding: 0 21px; padding: 0 5.83333vw } } @media screen and (max-width:767px) { .connected-experience-detail__tab-cta { flex-grow: 1; flex-basis: 0; width: auto; margin: 0 6.4px; margin: 0 .83333vw; padding: 17.06667px 17.06667px 29.86667px; padding: 2.22222vw 2.22222vw 3.88889vw; font-size: 29.86667px; font-size: 3.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-cta { margin: 0 3px; margin: 0 .83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-cta { padding: 8px 8px 14px; padding: 2.22222vw 2.22222vw 3.88889vw } } @media screen and (max-width:767px) { html[lang^=th] .connected-experience-detail__tab-cta { font-size: 40.32px; font-size: 5.25vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-cta { font-size: 14px; font-size: 3.88889vw } html[lang^=th] .connected-experience-detail__tab-cta { font-size: 18.9px; font-size: 5.25vw } } @media screen and (max-width:767px) { .connected-experience-detail__tab-cta.is-active::after { bottom: 0; height: 4px } .connected-experience-detail__tab-panels { width: auto; margin-top: 42.66667px; margin-top: 5.55556vw; padding: 0 51.2px; padding: 0 6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-panels { margin-top: 20px; margin-top: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-panels { padding: 0 24px; padding: 0 6.66667vw } } @media screen and (max-width:767px) { .connected-experience-detail__tab-panel { flex-direction: column } .connected-experience-detail__tab-panel.is-active { z-index: 1 } .connected-experience-detail__tab-panel:nth-of-type(2) .connected-experience-detail__tab-text, .connected-experience-detail__tab-panel:nth-of-type(3) .connected-experience-detail__tab-text { flex-direction: row-reverse } .rtl .connected-experience-detail__tab-panel:nth-of-type(2) .connected-experience-detail__tab-text, .rtl .connected-experience-detail__tab-panel:nth-of-type(3) .connected-experience-detail__tab-text { flex-direction: row } .connected-experience-detail__tab-text { display: flex; justify-content: space-around; top: 53.33333px; top: 6.94444vw; left: 16%; width: 426.66667px; width: 55.55556vw; margin: 0; font-size: 25.6px; font-size: 3.33333vw; color: #000; text-align: center } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-text { top: 25px; top: 6.94444vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-text { width: 200px; width: 55.55556vw } } @media screen and (max-width:767px) { html[lang^=th] .connected-experience-detail__tab-text { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-text { font-size: 12px; font-size: 3.33333vw } html[lang^=th] .connected-experience-detail__tab-text { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { .connected-experience-detail__tab-text li { margin: 0 } .connected-experience-detail__tab-info p { font-size: 59.73333px; font-size: 7.77778vw } html[lang^=th] .connected-experience-detail__tab-info p { font-size: 86.61333px; font-size: 11.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-info p { font-size: 28px; font-size: 7.77778vw } html[lang^=th] .connected-experience-detail__tab-info p { font-size: 40.6px; font-size: 11.27778vw } } @media screen and (max-width:767px) { .connected-experience-detail__tab-info p:last-child { margin-top: 10.66667px; margin-top: 1.38889vw; font-size: 25.6px; font-size: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-info p:last-child { margin-top: 5px; margin-top: 1.38889vw } } @media screen and (max-width:767px) { html[lang^=th] .connected-experience-detail__tab-info p:last-child { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-info p:last-child { font-size: 12px; font-size: 3.33333vw } html[lang^=th] .connected-experience-detail__tab-info p:last-child { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { .connected-experience-detail__tab-content { padding-bottom: 186.21795% } .connected-experience-detail__tab-content--front { width: auto; padding-bottom: 101.92308% } .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item { width: 35%; bottom: 25%; right: 72.53333px; right: 9.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item { right: 34px; right: 9.44444vw } } @media screen and (max-width:767px) { .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:after { display: block; position: relative; top: 100%; bottom: 0; left: 36%; width: 34.13333px; width: 4.44444vw; height: 243.2px; height: 31.66667vw; margin-top: 25.6px; margin-top: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:after { width: 16px; width: 4.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:after { height: 114px; height: 31.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:after { margin-top: 12px; margin-top: 3.33333vw } } @media screen and (max-width:767px) { .rtl .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:after { left: auto; right: 36%; margin-right: 34.13333px; margin-right: 4.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:after { margin-right: 16px; margin-right: 4.44444vw } } @media screen and (max-width:767px) { .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:first-child { left: 64px; left: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:first-child { left: 30px; left: 8.33333vw } } @media screen and (max-width:767px) { .rtl .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:first-child:after { left: auto; right: 50%; margin-right: -34.13333px; margin-right: -4.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .connected-experience-detail__tab-content--front .connected-experience-detail__tab-info-item:first-child:after { margin-right: -16px; margin-right: -4.44444vw } } @media screen and (max-width:767px) { .connected-experience-detail__tab-content--back { width: auto; padding-bottom: 77.5641% } .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item { width: 32%; top: 62.5%; left: 2% } .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item p { font-size: 51.2px; font-size: 6.66667vw } html[lang^=th] .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item p { font-size: 69.12px; font-size: 9vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item p { font-size: 24px; font-size: 6.66667vw } html[lang^=th] .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item p { font-size: 32.4px; font-size: 9vw } } @media screen and (max-width:767px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item p:last-child { margin-top: 0; font-size: 25.6px; font-size: 3.33333vw } html[lang^=th] .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item p:last-child { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item p:last-child { font-size: 12px; font-size: 3.33333vw } html[lang^=th] .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item p:last-child { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:after { top: 55.46667px; top: 7.22222vw; left: 100%; width: 80%; margin-left: -19.2px; margin-left: -2.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:after { top: 26px; top: 7.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:after { margin-left: -9px; margin-left: -2.5vw } } @media screen and (max-width:767px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:first-child { top: auto; left: 3.5%; bottom: 46%; width: 30% } .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:first-child:after { top: auto; bottom: 34.13333px; bottom: 4.44444vw; width: 59%; margin-left: -4.26667px; margin-left: -.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:first-child:after { bottom: 16px; bottom: 4.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:first-child:after { margin-left: -2px; margin-left: -.55556vw } } @media screen and (max-width:767px) { .connected-experience-detail__tab-content--back .connected-experience-detail__tab-info-item:last-child p { margin-left: 0 } .connected-experience-detail__button-text { font-size: 25.6px; font-size: 3.33333vw; text-align: left } html[lang^=th] .connected-experience-detail__button-text { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__button-text { font-size: 12px; font-size: 3.33333vw } html[lang^=th] .connected-experience-detail__button-text { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { .connected-experience-detail__button-text.power, .connected-experience-detail__button-text.sound, .connected-experience-detail__button-text.speaker { display: flex; align-items: center; justify-content: center; bottom: auto; width: 138.66667px; width: 18.05556vw; min-height: 115.2px; min-height: 15vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__button-text.power, .connected-experience-detail__button-text.sound, .connected-experience-detail__button-text.speaker { width: 65px; width: 18.05556vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__button-text.power, .connected-experience-detail__button-text.sound, .connected-experience-detail__button-text.speaker { min-height: 54px; min-height: 15vw } } @media screen and (max-width:767px) { .connected-experience-detail__button-text.speaker { top: 17.5%; left: 17.06667px; left: 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__button-text.speaker { left: 8px; left: 2.22222vw } } @media screen and (max-width:767px) { .connected-experience-detail__button-text.power, .connected-experience-detail__button-text.sound { left: 2px; min-height: 68.26667px; min-height: 8.88889vw; transform: none; text-align: center } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__button-text.power, .connected-experience-detail__button-text.sound { min-height: 32px; min-height: 8.88889vw } } @media screen and (max-width:767px) { .connected-experience-detail__button-text.power { top: 20.7% } .connected-experience-detail__button-text.sound { top: 27.4% } .connected-experience-detail__disclaimer-box { width: auto; margin: 14.93333px 51.2px 0 51.2px; margin: 1.94444vw 6.66667vw 0 6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .connected-experience-detail__disclaimer-box { margin: 7px 24px 0 24px; margin: 1.94444vw 6.66667vw 0 6.66667vw } } @media screen and (max-width:767px) { .rtl .connected-experience-detail__disclaimer-box { margin: 14.93333px 51.2px 0 51.2px; margin: 1.94444vw 6.66667vw 0 6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .connected-experience-detail__disclaimer-box { margin: 7px 24px 0 24px; margin: 1.94444vw 6.66667vw 0 6.66667vw } } @media screen and (max-width: 767px) { .wearable-buds .new-design__header .common__description { padding-left: 0px; text-align: center; } } </style> <style> .connected-experience-common__sub-headline { font-size: 30px; font-size: 2.08333vw; line-height: 1.27; letter-spacing: normal; outline: 0 } .connected-experience-common__sub-headline.heading { font-size: 3.3333333333vw } html[lang^=th] .connected-experience-common__sub-headline { font-size: 40.5px; font-size: 2.8125vw } @media (min-width:1440px) { .connected-experience-common__sub-headline { font-size: 30px } .connected-experience-common__sub-headline.heading { font-size: 48px } html[lang^=th] .connected-experience-common__sub-headline { font-size: 40.5px } } html[lang^=th] .connected-experience-common__sub-headline { line-height: .9525 } .connected-experience-common__description { font-size: 14px; font-size: .97222vw; line-height: 1.429; color: #000 } html[lang^=th] .connected-experience-common__description { font-size: 18.9px; font-size: 1.3125vw } @media (min-width:1440px) { .connected-experience-common__description { font-size: 14px } html[lang^=th] .connected-experience-common__description { font-size: 18.9px } } html[lang^=th] .connected-experience-common__description { line-height: 1.07175 } .connected-experience-body { display: flex; } @media screen and (min-width: 768px) { .connected-experience-body__image, .connected-experience-body__text { width: 50%; } .connected-experience-body__text { display: flex; flex-direction: column; align-items: baseline; justify-content: center; padding-left: 5%; max-width: 40%; } .connected-experience-body__text .connected-experience-common__description { margin-left: 0; } .connected-experience-detail__tab-panels .connected-experience-common__sub-headline { text-align: left !important; margin-left: 24px !important; } } @media screen and (max-width: 767px) { .connected-experience-body { flex-direction: column; } .connected-experience-body__text { margin-top: 32px; } .connected-experience-body__text .connected-experience-common__sub-headline { padding: 0 !important; text-align: left; } } .connected-experience-detail__tab-panel .connected-experience-body img { position: inherit; } .connected-experience-body .connected-experience-common__description { margin-left: 0 !important; } .connected-experience-detail__tab-content { padding-bottom: 0 !important; } @media screen and (max-width: 767px) { .store_image { text-align: center; margin-bottom: 32px; } } .connected-experience-multicontrol { width: 100%; background: #000; justify-content: center; color: #fff; margin: 0; padding: 0; } .connected-experience-multicontrol .connected-experience-common__description { color: #fff; } .connected-experience-multicontrol__obj .logo { width: auto; } @media (min-width: 1440px) { .connected-experience-battery__text { margin: auto 0; } } .eyebrow { font-size: 14px; line-height: 1.22; letter-spacing: .11em; color: inherit; margin-bottom: 16px; text-align: center; font-weight: 700; padding-top: 15px; } .eyebrow-black { color: #000 } .eyebrow-white { color: #fff; } @media (min-width: 1440px) { .wearable-buds .new-design__video { margin-top: 0vw; } } .wearable-buds .banner.banner--type1 .banner__card:nth-child(5) { height: 160px; /* grid-column: span 3; */ } @media (min-width: 1024px) { .wearable-buds .banner.banner--type1 .banner__card:nth-child(5) { height: 240px; } } @media screen and (max-width: 767px) { .wearable-buds .banner.banner--type1 .banner__card:nth-child(5) { height: 933.1833333333px; height: 121.6666666667vw; } } .hide-sub-headline-pc { display: block; } .hide-sub-headline-mo { display: none; } .eyebrow-audio { padding-top: 100px; } @media screen and (max-width: 767px) { .hide-sub-headline-pc { display: none; } .hide-sub-headline-mo { display: block; } .eyebrow-audio { padding-top: 50px; } } .wearable-buds3-review .wearable-buds3-common__headline { margin-top: 0; text-align: center; } .wearable-buds3-common__headline { font-size: 58px; font-size: 3.02778vw; line-height: 1.15; letter-spacing: normal; outline: 0; font-family: "SamsungSharpSans", "arial", "sans-serif"; font-weight: bold; } @media screen and (max-width: 767px) { .wearable-buds3-common__headline { order: 1; margin-left: 0; padding: 0 51.2px; padding: 0 6.66667vw; font-size: 8.33333vw; line-height: 1.16; } } .wearable-buds3-common-cta:hover span { color: #fff !important; } .wearable-buds3-review__conatiner { width: 85% !important; margin: 0 auto; } .wearable-buds3-review__wrap { justify-content: flex-start; margin: 0 auto; padding: 220px 0 150px; padding: 2vw 0 2.41667vw; text-align: center; } .wearable-buds3-compare__button { margin-top: 43px; } .wearable-buds3-review .wearable-buds3-compare__button .wearable-buds3-common-cta { margin-right: 0 !important; } .wearable-buds3-review__item { background-color: #f7f7f7; height: 100%; } .wearable-buds3-review__image { height: 160px; } .wearable-buds3-review__image img { max-width: 100%; max-height: 100%; } .wearable-buds3-review__text { height: 190px; } .wearable-buds3-review__item .wearable-buds3-common__sub-headline { height: auto; padding: 0 10px; font-size: 24px; line-height: 1.27; letter-spacing: normal; outline: 0; font-family: "SamsungSharpSans", "SamsungOne"; font-weight: bold; } .wearable-buds3-review__item .wearable-buds3-common__description { padding: 15px 10px; font-size: 14px; } @media (min-width: 1440px) { .wearable-buds3-common__sub-headline { font-size: 30px; } .wearable-buds3-common__description { font-size: 14px; } } .wearable-buds3-review-pagination { display: none; } @media screen and (max-width: 767px) { .wearable-buds3-review__conatiner { width: 100% !important; margin-top: 25px; } .wearable-buds3-review__item { margin-right: 0px; } .wearable-buds3-review-pagination { margin: 0 auto; display: block; margin-top: 16px; border: 1px solid #757575; border-radius: 16px; padding: 2px 10px; width: fit-content !important; } .wearable-buds3-review-pagination .swiper-pagination-bullet { background-color: #757575; margin: 4px !important; opacity: 0.5; } .wearable-buds3-review-pagination .swiper-pagination-bullet.is-active { background-color: #000; opacity: 1; } } .wearable-buds3-swiper { overflow: hidden; } </style>  <div id="contents" class="wearable-buds wearable-dotcom"> <script> const LOCAL_VARI = { play: 'Play', // 'LOCAL-01 pause: 'Pause', // 'LOCAL-02 previous: 'Previous', // 'LOCAL-03 next: 'Next', // 'LOCAL-04 slide: 'Slide', // 'LOCAL-05 selected: 'selected', // 'LOCAL-06 learnMore: 'Buy now' // 'LOCAL-07 }; </script>  <div class="kv js-nav-top" id="KV"> <div class="common__wrap kv__wrap"> <div class="kv__header">   <p class="kv__header--description sup-reduce-gap-2">Meet the new shape of sound, completely redesigned to bring you deeper into your audio than ever before. <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a> </sup> </p> <p class="kv__header--description" style="margin-top: 10px;">Save up to $160. Get up to $100 instant trade-in credit and $60 off.<sup style="left:-2px">θ</sup></p>  <div class="features-kv__cta-area shop-status is-buy"> <a href="https://www.samsung.com/us/mobile-audio/galaxy-buds3-pro/buy/" class="common-cta-encased shop-status__buy-now" title="Galaxy Buds3 Pro" data-omni-type="microsite_buyAction" data-omni="galaxy-buds3-pro:features:key-vis^img:conv-pdt:buy-now|;SM-F741" an-tr="galaxy-buds3-pro:features:key-vis^img:conv-pdt:buy-now|;SM-F741" an-ca="buy cta" an-ac="buy-now" an-la="galaxy-buds3-pro:features:key-vis^img:conv-pdt:buy-now"> <span class="common-cta-encased__text">Buy now</span> </a> <a href="#" class="common-cta-encased shop-status__pre-reserve" title="Galaxy Buds3 Pro" data-omni-type="microsite_buyAction" data-omni="galaxy-buds3-pro:features:key-vis^img:conv-pdt:reserve-now|;SM-F741" an-tr="galaxy-buds3-pro:features:key-vis^img:conv-pdt:reserve-now|;SM-F741" an-ca="buy cta" an-ac="reserve-now" an-la="galaxy-buds3-pro:features:key-vis^img:conv-pdt:reserve-now"> <span class="common-cta-encased__text">Reserve now</span> </a> <a href="https://www.samsung.com/us/mobile-audio/galaxy-buds3-pro/buy/" class="common-cta-encased shop-status__pre-order" title="Galaxy Buds3 Pro" data-omni-type="microsite_buyAction" data-omni="galaxy-buds3-pro:features:key-vis^img:conv-pdt:pre-order-now|;SM-F741" an-tr="galaxy-buds3-pro:features:key-vis^img:conv-pdt:pre-order-now|;SM-F741" an-ca="buy cta" an-ac="pre-order-now" an-la="galaxy-buds3-pro:features:key-vis^img:conv-pdt:pre-order-now"> <span class="common-cta-encased__text">Pre-order now</span> </a> <a href="#" class="common-cta-encased shop-status__wheretobuy" title="Galaxy Buds3 Pro" data-omni-type="microsite_buyAction" data-omni="galaxy-buds3-pro:features:key-vis^img:conv-pdt:where-to-buy|;SM-F741" an-tr="galaxy-buds3-pro:features:key-vis^img:conv-pdt:where-to-buy|;SM-F741" an-ca="buy cta" an-ac="where-to-buy" an-la="galaxy-buds3-pro:features:key-vis^img:conv-pdt:where-to-buy"> <span class="common-cta-encased__text">Where to buy</span> </a> </div> </div> <figure class="kv__background"> <picture> <source media="(min-width: 1081px)" srcset="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/ParanMLP-Hero-Buds3Pro-KV-logos-D-1920x780.jpg"> <source media="(min-width: 768px)" srcset="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/ParanMLP-Hero-Buds3Pro-KV-logos-D-1920x780.jpg?imwidth=1080"> <source media="(min-width: 361px)" srcset="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/ParanMLP-Hero-ParanKV-M-720x1300-V2.jpg"> <source media="(max-width: 360px)" srcset="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/ParanMLP-Hero-ParanKV-M-720x1300-V2.jpg?imwidth=360"> <img src="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/ParanMLP-Hero-Buds3Pro-KV-logos-D-1920x780.jpg" data-copy-set="C01-004" alt="A single, silver colored Galaxy Buds3 Pro earbud"> </picture> </figure>  </div> </div>  <div style="margin-top: 80px;" class="wearable-buds3-review "> <p class="eyebrow eyebrow-black">REVIEWS</p> <h2 class="wearable-buds3-common__headline">See what fans of <br>Galaxy Buds3 Pro are saying</h2> <div class="wearable-buds3-compare__button review_cta"> <a href="/us/mobile-audio/galaxy-buds3-pro/buy/galaxy-buds3-pro-silver-sm-r630nzaaxar/" class="wearable-buds3-common-cta view-more__cta" data-omni-type="microsite_contentinter" data-omni="gbuds3:highlights:review:see-all-review" an-ca="content click" an-ac="feature" an-la="gbuds3:highlights:see what fans of galaxy buds3 are saying:see all reviews" an-tr="nv04_floating navigation-flagship pdp-cta-button"> <span class="viewmore" data-tagging="view-more">See All Reviews</span> </a> </div> <div class="wearable-buds3-review__conatiner wearable-buds3-swiper swiper" style="margin-top: 20px;"> <div class="wearable-buds3-review__wrap swiper-wrapper"> <div class="wearable-buds3-review__item swiper-slide"> <div class="wearable-buds3-review__image"> <img loading="lazy" src="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/Buds3Pro-MLP-Reviews-01-D-V2.jpg" class="js-res-img load-complete" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/Buds3Pro-MLP-Reviews-01-D-V2.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/Buds3Pro-MLP-Reviews-01-M-V2.jpg" alt="" aria-hidden="true"> </div> <div class="wearable-buds3-review__text"> <h2 class="wearable-buds3-common__sub-headline">"I love my new Galaxy <br />Buds3 Pro!"</h2> <p class="wearable-buds3-common__description">"They fit great, they sound great and they look amazing! This is my 4th pair of Galaxy Buds and I like these way better than all the others that I have had."<sup>§</sup> </p>  </div> </div> <div class="wearable-buds3-review__item swiper-slide"> <div class="wearable-buds3-review__image"> <img loading="lazy" src="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/Buds3Pro-MLP-Reviews-03-D-V2.jpg" class="js-res-img load-complete" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/Buds3Pro-MLP-Reviews-02-D-V2.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/Buds3Pro-MLP-Reviews-02-M-V2.jpg" alt="" aria-hidden="true"> </div> <div class="wearable-buds3-review__text"> <h2 class="wearable-buds3-common__sub-headline">"New ear bliss"</h2> <p class="wearable-buds3-common__description">"I love the galaxy buds3 pro. They sound great and love the voice acting also. The extreme comfortable and the don't fall out when I'm working out."<sup>§</sup></p> </div> </div> <div class="wearable-buds3-review__item swiper-slide"> <div class="wearable-buds3-review__image"> <img loading="lazy" src="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/Buds3Pro-MLP-Reviews-03-D-V2.jpg" class="js-res-img load-complete" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/Buds3Pro-MLP-Reviews-03-D-V2.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/Buds3Pro-MLP-Reviews-03-M-V2.jpg" alt="" aria-hidden="true"> </div> <div class="wearable-buds3-review__text"> <h2 class="wearable-buds3-common__sub-headline">"The must have Buds<br /> of 2024"</h2> <p class="wearable-buds3-common__description">"So many amazing things to say about the Samsung Galaxy Buds3 Pro. From audio to noise cancelation I truly love this product. Mobile Calls are amazing too!"<sup>§</sup></p> </div> </div> </div> <div class="wearable-buds3-review-pagination"> <ul class="wearable-common__carousel-pagination" role="list"> </ul> </div> </div> </div>    <div class="highlight-carousel" id="highlight"> <div class="wearable-common__wrap"> <div class="wearable-common__carousel-container background-slider" aria-hidden="true"> <div class="wearable-common__carousel swiper"> <div class="wearable-common__carousel-inner swiper-wrapper"> <div class="wearable-common__carousel-item swiper-slide"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide01-bg-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide01-bg-mo.jpg" alt=""/> </div> <div class="wearable-common__carousel-item swiper-slide"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide02-bg-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide02-bg-mo.jpg" alt=""/> </div> <div class="wearable-common__carousel-item swiper-slide"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide03-bg-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide03-bg-mo.jpg" alt=""/> </div> <div class="wearable-common__carousel-item swiper-slide"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide04-bg-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide04-bg-mo.jpg" alt=""/> </div> </div> </div> </div> <div class="wearable-common__carousel-wrap"> <div class="wearable-common__carousel-container front-slider"> <button class="blind js-blind-controller" tabindex="-1">Play</button> <div class="wearable-common__carousel swiper"> <div class="wearable-common__carousel-inner swiper-wrapper">  <div class="wearable-common__carousel-item swiper-slide" aria-hidden="true"> <div class="wearable-highlight-carousel__video video__container js-video-src js-res-video" data-media-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlights03-pc" data-media-mo="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlights03-mo"> <button class="video__controller is-use-controller" title="Adaptive Noise Control overview video" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:catch-the-highlights^anc:movi-play" an-tr="gbuds:highlights:catch-the-highlights^anc:movi-play" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:catch-the-highlights^anc:movi-play"> <span class="blind">play</span> <svg class="progress-icon" viewBox="0 0 100 100"> <circle r="42" cx="50%" cy="50%" fill="transparent"></circle> <circle class="draw-line" r="42" cx="50%" cy="50%" fill="transparent"></circle> </svg> <span class="video__controller--paused" aria-hidden="true"></span> <span class="video__controller--playing" aria-hidden="true"></span> </button> <div class="wearable-common__carousel-text"> <h2 class="wearable-common__carousel-tit sup-reduce-gap" data-copy-set="C03-003"> Adaptive Noise Control <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-2"></a> </sup> </h2> </div> <video playsinline muted preload="auto" tabindex="-1" aria-hidden="true"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide03-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide03-startframe-mo_0710.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide03-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide03-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C03-007">A Galaxy Buds3 Pro earbud in silver. Large particles, representing noise are on one side of the earbud and sans particles on the other. 3 images appear. An image of New York City with several taxis, people having a conversation and an ambulance with the siren on.</p> </div> </div> <div class="wearable-common__carousel-item swiper-slide" aria-hidden="true"> <div class="wearable-highlight-carousel__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/us/galaxy-buds3-pro/videos/galaxy-buds3-pro-highlights02-pc_0710" data-media-mo="https://images.samsung.com/is/content/samsung/assets/us/galaxy-buds3-pro/videos/galaxy-buds3-pro-highlights02-mo_0710"> <button class="video__controller is-use-controller" title="Immersive Sound with Ultimate Hi-Fi overview video" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:catch-the-highlights^sound:movi-play" an-tr="gbuds:highlights:catch-the-highlights^sound:movi-play" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:catch-the-highlights^sound:movi-play"> <span class="blind">play</span> <svg class="progress-icon" viewBox="0 0 100 100"> <circle r="42" cx="50%" cy="50%" fill="transparent"></circle> <circle class="draw-line" r="42" cx="50%" cy="50%" fill="transparent"></circle> </svg> <span class="video__controller--paused" aria-hidden="true"></span> <span class="video__controller--playing" aria-hidden="true"></span> </button> <div class="wearable-common__carousel-text"> <h2 class="wearable-common__carousel-tit" data-copy-set="C03-002"> Premium Sound by Galaxy AI  </h2> </div> <video playsinline muted preload="auto" tabindex="-1" aria-hidden="true"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide02-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide02-startframe-mo_0710.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide02-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide02-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C03-006">White dots forming and ear with Galaxy Buds3 Pro being worn. </p> </div> </div> <div class="wearable-common__carousel-item swiper-slide" aria-hidden="true"> <div class="wearable-highlight-carousel__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/us/galaxy-buds3-pro/videos/galaxy-buds3-pro-highlights04-pc_0710" data-media-mo="https://images.samsung.com/is/content/samsung/assets/us/galaxy-buds3-pro/videos/galaxy-buds3-pro-highlights04-mo_0710"> <button class="video__controller is-use-controller" title="Galaxy AI-powered sound overview video" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:catch-the-highlights^galaxy-ai:movi-play" an-tr="gbuds:highlights:catch-the-highlights^galaxy-ai:movi-play" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:catch-the-highlights^galaxy-ai:movi-play"> <span class="blind">play</span> <svg class="progress-icon" viewBox="0 0 100 100"> <circle r="42" cx="50%" cy="50%" fill="transparent"></circle> <circle class="draw-line" r="42" cx="50%" cy="50%" fill="transparent"></circle> </svg> <span class="video__controller--paused" aria-hidden="true"></span> <span class="video__controller--playing" aria-hidden="true"></span> </button> <div class="wearable-common__carousel-text"> <h2 class="wearable-common__carousel-tit sup-reduce-gap" data-copy-set="C03-004"> Integrated AI features like Live Translate <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-3"></a> </sup> </h2> </div> <video playsinline muted preload="auto" tabindex="-1" aria-hidden="true"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide04-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide04-startframe-mo_0710.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide04-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide04-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C03-008">Galaxy AI is here.</p> </div> </div> <div class="wearable-common__carousel-item swiper-slide" aria-hidden="false"> <div class="wearable-highlight-carousel__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/us/galaxy-buds3-pro/videos/galaxy-buds3-pro-highlights01-pc" data-media-mo="https://images.samsung.com/is/content/samsung/assets/us/galaxy-buds3-pro/videos/galaxy-buds3-pro-highlights01-mo"> <button class="video__controller is-use-controller" title="Iconic design with Blade Lights overview video" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:catch-the-highlights^design:movi-play" an-tr="gbuds:highlights:catch-the-highlights^design:movi-play" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:catch-the-highlights^design:movi-play"> <span class="blind">play</span> <svg class="progress-icon" viewBox="0 0 100 100"> <circle r="42" cx="50%" cy="50%" fill="transparent"></circle> <circle class="draw-line" r="42" cx="50%" cy="50%" fill="transparent"></circle> </svg> <span class="video__controller--paused" aria-hidden="true"></span> <span class="video__controller--playing" aria-hidden="true"></span> </button> <div class="wearable-common__carousel-text"> <h2 class="wearable-common__carousel-tit" data-copy-set="C03-001"> All-new clear case and Blade Light </h2> </div> <video playsinline muted preload="auto" tabindex="-1" aria-hidden="true"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide01-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide01-startframe-mo_0710.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide01-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-highlight-slide01-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C03-005">A pair of silver colored Galaxy Buds3 Pro earbuds in an open case.</p> </div> </div> </div> </div> <div class="wearable-common__carousel-navigation-wrap"> <button class="wearable-common__carousel-arrow wearable-common__carousel-prev" type="button" data-omni-type="microsite_pcontentinter" data-omni="gbuds:highlights:catch-the-highlights:sldr-arrow:left" an-tr="gbuds:highlights:catch-the-highlights:sldr-arrow:left" an-ca="indication" an-ac="carousel" an-la="gbuds:highlights:catch-the-highlights:sldr-arrow:left"> <span class="blind">Previous</span> </button> <button class="wearable-common__carousel-arrow wearable-common__carousel-next" type="button" data-omni-type="microsite_pcontentinter" data-omni="gbuds:highlights:catch-the-highlights:sldr-arrow:right" an-tr="gbuds:highlights:catch-the-highlights:sldr-arrow:right" an-ca="indication" an-ac="carousel" an-la="gbuds:highlights:catch-the-highlights:sldr-arrow:right"> <span class="blind">Next</span> </button> </div> <div class="wearable-common__carousel-pagination-wrap"> <ul class="wearable-common__carousel-pagination" role="list"> </ul> </div> <div class="swiper-scrollbar wearable-common__carousel-scrollbar" aria-hidden="true"></div> </div> </div> </div> </div>  <div class="sound-bigmo js-nav-top" id="pro-audio"> <div class="common__wrap"> <p class="eyebrow eyebrow- eyebrow-audio">AUDIO</p> <h2 class="common__headline" data-copy-set="C07-001"> Refreshed look. <br>Revolutionary sound.  </h2> <p class="common__description" data-copy-set="C08-002"> Designed for true audio lovers. A comfortable, new shape and improved hardware deliver the high-resolution audio experience your ears have been craving. </p> <div class="sound-bigmo__video"> <div class="video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/us/galaxy-buds3-pro/videos/galaxy-buds3-pro-sound-bigmo-pc_0710" data-media-mo="https://images.samsung.com/is/content/samsung/assets/us/galaxy-buds3-pro/videos/galaxy-buds3-pro-sound-bigmo-mo_0710" data-auto-play="true"> <video playsinline muted preload="auto"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-sound-bigmo-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-sound-bigmo-startframe-mo_0710.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-sound-bigmo-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-sound-bigmo-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C07-002"> Multiple particles form a streak of light and change into the Blade Light on Galaxy Buds3 Pro which is shown being worn. </p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" title="Redefining sound video" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:sound:movi-play:#" an-tr="gbuds:highlights:sound:movi-play:#" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:sound:movi-play:#"> <span class="blind">play</span> <span class="btn-video-control play"></span> <span class="btn-video-control pause"></span> </button> </div> </div> </div> </div> </div>  <div class="crystal-tw"> <div class="common__wrap crystal-tw__wrap"> <div class="crystal-tw__header"> <h3 class="common__sub-headline" data-copy-set="C08-001"> Our best and most immersive audio </h3>  </div> <div class="crystal-tw__content"> <ul role="list"> <li role="listitem" class="crystal-tw__caption--wind-shield"> <span data-copy-set="C08-003">Wind Shield</span> </li> <li role="listitem" class="crystal-tw__caption--light"> <span data-copy-set="C08-004">Blade Light</span> </li> <li role="listitem" class="crystal-tw__caption--swipe"> <span data-copy-set="C08-005">Swipe</span> </li> <li role="listitem" class="crystal-tw__caption--pinch"> <span data-copy-set="C08-006">Pinch Control</span> </li> </ul> <div class="crystal-tw__image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img crystal-tw__image--off" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-crystal-tw-off-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-crystal-tw-off-mo.jpg" alt="A single, Galaxy Buds3 Pro earbud in silver." data-copy-set="C08-007"/> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img crystal-tw__image--on" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-crystal-tw-on-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-crystal-tw-on-mo.jpg" alt="" aria-hidden="true"/> </div> </div> </div> </div>  <div class="crystal-amplifier" id="enhanced-2-way-speaker"> <div class="common__wrap crystal-amplifier__wrap"> <ul role="list"> <li role="listitem" class="crystal-amplifier__item crystal-amplifier__item-amp"> <h4 class="crystal-amplifier__item--label crystal-amplifier__item-amp--label" data-copy-set="C09-001"> Dual Amplifier </h4> <p class="crystal-amplifier__item--desc crystal-amplifier__item-amp--desc" data-copy-set="C09-002"> Powered by our first-ever, independently controlled woofer and tweeter, Galaxy Buds3 Pro allow you to experience a broad spectrum of sound.  </p> </li> <li role="listitem" class="crystal-amplifier__item crystal-amplifier__item-speaker"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img crystal-amplifier__item-hidden-image" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-crystal-amplifier-mo.jpg" alt="" aria-hidden="true"/> <h4 class="crystal-amplifier__item--label crystal-amplifier__item-speaker--label" data-copy-set="C09-003"> Enhanced 2-Way Speaker </h4> <p class="crystal-amplifier__item--desc crystal-amplifier__item-speaker--desc" data-copy-set="C09-004"> An enhanced woofer and tweeter with wide frequency response unveil the minute details in your music.  </p> </li> </ul> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img crystal-amplifier__item-origin-image" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-crystal-amplifier-pc.jpg" alt="An x-ray showing parts of a single, Galaxy Buds3 Pro earbud." data-copy-set="C09-005"/> </div> </div>      <div style="margin:0 auto; text-align: center; margin-top:15px;"> <p class="eyebrow eyebrow-black" style="color: black; padding-top:50px; padding-bottom: 10px;" id="galaxy-ai"> GALAXY AI</p> <h2 class="common__headline common-ai-text" style="color:#000;"> <strong data-copy-set="C11-001" style="font-weight: 400;"> Galaxy AI<span class="common-ai-text__icon"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-ai.svg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-ai.svg" aria-hidden="true" alt=""></span>is here </strong> </h2> <h2 class="common__headline common-ai-text" style="color:#000;"> <br> <small> for your all-new Galaxy Buds<sup style="left: -3px;top: 0.9em;"> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-4"></a> </sup> </small> </h2> </div>  <div class="sound-optimization" id="Adaptive-eq-anc"> <div class="common__wrap sound-optimization__wrap"> <div class="sound-optimization__header"> <h3 class="common__sub-headline" data-copy-set="C12-001"> Audio tailored to best fit you </h3> <p class="common__description" data-copy-set="C12-002"> Adaptive Equalizer with Galaxy AI adjusts audio based on how your Buds sit in your ears. That means every time you put Buds in, you can bring out the best in every playlist. </p> </div> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img sound-optimization__image" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-sound-optimization-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-sound-optimization-mo.jpg" alt="A man using Galaxy Buds3 Pro in silver." data-copy-set="C12-003"/> </div> </div>  <div class="anc" id="adaptive-noise-control"> <div class="common__wrap anc__wrap"> <div class="anc__header"> <h3 class="common__sub-headline" data-copy-set="C13-001" style="text-align: center;"> Tune into what’s important </h3> <p class="common__description" data-copy-set="C13-002" style="text-align: center;"> With Adaptive Noise Control with Galaxy AI, you can immerse yourself in sound while staying alert to your surroundings. </p> </div> <div class="anc__content"> <div class="video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/us/galaxy-buds3-pro/videos/Galaxy_AI_Adaptive_Noise_Control_PC" data-media-mo="https://images.samsung.com/is/content/samsung/assets/us/galaxy-buds3-pro/videos/Galaxy_AI_Adaptive_Noise_Control_MO" data-auto-play="true"> <video playsinline muted preload="auto"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-startframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-startframe-mo.jpg" alt=""/> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-endframe-mo_0710.jpg" alt=""/> </div> <p class="blind" data-copy-set="C13-009"> A Galaxy Buds3 Pro earbud in silver with 'Galaxy AI is here' above the earbud. Large particles, representing noise are on one side of the earbud and sans particles on the other. 3 images appear. An image of New York City with several taxis, people having a conversation and an ambulance with the siren on. </p> <div class="video__controller-wrap"> <button class="video__controller" title="Adaptive Noise Control video" data-tagging="band" data-omni-type="microsite_contentinter" data-omni="" an-tr="" an-ca="content click" an-ac="feature" an-la=""> <span class="blind">play</span> <span class="btn-video-control play black"></span> <span class="btn-video-control pause black"></span> </button> </div> </div>  <div class="anc__points"> <ul role="list"> <li role="listitem"> <strong class="anc__point--label"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-noise-icon-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-noise-icon-mo.png" alt=""/> <span data-copy-set="C13-003">ANC</span> </strong> <p class="anc__point--value" data-copy-set="C13-004"> Choose your level of Active Noise Cancellation to filter out unwanted noise and let in just the right amount of ambient sound. </p> </li> <li role="listitem"> <strong class="anc__point--label"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-conversation-icon-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-conversation-icon-mo.png" alt=""/> <span data-copy-set="C13-005">Voice Detect</span> </strong> <p class="anc__point--value" data-copy-set="C13-006"> If someone starts speaking to you while you're jamming out, your Buds will automatically adapt to help you hear what matters. </p> </li> <li role="listitem"> <strong class="anc__point--label"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-alarm-icon-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-alarm-icon-mo.png" alt=""/> <span data-copy-set="C13-007">Siren Detect</span> </strong> <p class="anc__point--value" data-copy-set="C13-008"> Reduce unnecessary external noise, except for alarms and sirens to warn you to steer clear of harm's way. </p> </li> </ul> </div>  <div class="common__tab"> <div class="common__tab-list" role="tablist"> <a href="javascript:void(0)" class="common__tab-cta is-active" role="tab" aria-controls="surround-tabpanel1" aria-selected="true" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:galaxy-ai:slct-item:noise" an-tr="gbuds:highlights:galaxy-ai:slct-item:noise" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:galaxy-ai:slct-item:noise"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-noise-icon-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-noise-icon-mo.png" alt=""/> <strong data-copy-set="C13-003">Noise</strong> </a> <a href="javascript:void(0)" class="common__tab-cta" role="tab" aria-controls="surround-tabpanel2" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:galaxy-ai:slct-item:conversation" an-tr="gbuds:highlights:galaxy-ai:slct-item:conversation" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:galaxy-ai:slct-item:conversation"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-conversation-icon-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-conversation-icon-mo.png" alt=""/> <strong data-copy-set="C13-005">Conversation</strong> </a> <a href="javascript:void(0)" class="common__tab-cta" role="tab" aria-controls="surround-tabpanel3" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:galaxy-ai:slct-item:alarm-or-siren" an-tr="gbuds:highlights:galaxy-ai:slct-item:alarm-or-siren" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:galaxy-ai:slct-item:alarm-or-siren"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-alarm-icon-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-anc-alarm-icon-mo.png" alt=""/> <strong data-copy-set="C13-007">Alarm/Siren</strong> </a> </div> <div class="common__tab-panels"> <div id="surround-tabpanel1" class="common__tab-panel is-active" role="tabpanel" aria-hidden="false" data-copy-set="C13-004"> Choose how much background noise, like traffic, to filter out so you can stay alert to your surroundings. </div> <div id="surround-tabpanel2" class="common__tab-panel" role="tabpanel" aria-hidden="true" tabindex="-1" data-copy-set="C13-006"> If someone starts speaking to you while you're jamming out, your Buds will automatically adapt to help you hear what matters. </div> <div id="surround-tabpanel3" class="common__tab-panel" role="tabpanel" aria-hidden="true" tabindex="-1" data-copy-set="C13-008"> Reduce unnecessary external noise, except for alarms and sirens to warn you to steer clear of harm's way. </div> </div> </div> </div> </div> </div>  <div class="translation" id="real-time-interpreter"> <div class="common__wrap translation__wrap"> <div class="translation__header"> <h3 class="common__sub-headline" data-copy-set="C14-001"> They say “hola,” you hear “hello” </h3> <p class="common__description sup-reduce-gap-2" data-copy-set="C14-002"> Hear translations through your Galaxy Buds during conversations using Real-Time Interpreter with Galaxy AI.<sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-3"></a> </sup>  </p> </div> <div class="translation__content"> <div class="common__tab"> <div class="common__tab-list" role="tablist"> <a href="javascript:void(0)" class="common__tab-cta is-active" role="tab" aria-controls="translation-tabpanel1" aria-selected="true" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:galaxy-ai^interpreter:slct-item:listening" an-tr="gbuds:highlights:galaxy-ai^interpreter:slct-item:listening" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:galaxy-ai^interpreter:slct-item:listening"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-translation-1way-icon-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-translation-1way-icon-mo.png" alt=""/> <strong data-copy-set="C14-003">Listening mode</strong> </a> <a href="javascript:void(0)" class="common__tab-cta" role="tab" aria-controls="translation-tabpanel2" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:galaxy-ai^interpreter:slct-item:conversation" an-tr="gbuds:highlights:galaxy-ai^interpreter:slct-item:conversation" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:galaxy-ai^interpreter:slct-item:conversation"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-translation-2way-icon-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-translation-2way-icon-mo.png" alt=""/> <strong data-copy-set="C14-004">Conversation mode</strong> </a> </div> <div class="common__tab-panels">  <div id="translation-tabpanel1" class="common__tab-panel is-active" role="tabpanel" aria-hidden="false"> <p class="translation__balloon translation__balloon--left"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-translation-1way-balloon01-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-translation-1way-balloon01-mo.png" data-copy-set="C14-008" alt="Samsung Galaxy device with Interpreter open"/> <strong lang="es"> Hola todos. La lección de hoy será sobre el impresionismo. </strong> </p> <p class="translation__balloon translation__balloon--right"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-translation-1way-balloon02-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-translation-1way-balloon02-mo.png" data-copy-set="C14-009" alt="Spanish source text open through Interpreter"/> <strong class="ff-color--blue" data-copy-set="C14-005"> Hello everyone. Today's lesson will be about Impressionism. </strong> </p> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img translation__content--image" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-AI-03-Translations-01-Listening-mode-UI-D-1440x618.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-AI-03-Translations-01-Listening-mode-UI-M-720x320.jpg" alt=""/> <div class="translation__content--text" data-copy-set="C14-007" style=" position: absolute; margin-top: 47%;"> To access listening mode, simply pinch and hold your earbuds and your Galaxy Buds3 Pro will continue to interpret as the speaker is talking. </div> </div>  <div id="translation-tabpanel2" class="common__tab-panel" role="tabpanel" aria-hidden="true"> <p class="translation__balloon translation__balloon--left"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-translation-2way-balloon01-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-translation-2way-balloon01-mo.png" alt="Samsung Galaxy device with Interpreter open" data-copy-set="C14-008"/> <strong class="ff-color--blue" lang="es"> Disculpe, ¿hay una farmacia cerca del hotel? </strong> </p> <p class="translation__balloon translation__balloon--right"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-translation-2way-balloon02-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-translation-2way-balloon02-mo.png" data-copy-set="C14-010" alt="Earbud icon providing English interpretation through Interpreter"/> <strong data-copy-set="C14-006"> Excuse me, is there a pharmacy near the hotel? </strong> </p> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img translation__content--image" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-AI-03-Translations-02-Conversation-mode-UI-D-1440x618.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-AI-03-Translations-02-Conversation-mode-UI-M-720x320.jpg" alt=""/> <div class="translation__content--text" data-copy-set="C14-007" style=" position: absolute; margin-top: 47%;"> To access conversation mode, place the phone mic toward the speaker, short press your Galaxy Buds3 Pro and listen to your conversation translated in real-time. </div> </div>   </div> </div> </div> </div> </div>  <div class="voice-command" id="voice-command"> <div class="common__wrap voice-command__wrap"> <div class="voice-command__header"> <h2 class="common__sub-headline hide-sub-headline-pc" data-copy-set="C18-001"> Your voice is <br class="common-br-pc" /> the command </h2> <h2 class="common__sub-headline hide-sub-headline-mo" data-copy-set="C18-001"> Your voice is the command </h2> <p class="common__description" data-copy-set="C18-002"> Control your compatible phone with simple voice commands. Simply say a command, such as "answer call" or "volume up."  </p> </div> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img voice-command__image" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-voice-command-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-voice-command-mo.jpg" data-copy-set="C18-003" alt="A single, Galaxy Buds3 Pro earbud in silver next to the voice command 'Answer Call' with various voice commands above and below 'Answer Call'."/> </div> </div>     <div class="new-design" id="design"> <div class="common__wrap new-design__wrap"> <div class="new-design__flex-container"> <div class="new-design__header"> <p class="eyebrow eyebrow-white design_eyebrow">DESIGN</p> <h3 class="common__sub-headline" data-copy-set="C05-001"> Improved comfort for immersive listening </h3> <p class="common__description sup-reduce-gap-2" data-copy-set="C05-002"> Listen in comfort with a redesigned shape that delivers our snuggest fit ever. And because your Buds should shine as much as you do, we’ve added Blade Lights to stand out from the crowd and glow up your listening experience. <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-4"></a> </sup> </p> </div>  <div class="new-design__video"> <div class="video__container js-video-src js-res-video"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-new-design-video-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-new-design-video-endframe-mo_0710.jpg" alt=""/> </div> </div> </div> <div class="new-design__colorchip"> <h3 class="new-design__colorchip--title" data-copy-set="C05-004"> Color </h3> <div class="common__tab"> <div class="common__tab-list" role="tablist"> <a href="javascript:void(0)" class="common__tab-cta is-active" role="tab" aria-labelledby="wearable-buds__color-silver" aria-controls="new-design-tabpanel1" aria-selected="true" data-omni-type="microsite_gallery" data-omni="gbuds:highlights:design^color:slct-color:silver" an-tr="gbuds:highlights:design^color:slct-color:silver" an-ca="gallery" an-ac="feature gallery" an-la="gbuds:highlights:design^color:slct-color:silver"> <span class="common__tab-cta--color-gray"></span> </a> <a href="javascript:void(0)" class="common__tab-cta" role="tab" aria-labelledby="wearable-buds__color-white" aria-controls="new-design-tabpanel2" aria-selected="false" data-omni-type="microsite_gallery" data-omni="gbuds:highlights:design^color:slct-color:white" an-tr="gbuds:highlights:design^color:slct-color:white" an-ca="gallery" an-ac="feature gallery" an-la="gbuds:highlights:design^color:slct-color:white"> <span class="common__tab-cta--color-white"></span> </a> </div> <div class="common__tab-name"> <span id="wearable-buds__color-silver" aria-hidden="true" class="tab-cta__text is-active" data-copy-set="C05-005">Silver</span> <span id="wearable-buds__color-white" aria-hidden="true" class="tab-cta__text" data-copy-set="C05-006">White</span> </div> <div class="common__tab-panels"> <div id="new-design-tabpanel1" class="common__tab-panel is-active" role="tabpanel" aria-hidden="false"> <span class="blind" data-copy-set="C05-007">Silver Case</span> <div class="common__tab-colors"> <div class="common__tab-color"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-new-design-colorchip-silver01-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-new-design-colorchip-silver01-mo.jpg" data-copy-set="C05-009" alt="A silver Galaxy Buds3 Pro device with the earbuds in a case."/> </div> <div class="common__tab-color"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-new-design-colorchip-silver02-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-new-design-colorchip-silver02-mo.jpg" data-copy-set="C05-010" alt="A single, Galaxy Buds3 Pro earbud in silver."/> </div> </div> </div> <div id="new-design-tabpanel2" class="common__tab-panel" role="tabpanel" aria-hidden="true"> <span class="blind" data-copy-set="C05-008">White Case</span> <div class="common__tab-colors"> <div class="common__tab-color"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-new-design-colorchip-white01-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-new-design-colorchip-white01-mo.jpg" data-copy-set="C05-011" alt="A white Galaxy Buds3 Pro device with the earbuds in a case."/> </div> <div class="common__tab-color"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-new-design-colorchip-white02-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-new-design-colorchip-white02-mo.jpg" data-copy-set="C05-012" alt="A single, Galaxy Buds3 Pro earbud in white."/> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="intuitive-control"> <div class="common__wrap intuitive-control__wrap"> <div class="intuitive-control__header"> <h3 class="common__sub-headline" data-copy-set="C06-001"> Controls with a personal touch </h3> <p class="common__description" data-copy-set="C06-002"> Tap into convenience with touch controls customized by you, for you. Intuitive Touch Control lets you pause, skip tracks, accept calls and more.  </p> </div> <div class="common__tab"> <div class="common__tab-list" role="tablist"> <a href="javascript:void(0)" class="common__tab-cta is-active" role="button" aria-controls="intuitive-tabpanel1" aria-selected="true" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:design^swipe-or-pinch:slct-item:swipe" an-tr="gbuds:highlights:design^swipe-or-pinch:slct-item:swipe" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:design^swipe-or-pinch:slct-item:swipe"> <span class="common__tab-cta--checker"></span> <span class="common__tab-cta--image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab01-icon-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab01-icon-mo.png" alt="" aria-hidden="true"/> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img common__tab-cta--image-play" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-icon-play-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-icon-play-mo.png" alt="" aria-hidden="true"/> </span> <div class="common__tab-cta--textblock"> <strong class="common__tab-cta--text" data-copy-set="C06-003">Swipe</strong> <span class="common__tab-cta--desc" data-copy-set="C06-004"> Swipe up/down the Blade <br>to adjust the volume. </span> </div> </a> <a href="javascript:void(0)" class="common__tab-cta" role="button" aria-controls="intuitive-tabpanel2" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:design^swipe-or-pinch:slct-item:pinch" an-tr="gbuds:highlights:design^swipe-or-pinch:slct-item:pinch" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:design^swipe-or-pinch:slct-item:pinch"> <span class="common__tab-cta--checker"></span> <span class="common__tab-cta--image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab02-icon-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab02-icon-mo.png" alt="" aria-hidden="true"/> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img common__tab-cta--image-play" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-icon-play-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-icon-play-mo.png" alt="" aria-hidden="true"/> </span> <div class="common__tab-cta--textblock"> <strong class="common__tab-cta--text" data-copy-set="C06-005">Pinch Control</strong> <span class="common__tab-cta--desc" data-copy-set="C06-006"> Pinch to play and pause, <br class="common-br-pc">or pinch and hold to launch <br class="common-br-pc">your favorite app. </span> </div> </a> </div> <div class="common__tab-panels"> <div id="intuitive-tabpanel1" class="common__tab-panel is-active" role="tabpanel" aria-hidden="false"> <span class="blind" data-copy-set="C06-007">Swipe Content</span> <div class="video__container js-video-src js-res-video intuitive-control__background" data-media-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab01-pc" data-media-mo="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab01-mo"> <video playsinline muted preload="auto"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab01-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab01-startframe-mo_0710.jpg" alt=""/> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab01-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab01-endframe-mo_0710.jpg" alt=""/> </div> <p class="blind" data-copy-set="C06-008"> A finger swipes across the blade of a single, Galaxy Buds3 Pro earbud. </p> <div class="video__controller-wrap"> <button class="video__controller" title="Intuitive Control swipe video" data-tagging="swipe" data-omni-type="microsite_contentinter" data-omni="" an-tr="" an-ca="content click" an-ac="feature" an-la=""> <span class="blind">play</span> <span class="btn-video-control play"></span> <span class="btn-video-control pause"></span> </button> </div> </div> </div> <div id="intuitive-tabpanel2" class="common__tab-panel" role="tabpanel" aria-hidden="true"> <span class="blind" data-copy-set="C06-009">Pinch Control Content</span> <div class="video__container js-video-src js-res-video intuitive-control__background" data-media-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab02-pc" data-media-mo="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab02-mo"> <video playsinline muted preload="auto"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab02-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab02-startframe-mo_0710.jpg" alt=""/> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab02-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/galaxy-buds3-pro-intuitive-control-tab02-endframe-mo_0710.jpg" alt=""/> </div> <p class="blind" data-copy-set="C06-010"> A finger pinches the blade of a single, Galaxy Buds3 Pro earbud. </p> <div class="video__controller-wrap"> <button class="video__controller" title="Intuitive Control pinch control video" data-tagging="pinch" data-omni-type="microsite_contentinter" data-omni="" an-tr="" an-ca="content click" an-ac="feature" an-la="" tabindex="-1"> <span class="blind">play</span> <span class="btn-video-control play"></span> <span class="btn-video-control pause"></span> </button> </div> </div> </div> </div> </div> </div> </div>  <div id="connected-experience" class="connected-experience-detail"> <div class="connected-experience-detail__wrap"> <p class="eyebrow eyebrow-black">CONNECTED EXPERIENCE</p> <h2 class="connected-experience-common__sub-headline heading">Bring entertainment<br /> and gaming to life</h2> <div class="connected-experience-detail__tab"> <div class="connected-experience-detail__tab-list" role="tablist">  <button type="button" id="detailtabButton2" class="connected-experience-detail__tab-cta is-active" role="tab" aria-controls="detailtab2" aria-selected="true" data-omni-type="microsite_contentinter" data-omni="gtabs9:highlights:design:slct-item:speakers" an-tr="gtabs9:highlights:design:slct-item:speakers" an-ca="content click" an-ac="feature" an-la="gtabs9:highlights:design:slct-item:speakers">  <span class="desktop-hide">Auto Switch</span> </button> <button type="button" id="detailtabButton3" class="connected-experience-detail__tab-cta" role="tab" aria-controls="detailtab3" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="gtabs9:highlights:design:slct-item:side-button" an-tr="gtabs9:highlights:design:slct-item:side-button" an-ca="content click" an-ac="feature" an-la="gtabs9:highlights:design:slct-item:side-button">  <span class="desktop-hide">Auracast</span> </button> </div> <div class="connected-experience-detail__tab-panels">  <div id="detailtab2" class="connected-experience-detail__tab-panel is-active connected-experience-detail__video-panel" role="tab" aria-hidden="false" tabindex="-1"> <span class="blind">Auto Switch</span> <div class="connected-experience-detail__tab-content"> <div class="connected-experience-body"> <div class="connected-experience-body__image"> <div class="video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/uk/galaxy-buds3-pro/feature/galaxy-buds3-pro-auto-switch-pc" data-media-mo="https://images.samsung.com/uk/galaxy-buds3-pro/feature/galaxy-buds3-pro-auto-switch-mo" data-auto-play="true"></div> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-ConnectedExperience-Tabs-02-AutoSwitch-D-600x396.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-ConnectedExperience-Tabs-02-AutoSwitch-M-624x400.jpg" data-copy-set="C15-003" alt="Listen to the latest playlists on your Galaxy phone, then seamlessly switch to your laptop for the final boss battle of your favorite game using PC Auto Switch."/> </div> <div class="connected-experience-body__text"> <h2 class="connected-experience-common__sub-headline ">Seamlessly switch your sound to your PC</h2> <p class="connected-experience-common__description sup-reduce-gap-2"> Listen to the latest playlists on your Galaxy phone, then seamlessly switch to your laptop for the final boss battle of your favorite game using PC Auto Switch. <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-5"></a> </sup> </div> </div> </div> </div> <div id="detailtab3" class="connected-experience-detail__tab-panel" role="tab" aria-hidden="true" tabindex="-1"> <span class="blind">Auracast</span> <div class="connected-experience-detail__tab-content"> <div class="connected-experience-body"> <div class="connected-experience-body__image">   <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-ConnectedExperience-Tabs-03-Auracast-D-600x396.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-ConnectedExperience-Tabs-03-Auracast-M-624x400.jpg" data-copy-set="C17-003" alt="The Auracast application open and on the left of a circle made of lines. On the top of the circle is a pair of Galaxy Buds3 Pro in silver and on the bottom is a pair of Galaxy Buds3 Pro in white."/> </div> <div class="connected-experience-body__text"> <h2 class="connected-experience-common__sub-headline "> Share your sound with those around</h2> <p class="connected-experience-common__description sup-reduce-gap"> Connect multiple pairs of Buds to a TV or smartphone. Now you can stream audio across even more connected devices.<sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-6"></a> </sup> Perfect for sharing experiences with friends, from silent discos to movie nights. </p> </div> </div> </div> </div> </div> </div> </div> </div>        <div class="mindfulness" id="mindfulness"> <div class="common__wrap mindfulness__wrap">  <div class="tv-360__header"> <h2 class="common__sub-headline" data-copy-set="C19-001"> Find your sound sanctuary </h2> <p class="common__description" data-copy-set="C19-002"> Mindfulness comes with daily practice. At the press of a button, teleport to a worry-free world of your own with Samsung Health powered by Calm. Alleviate stress with peaceful melodies from nature, improve your focus with white noise or relax with ASMR for a happier, healthier you. </p> </div> <div class="mindfulness__videos"> <div class="video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/us/galaxy-buds3-pro/videos/galaxy-buds3-pro-mindfulness-pc_0710" data-media-mo="https://images.samsung.com/is/content/samsung/assets/us/galaxy-buds3-pro/videos/galaxy-buds3-pro-mindfulness-mo_0710" data-auto-play="true"> <video playsinline muted preload="auto"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-mindfulness-startframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-mindfulness-startframe-mo.jpg" alt=""/> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-mindfulness-endframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-mindfulness-endframe-mo.jpg" alt=""/> </div> <p class="blind" data-copy-set="C19-003"> Galaxy Z Fold6 is open with a Galaxy Buds3 Pro earbud on the right and Samsung Health powered by Calm application icons on the bottom. By pressing Galaxy Buds3 Pro, the app activates and at the same time, the office image changes to 5 images of nature. An image of trees, a river, raindrops falling, palm trees and a bonfire. </p> <div class="video__controller-wrap"> <button class="video__controller" title="Mindfulness Quick Access video" data-tagging="band" data-omni-type="microsite_contentinter" data-omni="" an-tr="" an-ca="content click" an-ac="feature" an-la=""> <span class="blind">play</span> <span class="btn-video-control play black"></span> <span class="btn-video-control pause black"></span> </button> </div> </div> </div> </div> </div>  <div class="charging" id="charging"> <div class="common__wrap charging__wrap"> <h2 class="common__headline charging__headline js-nav-top" id="charging" data-copy-set="C20-001"> Long-lasting battery life  </h2> <p class="common__description sup-reduce-gap" style="text-align: center; margin-top: 20px;" data-copy-set="C20-002"> Stay in your groove for hours with a battery that rocks. With the charging case,<br class="common-br-pc" />  Galaxy Buds3 Pro provide up to 30 hours of listening time.<sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-7"></a> </sup> </p> <div class="charging__content"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img charging__off" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-ConnectedExperience-03-Battery-D-1440x500.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-ConnectedExperience-03-Battery-M.jpg" data-copy-set="C20-003" alt="A new, unopened pair of Galaxy Buds3 Pro in silver."/> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img charging__on" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-ConnectedExperience-03-Battery-D-1440x500.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-ConnectedExperience-03-Battery-M.jpg" alt="" aria-hidden="true"/>  </div> </div> </div>   <div class="compare js-nav-top" id="compare"> <div class="compare__wrap cta-hidden"> <p class="eyebrow eyebrow-black" id="compare" style="font-family: 'SamsungOne'">COMPARE</p> <h3 class="common__sub-headline" style="text-align: center;"> Your next Buds are calling </h3>     <div class="compare__list-wrap">  <div class="compare__container compare__container-pc swiper-container"> <ul class="compare__list swiper-wrapper" role="list">  <li class="compare__list-item swiper-slide" role="listitem" data-info="{ "product": "galaxy-buds3-pro", "default-color": "silver" }"> <h3 class="compare__list-title">Buds3 Pro</h3> <div class="compare__list-figure"> <div class="compare__list-product compare__list-product--galaxy-buds3-pro-silver"> <div class="compare__list-product-item is-active" data-product="galaxy-buds3-pro-silver"> <div class="compare__list-product-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-silver.png?nocache" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-silver-mo.png?nocache" alt=""> </div> </div> <div class="compare__list-product-item" data-product="galaxy-buds3-pro-white"> <div class="compare__list-product-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-white.png?nocache" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-white-mo.png?nocache" alt=""> </div> </div> </div> </div>  <div class="compare__list-colors-wrap"> <div class="compare__list-colors-inner"> <div class="compare__list"> <ul class="compare__list-colors" role="list"> <li role="listitem"> <button type="button" class="compare__color is-active" title="selected" data-color="silver" data-omni-type="microsite_gallery" data-omni="gbuds:highlights:compare:slct-color:galaxy-buds3-pro^silver" an-tr="gbuds:highlights:compare:slct-color:galaxy-buds3-pro^silver" an-ca="gallery" an-ac="feature gallery" an-la="gbuds:highlights:compare:slct-color:galaxy-buds3-pro^silver"> <span class="compare__color-chip" style="background-color: #5C5C5C;"></span> <span class="compare__color-name">Silver</span> </button> </li> <li role="listitem"> <button type="button" class="compare__color" data-color="white" data-omni-type="microsite_gallery" data-omni="gbuds:highlights:compare:slct-color:galaxy-buds3-pro^white" an-tr="gbuds:highlights:compare:slct-color:galaxy-buds3-pro^white" an-ca="gallery" an-ac="feature gallery" an-la="gbuds:highlights:compare:slct-color:galaxy-buds3-pro^white"> <span class="compare__color-chip" style="background-color: #FCFCFC;"></span> <span class="compare__color-name">White</span> </button> </li> </ul> </div> </div> </div> <div class="compare__cta"> <div class="compare__cta-item"> <a href="https://www.samsung.com/us/mobile-audio/galaxy-buds3-pro/" class="common-cta learn-more-cta" aria-label="Learn more. Galaxy Buds3 Pro open in a new window" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:compare:link-page:" an-tr="gbuds:highlights:compare:link-page:" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:compare:link-page:" target="_blank"> <span>Learn More</span> </a> </div> </div> </li>  <li class="compare__list-item swiper-slide" role="listitem" data-info="{ "product": "galaxy-buds3", "default-color": "silver" }"> <h3 class="compare__list-title">Buds3</h3> <div class="compare__list-figure"> <div class="compare__list-product compare__list-product--galaxy-buds3-silver"> <div class="compare__list-product-item is-active" data-product="galaxy-buds3-silver"> <div class="compare__list-product-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-silver.png?nocache" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-silver-mo.png?nocache" alt=""> </div> </div> <div class="compare__list-product-item" data-product="galaxy-buds3-white"> <div class="compare__list-product-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-white.png?nocache" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-white-mo.png?nocache" alt=""> </div> </div> </div> </div>  <div class="compare__list-colors-wrap"> <div class="compare__list-colors-inner"> <div class="compare__list"> <ul class="compare__list-colors" role="list"> <li role="listitem"> <button type="button" class="compare__color is-active" title="selected" data-color="silver" data-omni-type="microsite_gallery" data-omni="galaxy-buds3:highlights:compare:slct-color:galaxy-buds3^silver" an-tr="galaxy-buds3:highlights:compare:slct-color:galaxy-buds3^silver" an-ca="gallery" an-ac="feature gallery" an-la="gbuds:highlights:compare:slct-color:galaxy-buds3^silver"> <span class="compare__color-chip" style="background-color: #5C5C5C;"></span> <span class="compare__color-name">Silver</span> </button> </li> <li role="listitem"> <button type="button" class="compare__color" data-color="white" data-omni-type="microsite_gallery" data-omni="galaxy-buds3:highlights:compare:slct-color:galaxy-buds3^white" an-tr="galaxy-buds3:highlights:compare:slct-color:galaxy-buds3^white" an-ca="gallery" an-ac="feature gallery" an-la="gbuds:highlights:compare:slct-color:galaxy-buds3^white"> <span class="compare__color-chip" style="background-color: #FCFCFC;"></span> <span class="compare__color-name">White</span> </button> </li> </ul> </div> </div> </div> <div class="compare__cta"> <div class="compare__cta-item"> <a href="https://www.samsung.com/us/mobile-audio/galaxy-buds3/" class="common-cta learn-more-cta" aria-label="Learn more. Galaxy Buds3 open in a new window" data-omni-type="microsite_contentinter" data-omni="galaxy-buds3:highlights:compare:link-page:" an-tr="galaxy-buds3:highlights:compare:link-page:" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:compare:link-page:" target="_blank"> <span>Learn More</span> </a> </div> </div> </li> </ul>  <div class="compare__table-wrapper"> <div class="compare__table-wrap"> <div class="compare__table-inner"> <div class="compare__table"> <div class="compare__body" role="table" aria-describedby="compareDescription"> <div class="compare__headergroup blind" role="row"> <div class="compare__header" role="columnheader">Buds3 Pro</div> <div class="compare__header" role="columnheader">Buds3</div> <div class="compare__header" role="columnheader">Buds FE</div> </div> <div class="compare__rowgroup" role="rowgroup"> <div class="compare__row compare__sound"> <div class="compare__table-specs-name" aria-hidden="true">Audio</div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Audio</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title">Speaker</div> <div class="compare-ico"> <svg viewBox="0 0 64 64" focusable="false" aria-hidden="true"> <g transform="translate(3.771 5.07)" class="fill-line"> <path d="M38.939,7.625a1.552,1.552,0,0,1,1.517,1.652v1.33h-.007V59.665a1.784,1.784,0,0,1-.237.923,1.479,1.479,0,0,1-1.281.735,1.671,1.671,0,0,1-1.2-.532l0,0L21.995,44.9a.391.391,0,0,0-.2-.085H7.632A1.964,1.964,0,0,1,5.67,42.853V26.1a1.964,1.964,0,0,1,1.962-1.962H21.8a.4.4,0,0,0,.21-.09L37.74,8.158l.049-.048V7.948h.2A1.607,1.607,0,0,1,38.939,7.625Zm-1.15,49.442V11.888l-13.961,14.1-.032.028a3.088,3.088,0,0,1-1.888.78l-.033,0H8.33V42.155H21.869l.033,0a3.057,3.057,0,0,1,1.9.79l.026.023.025.025Z" transform="translate(-5.67 -7.625)" /> <path d="M66.837,60.629l-1.8-1.955c.318-.294.629-.6.922-.922a16.677,16.677,0,0,0-.924-23.578l1.807-1.952a19.334,19.334,0,0,1,1.071,27.335C67.568,59.927,67.207,60.287,66.837,60.629Z" transform="translate(-25.556 -15.865)" /> <path d="M76.989,64.06l-1.809-1.95a26.927,26.927,0,0,0,6.433-8.982,25.364,25.364,0,0,0,0-20.385,26.948,26.948,0,0,0-6.435-8.989l1.809-1.95a29.592,29.592,0,0,1,7.063,9.874,28.024,28.024,0,0,1,0,22.515A29.57,29.57,0,0,1,76.989,64.06Z" transform="translate(-28.956 -12.375)" /> </g> <rect width="30.84" height="26" transform="translate(33 37)" fill="#fff" /> <g transform="translate(33.345 39.199)" class="fill-line"> <g transform="translate(0 8.85)"> <path d="M.152-5.958H3.488L6.3-9.9,9.189-5.958h3.336L8-11.942l4.245-5.842H9.007l-2.669,3.76-2.689-3.76H.314l4.286,5.8Z" transform="translate(-0.152 17.784)" /> </g> <g transform="translate(13.127)"> <path d="M1.3-10.419h13v-3.633H5.1c.028-1.929,2.068-3.214,4.192-4.64,2.432-1.649,5.087-3.438,5.087-6.68,0-3.214-2.488-5.73-6.624-5.73A7.223,7.223,0,0,0,.883-26.574l3.27,1.649c.7-1.7,1.817-2.907,3.578-2.907,1.817,0,2.795,1.09,2.795,2.432,0,1.565-1.845,2.711-3.857,4.109C4.125-19.587,1.3-17.491,1.3-14Z" transform="translate(-0.883 31.102)" /> </g> </g> </svg> </div> <div class="compare__table-specs-feature">Enhanced 2-way</div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">Speaker</div> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img compare-ico" data-src-pc="./images/common_sound_speaker_0829.svg" data-src-mobile="./images/common_sound_speaker_0829.svg" alt=""> <div class="compare__table-specs-feature">1-way</div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Audio</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title">Amplifier</div> <div class="compare__table-specs-feature">Dual Amplifier</div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">Amplifier</div> <div class="compare__table-specs-feature">Single Amplifier</div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Audio</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title">Lossless<br>Ultra High Quality audio</div> <div class="compare-ico"> <svg viewBox="0 0 64 64" focusable="false" aria-hidden="true"> <g> <g transform="translate(4.05 4.602)" class="fill-line"> <path d="M-.674,6.408A1.326,1.326,0,0,1-2,5.082V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V5.082A1.326,1.326,0,0,1-.674,6.408Z" transform="translate(55.452 25.023)" /> <path d="M-.674,17.919A1.326,1.326,0,0,1-2,16.593V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V16.593A1.326,1.326,0,0,1-.674,17.919Z" transform="translate(44.756 19.267)" /> <path d="M-.674,17.919A1.326,1.326,0,0,1-2,16.593V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V16.593A1.326,1.326,0,0,1-.674,17.919Z" transform="translate(23.378 19.267)" /> <path d="M-.674,35.186A1.326,1.326,0,0,1-2,33.86V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V33.86A1.326,1.326,0,0,1-.674,35.186Z" transform="translate(12.689 10.634)" /> <path d="M-.674,6.408A1.326,1.326,0,0,1-2,5.082V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V5.082A1.326,1.326,0,0,1-.674,6.408Z" transform="translate(2 25.023)" /> <path d="M-.674,52.453A1.326,1.326,0,0,1-2,51.127V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674v51.8A1.326,1.326,0,0,1-.674,52.453Z" transform="translate(34.067 2)" /> </g> </g> </svg> </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> <div class="compare__table-specs-feature">(24bit / 96kHz)</div> </div> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title">Lossless<br>Ultra High Quality audio</div> <div class="compare-ico"> <svg viewBox="0 0 64 64" focusable="false" aria-hidden="true"> <g> <g transform="translate(4.05 4.602)" class="fill-line"> <path d="M-.674,6.408A1.326,1.326,0,0,1-2,5.082V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V5.082A1.326,1.326,0,0,1-.674,6.408Z" transform="translate(55.452 25.023)" /> <path d="M-.674,17.919A1.326,1.326,0,0,1-2,16.593V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V16.593A1.326,1.326,0,0,1-.674,17.919Z" transform="translate(44.756 19.267)" /> <path d="M-.674,17.919A1.326,1.326,0,0,1-2,16.593V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V16.593A1.326,1.326,0,0,1-.674,17.919Z" transform="translate(23.378 19.267)" /> <path d="M-.674,35.186A1.326,1.326,0,0,1-2,33.86V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V33.86A1.326,1.326,0,0,1-.674,35.186Z" transform="translate(12.689 10.634)" /> <path d="M-.674,6.408A1.326,1.326,0,0,1-2,5.082V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V5.082A1.326,1.326,0,0,1-.674,6.408Z" transform="translate(2 25.023)" /> <path d="M-.674,52.453A1.326,1.326,0,0,1-2,51.127V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674v51.8A1.326,1.326,0,0,1-.674,52.453Z" transform="translate(34.067 2)" /> </g> </g> </svg> </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> <div class="compare__table-specs-feature">(24bit / 96kHz)</div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Audio</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title">Super Wideband Calling</div> <div class="compare-ico-support" aria-hidden="true"></div> <span class="blind">support</span> </div> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title">Super Wideband Calling</div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Audio</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title">360 Audio</div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title">360 Audio</div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> </div> </div> <div class="compare__row compare__intelligent"> <div class="compare__table-specs-name" aria-hidden="true">Intelligent Audio Technology</div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Intelligent Audio Technology</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title">Adaptive Noise Control</div> <div class="compare-ico"> <svg viewBox="0 0 64 64" focusable="false" aria-hidden="true"> <defs> <clipPath> <path d="M36.187,30.875l5.006-1.285L28.128,53.115,24.28,51Z" transform="translate(-24.28 -29.59)" fill="none" /> </clipPath> </defs> <g class="fill-line"> <path d="M22.9,62.915a2,2,0,0,1-.24-.014L16.7,62.212a2.012,2.012,0,0,1-1.657-1.31l-1.172-3.217a1.979,1.979,0,0,1,.141-1.7l11.737-20.3a16.965,16.965,0,0,1-6.4-11.564c-.867-6.18.227-11.085,3.253-14.58a15.576,15.576,0,0,1,7.669-4.665A23.481,23.481,0,0,1,36.479,4a33,33,0,0,1,6.914.562,15.52,15.52,0,0,1,7.979,4.044c2.915,2.908,4.394,7.152,4.394,12.615,0,4.917-1.507,8.848-4.478,11.683A15.408,15.408,0,0,1,46.9,35.8a20.352,20.352,0,0,1-4.338,1.354,23.137,23.137,0,0,1-3.881.432L24.626,61.922A2.007,2.007,0,0,1,22.9,62.915ZM17.421,59.6l5.114.591L37.158,34.87l.814.038a19.229,19.229,0,0,0,4.146-.4,17.592,17.592,0,0,0,3.739-1.179,12.711,12.711,0,0,0,3.595-2.379,11.031,11.031,0,0,0,2.585-3.815,15.583,15.583,0,0,0,1.051-5.919A19.208,19.208,0,0,0,52.053,14.6a11.2,11.2,0,0,0-2.571-4.1C45.623,6.653,39.453,6.669,36.487,6.677a20.723,20.723,0,0,0-5.473.772,12.956,12.956,0,0,0-6.384,3.844c-2.5,2.889-3.383,7.087-2.623,12.478l.006.049a14.286,14.286,0,0,0,5.094,9.519l3.385-5.855,2.318,1.34L16.491,57.048Z" transform="translate(-7.221 -3.999)" /> <path d="M14.86,34.5c-.412,0-.7-.019-.795-.026L14,34.47c-3.247-.409-5.628-1.49-7.278-3.3C5.05,29.33,4.171,26.789,4.034,23.4c-.15-3.7.159-6.229,1-8.209a8.083,8.083,0,0,1,2.189-3.03,9.377,9.377,0,0,1,3.635-1.844,11.624,11.624,0,0,1,9.571,1.148l-1.565,2.172.008.006a6.934,6.934,0,0,0-1.989-.84,10.038,10.038,0,0,0-5.314.094A5.67,5.67,0,0,0,7.5,16.236c-.679,1.6-.923,3.773-.79,7.053.111,2.737.762,4.724,1.992,6.075a8.737,8.737,0,0,0,5.6,2.444,7.155,7.155,0,0,0,3.606-.592l1.481,2.23A8.754,8.754,0,0,1,14.86,34.5Z" transform="translate(-3.997 -5.921)" /> <path d="M-.662.778A1.339,1.339,0,0,1-2-.513,1.339,1.339,0,0,1-.709-1.9l2.8-.1A1.339,1.339,0,0,1,3.481-.709,1.339,1.339,0,0,1,2.191.676l-2.8.1Z" transform="translate(38.223 15.554)" /> <g transform="translate(13.575 17.128)"> <g transform="translate(4.202 -1.192)"> <path d="M32.876,46.2l-2.317-1.341,9.865-17.053,2.317,1.341Z" transform="translate(-30.559 -27.809)" /> </g> </g> </g> <g transform="translate(30.963 37.936)" class="fill-line"> <path d="M61.422,60.68a4.752,4.752,0,1,1-4.752,4.752A4.757,4.757,0,0,1,61.422,60.68Zm0,7.5a2.744,2.744,0,1,0-2.744-2.744A2.747,2.747,0,0,0,61.422,68.176Z" transform="translate(-52.38 -60.68)" /> <path d="M13.425.508H-.5a1,1,0,0,1-1-1,1,1,0,0,1,1-1H13.425a1,1,0,0,1,1,1A1,1,0,0,1,13.425.508Z" transform="translate(13.259 5.248)" /> <path d="M3.787.508H-.5a1,1,0,0,1-1-1,1,1,0,0,1,1-1H3.787a1,1,0,0,1,1,1A1,1,0,0,1,3.787.508Z" transform="translate(1.513 5.248)" /> <path d="M75.782,77.61a4.752,4.752,0,1,1-4.752,4.752A4.757,4.757,0,0,1,75.782,77.61Zm0,7.5a2.744,2.744,0,1,0-2.744-2.744A2.747,2.747,0,0,0,75.782,85.106Z" transform="translate(-57.129 -66.279)" /> <path d="M13.425.508H-.5a1,1,0,0,1-1-1,1,1,0,0,1,1-1H13.425a1,1,0,0,1,1,1A1,1,0,0,1,13.425.508Z" transform="translate(1.5 16.579)" /> <path d="M3.781.508H-.5a1,1,0,0,1-1-1,1,1,0,0,1,1-1H3.781a1,1,0,0,1,1,1A1,1,0,0,1,3.781.508Z" transform="translate(22.904 16.579)" /> </g> </svg> </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column compare__column-align" role="cell"> <div class="compare__table-specs-title">Adaptive Noise Control</div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Intelligent Audio Technology</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title">Adaptive EQ/ ANC</div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title">Adaptive EQ/ ANC</div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Intelligent Audio Technology</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title">Ambient Sound</div> <span class="blind">support</span> <div class="compare-ico-support and-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">Ambient Sound</div> <span class="blind">not support</span> <div class="compare-ico-notsupport and-notsupport" aria-hidden="true"></div> </div> </div> </div> <div class="compare__row compare__control-interface"> <div class="compare__table-specs-name" aria-hidden="true">Controls</div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Controls</p> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">Swipe/Pinch and Voice</div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">Swipe/Pinch and Voice</div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Controls</p> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">Blade Lights</div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">Blade Lights</div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> </div> </div> <div class="compare__row compare__durability"> <div class="compare__table-specs-name" aria-hidden="true">Battery and Durability</div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Battery and Durability</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title">Durability<sup>8</sup></div> <div class="compare__table-specs-feature">IP57</div> </div> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title">Durability<sup>8</sup></div> <div class="compare__table-specs-feature">IP57</div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Battery and Durability</p> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">Play time</div> <div class="compare__table-specs-feature">Up to 7.0/30hr<br>(ANC Off)<br>Up to 6.0/26hr<br>(ANC On)</div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">Play time</div> <div class="compare__table-specs-feature">Up to 6.0/30hr<br>(ANC Off)<br>Up to 6.0/24hr<br>(ANC On)</div> </div> </div> </div> <div class="compare__row compare__connectivity"> <div class="compare__table-specs-name" aria-hidden="true">Connectivity</div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Connectivity</p> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">SmartThings Find<sup>9</sup></div> <div class="compare__table-specs-feature">Yes</div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">SmartThings Find<sup>9</sup></div> <div class="compare__table-specs-feature">Yes</div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Connectivity</p> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">Bluetooth Ver.</div> <div class="compare__table-specs-feature">5.4</div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">Bluetooth Ver.</div> <div class="compare__table-specs-feature">5.4</div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Connectivity</p> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">Auto Switch<sup>10</sup></div> <div class="compare__table-specs-feature">Yes</div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title">Auto Switch<sup>10</sup></div> <div class="compare__table-specs-feature">Yes</div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="wearable-common__carousel-pagination-wrap" aria-hidden="true" style="display: none;"> <ul class="wearable-common__carousel-pagination" role="list"> </ul> </div> <div class="swiper-scrollbar wearable-common__carousel-scrollbar" aria-hidden="true"></div> </div>  <div class="compare__list-arrow" style="display: none;"> <div class="compare__list-arrow-inner"> <button type="button" class="swiper-button-prev compare__list-arrow-prev" data-omni-type="microsite_pcontentinter" data-omni="gbuds:highlights:compare:sldr-arrow:left" an-tr="gbuds:highlights:compare:sldr-arrow:left" an-ca="indication" an-ac="carousel" an-la="gbuds:highlights:compare:sldr-arrow:left" tabindex="-1" aria-hidden="true"> <span class="blind">Previous</span> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-carousel-arrow-black.svg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-carousel-arrow-black.svg" alt="" aria-hidden="true"> <button type="button" class="swiper-button-next compare__list-arrow-next" data-omni-type="microsite_pcontentinter" data-omni="gbuds:highlights:compare:sldr-arrow:right" an-tr="gbuds:highlights:compare:sldr-arrow:right" an-ca="indication" an-ac="carousel" an-la="gbuds:highlights:compare:sldr-arrow:right"> <span class="blind">Next</span> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-carousel-arrow-black.svg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-carousel-arrow-black.svg" alt="" aria-hidden="true"> </button> </div> </div>  <div class="compare__view-more-button">  <button type="button" class="common-cta view-more__cta" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:compare:slct-item:view-more" an-tr="gbuds:highlights:compare:slct-item:view-more" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:compare:slct-item:view-more"> <span class="viewmore" data-tagging="view-more">SEE ALL SPECS</span> <span class="collapse" data-tagging="collapse">Collapse</span> <span class="arrow-ico"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="arrow-ico-b js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-more-black.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-more-black.png" alt=""> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="arrow-ico-w js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-more-white.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-more-white.png" alt=""> </span> </button> </div> </div> </div> </div> <script> const LOCAL_DATA = { 'galaxy-buds3-pro': { 'silver': { sku: '[sku]', learnmore: 'https://www.samsung.com/us/mobile-audio/galaxy-buds3-pro/buy/' }, 'white': { sku: '[sku]', learnmore: 'https://www.samsung.com/us/mobile-audio/galaxy-buds3-pro/buy/' }, }, 'galaxy-buds3': { 'silver': { sku: '[sku]', learnmore: 'https://www.samsung.com/us/mobile-audio/galaxy-buds3/buy/' }, 'white': { sku: '[sku]', learnmore: 'https://www.samsung.com/us/mobile-audio/galaxy-buds3/buy/' }, }, 'galaxy-buds-fe': { 'mystic-white': { sku: '[sku]', learnmore: 'https://www.samsung.com/us/mobile-audio/galaxy-buds-fe/' }, 'graphite': { sku: '[sku]', learnmore: 'https://www.samsung.com/us/mobile-audio/galaxy-buds-fe/' } }, }; </script>  <div class="banner banner--type1"> <div class="banner__wrap"> <div class="banner__cards"> <div class="banner__card banner__card--white"> <strong class="banner__card--title"> Galaxy Watch Ultra<sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-11"></a> </sup> </strong> <a href="/us/watches/galaxy-watch-ultra/" class="banner__card--cta" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:btm^bnn:link-page:galaxy-watch-ultra" an-tr-type="microsite_contentinter" an-tr="gbuds:highlights:btm^bnn:link-page:galaxy-watch-ultra" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:btm^bnn:link-page:galaxy-watch-ultra"> GO TO GALAXY WATCH ULTRA </a> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img banner__card--image" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-Footers-Cards-01-X2-D.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-Footers-Cards-01-X2-M.jpg" alt="" aria-hidden="true"/> </div> <div class="banner__card"> <strong class="banner__card--title"> Galaxy Ring </strong> <a href="/us/rings/galaxy-ring/" class="banner__card--cta" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:btm^bnn:link-page:galaxy-ring" an-tr-type="microsite_contentinter" an-tr="gbuds:highlights:btm^bnn:link-page:galaxy-ring" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:btm^bnn:link-page:galaxy-ring"> GO TO GALAXY RING </a> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img banner__card--image" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-Footers-Cards-02-Pi-D.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-Footers-Cards-02-Pi-M.jpg" alt="" aria-hidden="true"/> </div> <div class="banner__card"> <strong class="banner__card--title"> Galaxy Buds3 </strong> <a href="/us/mobile-audio/galaxy-buds3/" class="banner__card--cta" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:btm^bnn:link-page:galaxy-buds3" an-tr-type="microsite_contentinter" an-tr="gbuds:highlights:btm^bnn:link-page:galaxy-buds3" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:btm^bnn:link-page:galaxy-buds3"> GO TO GALAXY BUDS3 </a> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img banner__card--image" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-Footers-Cards-03-Jelly-D.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-Footers-Cards-03-Jelly-M.jpg" alt="" aria-hidden="true"/> </div> <div class="banner__card banner__card--black"> <strong class="banner__card--title"> Galaxy Z Flip6 </strong> <a href="/us/smartphones/galaxy-z-flip6/" class="banner__card--cta" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:btm^bnn:link-page:galaxy-z-flip6" an-tr-type="microsite_contentinter" an-tr="gbuds:highlights:btm^bnn:link-page:galaxy-z-flip6" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:btm^bnn:link-page:galaxy-z-flip6"> GO TO GALAXY Z Flip6 </a> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img banner__card--image" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/ParanMLP-Footers-Banners-B6-D.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/galaxy-buds3-pro/images/ParanMLP-Footers-Banners-B6-M.jpg" alt="" aria-hidden="true"/> </div> <div class="banner__card business-footer-card banner__card--white"> <strong class="banner__card--title"> Galaxy Buds3 Pro for business </strong> <a href="/us/business/mobile/audio/headphones/galaxy-buds3-pro-silver-sm-r630nzaaxar/" class="banner__card--cta" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:btm^bnn:link-page:galaxy buds3 pro for business" an-tr-type="microsite_contentinter" an-tr="gbuds:highlights:btm^bnn:link-page:galaxy buds3 pro for business" an-ca="content click" an-ac="feature" an-la="gbuds:highlights:btm^bnn:link-page:galaxy buds3 pro for business"> Go to Galaxy Buds3 Pro for business </a> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img banner__card--image" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-Footers-Banners-02-B2B-Paran-D.jpg?nocache" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/ParanMLP-Footers-Banners-02-B2B-Paran-M.jpg?nocache" alt="" aria-hidden="true"/> </div> </div> </div> </div>  <div class="cp-high-contrast"> <div class="cp-high-contrast__inner"> <a href="#" role="button" title="High contrast" class="btn-contrast type-contrast"><span>C</span></a> <a href="#" role="button" title="Default contrast" class="btn-contrast type-default"><span>C</span></a> </div> </div>  <div class="m_content-desc m_content_galaxy-type1" id="desc-section" data-copy-set="disclaimer"> <div class="m_feature-desc show visible"> <div class="f_inner"> <div class="f_header-type1"> <ol data-title="See disclaimer" role="list" class="is-ihrn"> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-1"> <span class="text_disclaimer">Select Galaxy AI features require compatible Samsung Galaxy phone.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-2"> <span class="text_disclaimer">Requires initial set up via Samsung Wear app on compatible device.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-3"> <span class="text_disclaimer">Requires compatible Galaxy device. Samsung account login and language preset (English and Spanish pre-installed; other languages require free download). Results may vary.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-4"> <span class="text_disclaimer">Requires compatible smartphone.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-5"> <span class="text_disclaimer">Requires compatible smartphone. Feature supported on Galaxy Book series PCs launched 2020 or later and TV models launched 2022 or later.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-6"> <span class="text_disclaimer">Requires initial set up via Samsung Wear app and with compatible Galaxy phone, tablet or TV. The number of Galaxy Buds users that can connect may vary depending on the surrounding circumstances such as distance and obstruction.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-7"> <span class="text_disclaimer">Actual battery life may vary and depend on usage conditions such as function settings, play back file type and Bluetooth signal strength. Play time may vary based on settings.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-8"> <span class="text_disclaimer">IP rated for submersion in up to 3 feet of fresh water for up to 30 minutes (charging case is not water resistant). Not advised for beach or pool use. If the earbuds or your hands are wet, they must be dried thoroughly prior to handling. Damaged earbuds are not guaranteed to be water resistant.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-9"> <span class="text_disclaimer">Requires a smartphone with the SmartThings app and a Wi-Fi or Bluetooth connection. Compatible smart devices must be initially set up in the SmartThings app.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-10"> <span class="text_disclaimer">Auto Switch feature is only available on Samsung Galaxy Book series with One UI 6.0 or later, Samsung Galaxy smartphones and Galaxy Tab devices with One UI 4.1.1 or later and Galaxy Watch4 series or later. Samsung Galaxy devices must be logged in to Samsung Account to enable the Auto Switch feature. Auto Switch feature for Samsung TV is only available on Samsung TVs launched Feb ’22 or later after getting a firmware update from Jul ’22. Auto Switch with TV is only available for making and receiving phone calls.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-11"> <span class="text_disclaimer">Consistent with 10ATM water-resistance classification (up to 100m of water for up to 10 minutes) and IP68 rating (up to 6 feet of water for up to 30 minutes). Rinse residue / dry after wet.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-buds3-pro/images/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <br /> <li role="listitem" class="common-bottom-disclaimer__list-item" style="list-style: none;margin-left: -15px;"> <span class="text_disclaimer"><sup>θ</sup>For a limited time only, on Samsung.com/Shop Samsung App, purchase a new qualifying Galaxy device (“Qualifying Purchase”), send in your qualifying trade-in device to Samsung through the Samsung Trade-In Program, and if Samsung determines your trade-in device meets all eligibility requirements, you will receive a trade-in credit specific to your qualifying trade-in device to apply toward your Qualifying Purchase. Device models that currently qualify for trade-in and trade-in credit amounts associated with those models are available on Samsung.com and the Shop Samsung App; eligible models and amounts may change at Samsung’s sole discretion. To be eligible for trade-in, your qualifying device must meet all Trade-In Program eligibility requirements, which include, but are not limited to, that the device powers on, holds a charge, and does not power off unexpectedly; has a functioning display; has no breaks or cracks in the screen (unless a cracked screen offer applies); has no breaks or cracks in the case; has no liquid damage (whether visible or not); has no other defects that go beyond normal wear and tear; is not on a black list; has a verified FCC ID; has been reset to factory settings; has all personal information removed; has all software locks disabled; and is owned by you (leased devices are not eligible). Anticipated trade-in value will be applied as a credit at time of purchase, but, if you do not send in your trade-in device within 15 days of receipt of your Qualifying Purchase, you will be charged back for the trade-in credit applied to your purchase, or if you send in your trade-in device within 15 days of receipt of your Qualifying Purchase but Samsung determines your device does not meet all eligibility requirements, you will be charged back for the trade-in credit applied to your purchase minus $25. Participation in this program does not excuse you from contracts with your carrier or retailer (or any related payments or fees) for the device that was traded in. Limit 1 trade-in per Qualifying Purchase. Samsung reserves the right to modify or discontinue this offer at any time. The Trade-In Program cannot be combined with any other Samsung, carrier or retailer promotions, discounts, or offers unless specifically provided for in the terms and conditions of such offers. Additional terms, including terms that govern the resolution of disputes, apply. <a href="//www.samsung.com/us/trade-in/terms-and-conditions/" target="_blank" style="text-decoration:underline;color:#007aff">Click here</a> to learn more.</span> </li> <br /> <li role="listitem" class="common-bottom-disclaimer__list-item" style="list-style: none;margin-left: -15px;"> <span class="text_disclaimer"><sup>⊕</sup>0% APR for 12, 18, or 24 Months with Equal Payments: Available on purchases of select products charged to a Samsung Financing account. Minimum purchase: $50. 0% APR from date of eligible purchase until paid in full. Estimated monthly payment equals the eligible purchase amount multiplied by a repayment factor and rounded up to the nearest penny (repayment factors: .08333 for 12 month, .05556 for 18 month, .04167 for 24 month). Last payment may vary due to rounding. Total amount of payments will not exceed eligible purchase amount. Other transactions and fees affect overall minimum payment amount. Advertised payment amount, if any, is an estimate and may change once taxes, delivery or other charges are added. Limited time offer. Regular account terms apply to non-promo purchases. Standard Purchase APR: 29.99%. Minimum interest charge: $1. Prior purchases excluded. Account must be in good standing. Subject to credit approval. Samsung Financing account issued by TD Bank, N.A.</span> </li>    </ol>   </div> </div> </div> </div> </div> <script> var _gsScope = "undefined" != typeof module && module.exports && "undefined" != typeof global ? global : this || window; (_gsScope._gsQueue || (_gsScope._gsQueue = [])).push(function () { "use strict"; var t, e, i, s, r, n, a, o, l, h, u, f, c, $, p, d, m, _; _gsScope._gsDefine("TweenMax", ["core.Animation", "core.SimpleTimeline", "TweenLite"], function (t, e, i) { var s = function (t) { var e, i = [], s = t.length; for (e = 0; e !== s; i.push(t[e++])); return i }, r = function (t, e, i) { var s, r, n = t.cycle; for (s in n) r = n[s], t[s] = "function" == typeof r ? r(i, e[i], e) : r[i % r.length]; delete t.cycle }, n = function (t) { if ("function" == typeof t) return t; var e = "object" == typeof t ? t : { each: t }, i = e.ease, s = e.from || 0, r = e.base || 0, n = {}, a = isNaN(s), o = e.axis, l = { center: .5, end: 1 }[s] || 0; return function (t, h, u) { var f, c, $, p, d, m, _, g, y, v = (u || e).length, T = n[v]; if (!T) { if (!(y = "auto" === e.grid ? 0 : (e.grid || [1 / 0])[0])) { for (_ = -1 / 0; _ < (_ = u[y++].getBoundingClientRect().left) && y < v;); y-- } for (T = n[v] = [], f = a ? Math.min(y, v) * l - .5 : s % y, c = a ? v * l / y - .5 : s / y | 0, _ = 0, g = 1 / 0, m = 0; m < v; m++)$ = m % y - f, p = c - (m / y | 0), T[m] = d = o ? Math.abs("y" === o ? p : $) : Math.sqrt($ * $ + p * p), d > _ && (_ = d), d < g && (g = d); T.max = _ - g, T.min = g, T.v = v = e.amount || e.each * (y > v ? v - 1 : o ? "y" === o ? v / y : y : Math.max(y, v / y)) || 0, T.b = v < 0 ? r - v : r } return v = (T[t] - T.min) / T.max, T.b + (i ? i.getRatio(v) : v) * T.v } }, a = function (t, e, s) { i.call(this, t, e, s), this._cycle = 0, this._yoyo = !0 === this.vars.yoyo || !!this.vars.yoyoEase, this._repeat = this.vars.repeat || 0, this._repeatDelay = this.vars.repeatDelay || 0, this._repeat && this._uncache(!0), this.render = a.prototype.render }, o = i._internals, l = o.isSelector, h = o.isArray, u = a.prototype = i.to({}, .1, {}), f = []; a.version = "2.1.3", u.constructor = a, u.kill()._gc = !1, a.killTweensOf = a.killDelayedCallsTo = i.killTweensOf, a.getTweensOf = i.getTweensOf, a.lagSmoothing = i.lagSmoothing, a.ticker = i.ticker, a.render = i.render, a.distribute = n, u.invalidate = function () { return this._yoyo = !0 === this.vars.yoyo || !!this.vars.yoyoEase, this._repeat = this.vars.repeat || 0, this._repeatDelay = this.vars.repeatDelay || 0, this._yoyoEase = null, this._uncache(!0), i.prototype.invalidate.call(this) }, u.updateTo = function (t, e) { var s, r = this.ratio, n = this.vars.immediateRender || t.immediateRender; for (s in e && this._startTime < this._timeline._time && (this._startTime = this._timeline._time, this._uncache(!1), this._gc ? this._enabled(!0, !1) : this._timeline.insert(this, this._startTime - this._delay)), t) this.vars[s] = t[s]; if (this._initted || n) { if (e) this._initted = !1, n && this.render(0, !0, !0); else if (this._gc && this._enabled(!0, !1), this._notifyPluginsOfEnabled && this._firstPT && i._onPluginEvent("_onDisable", this), this._time / this._duration > .998) { var a = this._totalTime; this.render(0, !0, !1), this._initted = !1, this.render(a, !0, !1) } else if (this._initted = !1, this._init(), this._time > 0 || n) for (var o, l = 1 / (1 - r), h = this._firstPT; h;)o = h.s + h.c, h.c *= l, h.s = o - h.c, h = h._next } return this }, u.render = function (t, e, s) { this._initted || 0 === this._duration && this.vars.repeat && this.invalidate(); var r, n, a, l, h, u, f, c, $, p = this._dirty ? this.totalDuration() : this._totalDuration, d = this._time, m = this._totalTime, _ = this._cycle, g = this._duration, y = this._rawPrevTime; if (t >= p - 1e-8 && t >= 0 ? (this._totalTime = p, this._cycle = this._repeat, this._yoyo && 0 != (1 & this._cycle) ? (this._time = 0, this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0) : (this._time = g, this.ratio = this._ease._calcEnd ? this._ease.getRatio(1) : 1), this._reversed || (r = !0, n = "onComplete", s = s || this._timeline.autoRemoveChildren), 0 === g && (this._initted || !this.vars.lazy || s) && (this._startTime === this._timeline._duration && (t = 0), (y < 0 || t <= 0 && t >= -.00000001 || 1e-8 === y && "isPause" !== this.data) && y !== t && (s = !0, y > 1e-8 && (n = "onReverseComplete")), this._rawPrevTime = c = !e || t || y === t ? t : 1e-8)) : t < 1e-8 ? (this._totalTime = this._time = this._cycle = 0, this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0, (0 !== m || 0 === g && y > 0) && (n = "onReverseComplete", r = this._reversed), t > -.00000001 ? t = 0 : t < 0 && (this._active = !1, 0 === g && (this._initted || !this.vars.lazy || s) && (y >= 0 && (s = !0), this._rawPrevTime = c = !e || t || y === t ? t : 1e-8)), this._initted || (s = !0)) : (this._totalTime = this._time = t, 0 !== this._repeat && (l = g + this._repeatDelay, this._cycle = this._totalTime / l >> 0, 0 !== this._cycle && this._cycle === this._totalTime / l && m <= t && this._cycle--, this._time = this._totalTime - this._cycle * l, this._yoyo && 0 != (1 & this._cycle) && (this._time = g - this._time, ($ = this._yoyoEase || this.vars.yoyoEase) && (this._yoyoEase || (!0 !== $ || this._initted ? this._yoyoEase = $ = !0 === $ ? this._ease : $ instanceof Ease ? $ : Ease.map[$] : ($ = this.vars.ease, this._yoyoEase = $ = $ ? $ instanceof Ease ? $ : "function" == typeof $ ? new Ease($, this.vars.easeParams) : Ease.map[$] || i.defaultEase : i.defaultEase)), this.ratio = $ ? 1 - $.getRatio((g - this._time) / g) : 0)), this._time > g ? this._time = g : this._time < 0 && (this._time = 0)), this._easeType && !$ ? (h = this._time / g, (1 === (u = this._easeType) || 3 === u && h >= .5) && (h = 1 - h), 3 === u && (h *= 2), 1 === (f = this._easePower) ? h *= h : 2 === f ? h *= h * h : 3 === f ? h *= h * h * h : 4 === f && (h *= h * h * h * h), this.ratio = 1 === u ? 1 - h : 2 === u ? h : this._time / g < .5 ? h / 2 : 1 - h / 2) : $ || (this.ratio = this._ease.getRatio(this._time / g))), d !== this._time || s || _ !== this._cycle) { if (!this._initted) { if (this._init(), !this._initted || this._gc) return; if (!s && this._firstPT && (!1 !== this.vars.lazy && this._duration || this.vars.lazy && !this._duration)) return this._time = d, this._totalTime = m, this._rawPrevTime = y, this._cycle = _, o.lazyTweens.push(this), void (this._lazy = [t, e]); !this._time || r || $ ? r && this._ease._calcEnd && !$ && (this.ratio = this._ease.getRatio(0 === this._time ? 0 : 1)) : this.ratio = this._ease.getRatio(this._time / g) } for (!1 !== this._lazy && (this._lazy = !1), this._active || !this._paused && this._time !== d && t >= 0 && (this._active = !0), 0 === m && (2 === this._initted && t > 0 && this._init(), this._startAt && (t >= 0 ? this._startAt.render(t, !0, s) : n || (n = "_dummyGS")), this.vars.onStart && (0 === this._totalTime && 0 !== g || e || this._callback("onStart"))), a = this._firstPT; a;)a.f ? a.t[a.p](a.c * this.ratio + a.s) : a.t[a.p] = a.c * this.ratio + a.s, a = a._next; this._onUpdate && (t < 0 && this._startAt && this._startTime && this._startAt.render(t, !0, s), e || (this._totalTime !== m || n) && this._callback("onUpdate")), this._cycle !== _ && (e || this._gc || this.vars.onRepeat && this._callback("onRepeat")), n && (this._gc && !s || (t < 0 && this._startAt && !this._onUpdate && this._startTime && this._startAt.render(t, !0, s), r && (this._timeline.autoRemoveChildren && this._enabled(!1, !1), this._active = !1), !e && this.vars[n] && this._callback(n), 0 === g && 1e-8 === this._rawPrevTime && 1e-8 !== c && (this._rawPrevTime = 0))) } else m !== this._totalTime && this._onUpdate && (e || this._callback("onUpdate")) }, a.to = function (t, e, i) { return new a(t, e, i) }, a.from = function (t, e, i) { return i.runBackwards = !0, i.immediateRender = 0 != i.immediateRender, new a(t, e, i) }, a.fromTo = function (t, e, i, s) { return s.startAt = i, s.immediateRender = 0 != s.immediateRender && 0 != i.immediateRender, new a(t, e, s) }, a.staggerTo = a.allTo = function (t, e, o, u, c, $, p) { var d, m, _, g, y = [], v = n(o.stagger || u), T = o.cycle, x = (o.startAt || f).cycle; for (h(t) || ("string" == typeof t && (t = i.selector(t) || t), l(t) && (t = s(t))), d = (t = t || []).length - 1, _ = 0; _ <= d; _++) { for (g in m = {}, o) m[g] = o[g]; if (T && (r(m, t, _), null != m.duration && (e = m.duration, delete m.duration)), x) { for (g in x = m.startAt = {}, o.startAt) x[g] = o.startAt[g]; r(m.startAt, t, _) } m.delay = v(_, t[_], t) + (m.delay || 0), _ === d && c && (m.onComplete = function () { o.onComplete && o.onComplete.apply(o.onCompleteScope || this, arguments), c.apply(p || o.callbackScope || this, $ || f) }), y[_] = new a(t[_], e, m) } return y }, a.staggerFrom = a.allFrom = function (t, e, i, s, r, n, o) { return i.runBackwards = !0, i.immediateRender = 0 != i.immediateRender, a.staggerTo(t, e, i, s, r, n, o) }, a.staggerFromTo = a.allFromTo = function (t, e, i, s, r, n, o, l) { return s.startAt = i, s.immediateRender = 0 != s.immediateRender && 0 != i.immediateRender, a.staggerTo(t, e, s, r, n, o, l) }, a.delayedCall = function (t, e, i, s, r) { return new a(e, 0, { delay: t, onComplete: e, onCompleteParams: i, callbackScope: s, onReverseComplete: e, onReverseCompleteParams: i, immediateRender: !1, useFrames: r, overwrite: 0 }) }, a.set = function (t, e) { return new a(t, 0, e) }, a.isTweening = function (t) { return i.getTweensOf(t, !0).length > 0 }; var c = function (t, e) { for (var s = [], r = 0, n = t._first; n;)n instanceof i ? s[r++] = n : (e && (s[r++] = n), r = (s = s.concat(c(n, e))).length), n = n._next; return s }, $ = a.getAllTweens = function (e) { return c(t._rootTimeline, e).concat(c(t._rootFramesTimeline, e)) }; a.killAll = function (t, i, s, r) { null == i && (i = !0), null == s && (s = !0); var n, a, o, l = $(0 != r), h = l.length, u = i && s && r; for (o = 0; o < h; o++)a = l[o], (u || a instanceof e || (n = a.target === a.vars.onComplete) && s || i && !n) && (t ? a.totalTime(a._reversed ? 0 : a.totalDuration()) : a._enabled(!1, !1)) }, a.killChildTweensOf = function (t, e) { if (null != t) { var r, n, u, f, c, $ = o.tweenLookup; if ("string" == typeof t && (t = i.selector(t) || t), l(t) && (t = s(t)), h(t)) for (f = t.length; --f > -1;)a.killChildTweensOf(t[f], e); else { for (u in r = [], $) for (n = $[u].target.parentNode; n;)n === t && (r = r.concat($[u].tweens)), n = n.parentNode; for (c = r.length, f = 0; f < c; f++)e && r[f].totalTime(r[f].totalDuration()), r[f]._enabled(!1, !1) } } }; var p = function (t, i, s, r) { i = !1 !== i, s = !1 !== s; for (var n, a, o = $(r = !1 !== r), l = i && s && r, h = o.length; --h > -1;)a = o[h], (l || a instanceof e || (n = a.target === a.vars.onComplete) && s || i && !n) && a.paused(t) }; return a.pauseAll = function (t, e, i) { p(!0, t, e, i) }, a.resumeAll = function (t, e, i) { p(!1, t, e, i) }, a.globalTimeScale = function (e) { var s = t._rootTimeline, r = i.ticker.time; return arguments.length ? (e = e || 1e-8, s._startTime = r - (r - s._startTime) * s._timeScale / e, s = t._rootFramesTimeline, r = i.ticker.frame, s._startTime = r - (r - s._startTime) * s._timeScale / e, s._timeScale = t._rootTimeline._timeScale = e, e) : s._timeScale }, u.progress = function (t, e) { return arguments.length ? this.totalTime(this.duration() * (this._yoyo && 0 != (1 & this._cycle) ? 1 - t : t) + this._cycle * (this._duration + this._repeatDelay), e) : this.duration() ? this._time / this._duration : this.ratio }, u.totalProgress = function (t, e) { return arguments.length ? this.totalTime(this.totalDuration() * t, e) : this._totalTime / this.totalDuration() }, u.time = function (t, e) { if (!arguments.length) return this._time; this._dirty && this.totalDuration(); var i = this._duration, s = this._cycle, r = s * (i + this._repeatDelay); return t > i && (t = i), this.totalTime(this._yoyo && 1 & s ? i - t + r : this._repeat ? t + r : t, e) }, u.duration = function (e) { return arguments.length ? t.prototype.duration.call(this, e) : this._duration }, u.totalDuration = function (t) { return arguments.length ? -1 === this._repeat ? this : this.duration((t - this._repeat * this._repeatDelay) / (this._repeat + 1)) : (this._dirty && (this._totalDuration = -1 === this._repeat ? 999999999999 : this._duration * (this._repeat + 1) + this._repeatDelay * this._repeat, this._dirty = !1), this._totalDuration) }, u.repeat = function (t) { return arguments.length ? (this._repeat = t, this._uncache(!0)) : this._repeat }, u.repeatDelay = function (t) { return arguments.length ? (this._repeatDelay = t, this._uncache(!0)) : this._repeatDelay }, u.yoyo = function (t) { return arguments.length ? (this._yoyo = t, this) : this._yoyo }, a }, !0), _gsScope._gsDefine("TimelineLite", ["core.Animation", "core.SimpleTimeline", "TweenLite"], function (t, e, i) { var s = function (t) { e.call(this, t); var i, s, r = this.vars; for (s in this._labels = {}, this.autoRemoveChildren = !!r.autoRemoveChildren, this.smoothChildTiming = !!r.smoothChildTiming, this._sortChildren = !0, this._onUpdate = r.onUpdate, r) o(i = r[s]) && -1 !== i.join("").indexOf("{self}") && (r[s] = this._swapSelfInParams(i)); o(r.tweens) && this.add(r.tweens, 0, r.align, r.stagger) }, r = i._internals, n = s._internals = {}, a = r.isSelector, o = r.isArray, l = r.lazyTweens, h = r.lazyRender, u = _gsScope._gsDefine.globals, f = function (t) { var e, i = {}; for (e in t) i[e] = t[e]; return i }, c = function (t, e, i) { var s, r, n = t.cycle; for (s in n) r = n[s], t[s] = "function" == typeof r ? r(i, e[i], e) : r[i % r.length]; delete t.cycle }, $ = n.pauseCallback = function () { }, p = function (t, e, i, s) { var r = "immediateRender"; return r in e || (e[r] = !(i && !1 === i[r] || s)), e }, d = function (t) { if ("function" == typeof t) return t; var e = "object" == typeof t ? t : { each: t }, i = e.ease, s = e.from || 0, r = e.base || 0, n = {}, a = isNaN(s), o = e.axis, l = { center: .5, end: 1 }[s] || 0; return function (t, h, u) { var f, c, $, p, d, m, _, g, y, v = (u || e).length, T = n[v]; if (!T) { if (!(y = "auto" === e.grid ? 0 : (e.grid || [1 / 0])[0])) { for (_ = -1 / 0; _ < (_ = u[y++].getBoundingClientRect().left) && y < v;); y-- } for (T = n[v] = [], f = a ? Math.min(y, v) * l - .5 : s % y, c = a ? v * l / y - .5 : s / y | 0, _ = 0, g = 1 / 0, m = 0; m < v; m++)$ = m % y - f, p = c - (m / y | 0), T[m] = d = o ? Math.abs("y" === o ? p : $) : Math.sqrt($ * $ + p * p), d > _ && (_ = d), d < g && (g = d); T.max = _ - g, T.min = g, T.v = v = e.amount || e.each * (y > v ? v - 1 : o ? "y" === o ? v / y : y : Math.max(y, v / y)) || 0, T.b = v < 0 ? r - v : r } return v = (T[t] - T.min) / T.max, T.b + (i ? i.getRatio(v) : v) * T.v } }, m = s.prototype = new e; return s.version = "2.1.3", s.distribute = d, m.constructor = s, m.kill()._gc = m._forcingPlayhead = m._hasPause = !1, m.to = function (t, e, s, r) { var n = s.repeat && u.TweenMax || i; return e ? this.add(new n(t, e, s), r) : this.set(t, s, r) }, m.from = function (t, e, s, r) { return this.add((s.repeat && u.TweenMax || i).from(t, e, p(0, s)), r) }, m.fromTo = function (t, e, s, r, n) { var a = r.repeat && u.TweenMax || i; return r = p(0, r, s), e ? this.add(a.fromTo(t, e, s, r), n) : this.set(t, r, n) }, m.staggerTo = function (t, e, r, n, o, l, h, u) { var $, p, m = new s({ onComplete: l, onCompleteParams: h, callbackScope: u, smoothChildTiming: this.smoothChildTiming }), _ = d(r.stagger || n), g = r.startAt, y = r.cycle; for ("string" == typeof t && (t = i.selector(t) || t), a(t = t || []) && (t = function (t) { var e, i = [], s = t.length; for (e = 0; e !== s; i.push(t[e++])); return i }(t)), p = 0; p < t.length; p++)$ = f(r), g && ($.startAt = f(g), g.cycle && c($.startAt, t, p)), y && (c($, t, p), null != $.duration && (e = $.duration, delete $.duration)), m.to(t[p], e, $, _(p, t[p], t)); return this.add(m, o) }, m.staggerFrom = function (t, e, i, s, r, n, a, o) { return i.runBackwards = !0, this.staggerTo(t, e, p(0, i), s, r, n, a, o) }, m.staggerFromTo = function (t, e, i, s, r, n, a, o, l) { return s.startAt = i, this.staggerTo(t, e, p(0, s, i), r, n, a, o, l) }, m.call = function (t, e, s, r) { return this.add(i.delayedCall(0, t, e, s), r) }, m.set = function (t, e, s) { return this.add(new i(t, 0, p(0, e, null, !0)), s) }, s.exportRoot = function (t, e) { null == (t = t || {}).smoothChildTiming && (t.smoothChildTiming = !0); var r, n, a, o, l = new s(t), h = l._timeline; for (null == e && (e = !0), h._remove(l, !0), l._startTime = 0, l._rawPrevTime = l._time = l._totalTime = h._time, a = h._first; a;)o = a._next, e && a instanceof i && a.target === a.vars.onComplete || ((n = a._startTime - a._delay) < 0 && (r = 1), l.add(a, n)), a = o; return h.add(l, 0), r && l.totalDuration(), l }, m.add = function (r, n, a, l) { var h, u, f, c, $, p; if ("number" != typeof n && (n = this._parseTimeOrLabel(n, 0, !0, r)), !(r instanceof t)) { if (r instanceof Array || r && r.push && o(r)) { for (a = a || "normal", l = l || 0, h = n, u = r.length, f = 0; f < u; f++)o(c = r[f]) && (c = new s({ tweens: c })), this.add(c, h), "string" != typeof c && "function" != typeof c && ("sequence" === a ? h = c._startTime + c.totalDuration() / c._timeScale : "start" === a && (c._startTime -= c.delay())), h += l; return this._uncache(!0) } if ("string" == typeof r) return this.addLabel(r, n); if ("function" != typeof r) throw "Cannot add " + r + " into the timeline; it is not a tween, timeline, function, or string."; r = i.delayedCall(0, r) } if (e.prototype.add.call(this, r, n), (r._time || !r._duration && r._initted) && (h = (this.rawTime() - r._startTime) * r._timeScale, (!r._duration || Math.abs(Math.max(0, Math.min(r.totalDuration(), h))) - r._totalTime > 1e-5) && r.render(h, !1, !1)), (this._gc || this._time === this._duration) && !this._paused && this._duration < this.duration()) for (p = ($ = this).rawTime() > r._startTime; $._timeline;)p && $._timeline.smoothChildTiming ? $.totalTime($._totalTime, !0) : $._gc && $._enabled(!0, !1), $ = $._timeline; return this }, m.remove = function (e) { if (e instanceof t) { this._remove(e, !1); var i = e._timeline = e.vars.useFrames ? t._rootFramesTimeline : t._rootTimeline; return e._startTime = (e._paused ? e._pauseTime : i._time) - (e._reversed ? e.totalDuration() - e._totalTime : e._totalTime) / e._timeScale, this } if (e instanceof Array || e && e.push && o(e)) { for (var s = e.length; --s > -1;)this.remove(e[s]); return this } return "string" == typeof e ? this.removeLabel(e) : this.kill(null, e) }, m._remove = function (t, i) { return e.prototype._remove.call(this, t, i), this._last ? this._time > this.duration() && (this._time = this._duration, this._totalTime = this._totalDuration) : this._time = this._totalTime = this._duration = this._totalDuration = 0, this }, m.append = function (t, e) { return this.add(t, this._parseTimeOrLabel(null, e, !0, t)) }, m.insert = m.insertMultiple = function (t, e, i, s) { return this.add(t, e || 0, i, s) }, m.appendMultiple = function (t, e, i, s) { return this.add(t, this._parseTimeOrLabel(null, e, !0, t), i, s) }, m.addLabel = function (t, e) { return this._labels[t] = this._parseTimeOrLabel(e), this }, m.addPause = function (t, e, s, r) { var n = i.delayedCall(0, $, s, r || this); return n.vars.onComplete = n.vars.onReverseComplete = e, n.data = "isPause", this._hasPause = !0, this.add(n, t) }, m.removeLabel = function (t) { return delete this._labels[t], this }, m.getLabelTime = function (t) { return null != this._labels[t] ? this._labels[t] : -1 }, m._parseTimeOrLabel = function (e, i, s, r) { var n, a; if (r instanceof t && r.timeline === this) this.remove(r); else if (r && (r instanceof Array || r.push && o(r))) for (a = r.length; --a > -1;)r[a] instanceof t && r[a].timeline === this && this.remove(r[a]); if (n = "number" != typeof e || i ? this.duration() > 99999999999 ? this.recent().endTime(!1) : this._duration : 0, "string" == typeof i) return this._parseTimeOrLabel(i, s && "number" == typeof e && null == this._labels[i] ? e - n : 0, s); if (i = i || 0, "string" == typeof e && (isNaN(e) || null != this._labels[e])) { if (-1 === (a = e.indexOf("="))) return null == this._labels[e] ? s ? this._labels[e] = n + i : i : this._labels[e] + i; i = parseInt(e.charAt(a - 1) + "1", 10) * Number(e.substr(a + 1)), e = a > 1 ? this._parseTimeOrLabel(e.substr(0, a - 1), 0, s) : n } else null == e && (e = n); return Number(e) + i }, m.seek = function (t, e) { return this.totalTime("number" == typeof t ? t : this._parseTimeOrLabel(t), !1 !== e) }, m.stop = function () { return this.paused(!0) }, m.gotoAndPlay = function (t, e) { return this.play(t, e) }, m.gotoAndStop = function (t, e) { return this.pause(t, e) }, m.render = function (t, e, i) { this._gc && this._enabled(!0, !1); var s, r, n, a, o, u, f, c, $ = this._time, p = this._dirty ? this.totalDuration() : this._totalDuration, d = this._startTime, m = this._timeScale, _ = this._paused; if ($ !== this._time && (t += this._time - $), this._hasPause && !this._forcingPlayhead && !e) { if (t > $) for (s = this._first; s && s._startTime <= t && !u;)s._duration || "isPause" !== s.data || s.ratio || 0 === s._startTime && 0 === this._rawPrevTime || (u = s), s = s._next; else for (s = this._last; s && s._startTime >= t && !u;)s._duration || "isPause" === s.data && s._rawPrevTime > 0 && (u = s), s = s._prev; u && (this._time = this._totalTime = t = u._startTime, c = this._startTime + (this._reversed ? this._duration - t : t) / this._timeScale) } if (t >= p - 1e-8 && t >= 0) this._totalTime = this._time = p, this._reversed || this._hasPausedChild() || (r = !0, a = "onComplete", o = !!this._timeline.autoRemoveChildren, 0 === this._duration && (t <= 0 && t >= -.00000001 || this._rawPrevTime < 0 || 1e-8 === this._rawPrevTime) && this._rawPrevTime !== t && this._first && (o = !0, this._rawPrevTime > 1e-8 && (a = "onReverseComplete"))), this._rawPrevTime = this._duration || !e || t || this._rawPrevTime === t ? t : 1e-8, t = p + 1e-4; else if (t < 1e-8) { if (this._totalTime = this._time = 0, t > -.00000001 && (t = 0), (0 !== $ || 0 === this._duration && 1e-8 !== this._rawPrevTime && (this._rawPrevTime > 0 || t < 0 && this._rawPrevTime >= 0)) && (a = "onReverseComplete", r = this._reversed), t < 0) this._active = !1, this._timeline.autoRemoveChildren && this._reversed ? (o = r = !0, a = "onReverseComplete") : this._rawPrevTime >= 0 && this._first && (o = !0), this._rawPrevTime = t; else { if (this._rawPrevTime = this._duration || !e || t || this._rawPrevTime === t ? t : 1e-8, 0 === t && r) for (s = this._first; s && 0 === s._startTime;)s._duration || (r = !1), s = s._next; t = 0, this._initted || (o = !0) } } else this._totalTime = this._time = this._rawPrevTime = t; if (this._time !== $ && this._first || i || o || u) { if (this._initted || (this._initted = !0), this._active || !this._paused && this._time !== $ && t > 0 && (this._active = !0), 0 === $ && this.vars.onStart && (0 === this._time && this._duration || e || this._callback("onStart")), (f = this._time) >= $) for (s = this._first; s && (n = s._next, f === this._time && (!this._paused || _));)(s._active || s._startTime <= f && !s._paused && !s._gc) && (u === s && (this.pause(), this._pauseTime = c), s._reversed ? s.render((s._dirty ? s.totalDuration() : s._totalDuration) - (t - s._startTime) * s._timeScale, e, i) : s.render((t - s._startTime) * s._timeScale, e, i)), s = n; else for (s = this._last; s && (n = s._prev, f === this._time && (!this._paused || _));) { if (s._active || s._startTime <= $ && !s._paused && !s._gc) { if (u === s) { for (u = s._prev; u && u.endTime() > this._time;)u.render(u._reversed ? u.totalDuration() - (t - u._startTime) * u._timeScale : (t - u._startTime) * u._timeScale, e, i), u = u._prev; u = null, this.pause(), this._pauseTime = c } s._reversed ? s.render((s._dirty ? s.totalDuration() : s._totalDuration) - (t - s._startTime) * s._timeScale, e, i) : s.render((t - s._startTime) * s._timeScale, e, i) } s = n } this._onUpdate && (e || (l.length && h(), this._callback("onUpdate"))), a && (this._gc || d !== this._startTime && m === this._timeScale || (0 === this._time || p >= this.totalDuration()) && (r && (l.length && h(), this._timeline.autoRemoveChildren && this._enabled(!1, !1), this._active = !1), !e && this.vars[a] && this._callback(a))) } }, m._hasPausedChild = function () { for (var t = this._first; t;) { if (t._paused || t instanceof s && t._hasPausedChild()) return !0; t = t._next } return !1 }, m.getChildren = function (t, e, s, r) { r = r || -9999999999; for (var n = [], a = this._first, o = 0; a;)a._startTime < r || (a instanceof i ? !1 !== e && (n[o++] = a) : (!1 !== s && (n[o++] = a), !1 !== t && (o = (n = n.concat(a.getChildren(!0, e, s))).length))), a = a._next; return n }, m.getTweensOf = function (t, e) { var s, r, n = this._gc, a = [], o = 0; for (n && this._enabled(!0, !0), r = (s = i.getTweensOf(t)).length; --r > -1;)(s[r].timeline === this || e && this._contains(s[r])) && (a[o++] = s[r]); return n && this._enabled(!1, !0), a }, m.recent = function () { return this._recent }, m._contains = function (t) { for (var e = t.timeline; e;) { if (e === this) return !0; e = e.timeline } return !1 }, m.shiftChildren = function (t, e, i) { i = i || 0; for (var s, r = this._first, n = this._labels; r;)r._startTime >= i && (r._startTime += t), r = r._next; if (e) for (s in n) n[s] >= i && (n[s] += t); return this._uncache(!0) }, m._kill = function (t, e) { if (!t && !e) return this._enabled(!1, !1); for (var i = e ? this.getTweensOf(e) : this.getChildren(!0, !0, !1), s = i.length, r = !1; --s > -1;)i[s]._kill(t, e) && (r = !0); return r }, m.clear = function (t) { var e = this.getChildren(!1, !0, !0), i = e.length; for (this._time = this._totalTime = 0; --i > -1;)e[i]._enabled(!1, !1); return !1 !== t && (this._labels = {}), this._uncache(!0) }, m.invalidate = function () { for (var e = this._first; e;)e.invalidate(), e = e._next; return t.prototype.invalidate.call(this) }, m._enabled = function (t, i) { if (t === this._gc) for (var s = this._first; s;)s._enabled(t, !0), s = s._next; return e.prototype._enabled.call(this, t, i) }, m.totalTime = function (e, i, s) { this._forcingPlayhead = !0; var r = t.prototype.totalTime.apply(this, arguments); return this._forcingPlayhead = !1, r }, m.duration = function (t) { return arguments.length ? (0 !== this.duration() && 0 !== t && this.timeScale(this._duration / t), this) : (this._dirty && this.totalDuration(), this._duration) }, m.totalDuration = function (t) { if (!arguments.length) { if (this._dirty) { for (var e, i, s = 0, r = this._last, n = 999999999999; r;)e = r._prev, r._dirty && r.totalDuration(), r._startTime > n && this._sortChildren && !r._paused && !this._calculatingDuration ? (this._calculatingDuration = 1, this.add(r, r._startTime - r._delay), this._calculatingDuration = 0) : n = r._startTime, r._startTime < 0 && !r._paused && (s -= r._startTime, this._timeline.smoothChildTiming && (this._startTime += r._startTime / this._timeScale, this._time -= r._startTime, this._totalTime -= r._startTime, this._rawPrevTime -= r._startTime), this.shiftChildren(-r._startTime, !1, -9999999999), n = 0), (i = r._startTime + r._totalDuration / r._timeScale) > s && (s = i), r = e; this._duration = this._totalDuration = s, this._dirty = !1 } return this._totalDuration } return t && this.totalDuration() ? this.timeScale(this._totalDuration / t) : this }, m.paused = function (e) { if (!1 === e && this._paused) for (var i = this._first; i;)i._startTime === this._time && "isPause" === i.data && (i._rawPrevTime = 0), i = i._next; return t.prototype.paused.apply(this, arguments) }, m.usesFrames = function () { for (var e = this._timeline; e._timeline;)e = e._timeline; return e === t._rootFramesTimeline }, m.rawTime = function (t) { return t && (this._paused || this._repeat && this.time() > 0 && 1 > this.totalProgress()) ? this._totalTime % (this._duration + this._repeatDelay) : this._paused ? this._totalTime : (this._timeline.rawTime(t) - this._startTime) * this._timeScale }, s }, !0), _gsScope._gsDefine("TimelineMax", ["TimelineLite", "TweenLite", "easing.Ease"], function (t, e, i) { var s = function (e) { t.call(this, e), this._repeat = this.vars.repeat || 0, this._repeatDelay = this.vars.repeatDelay || 0, this._cycle = 0, this._yoyo = !!this.vars.yoyo, this._dirty = !0 }, r = e._internals, n = r.lazyTweens, a = r.lazyRender, o = _gsScope._gsDefine.globals, l = new i(null, null, 1, 0), h = s.prototype = new t; return h.constructor = s, h.kill()._gc = !1, s.version = "2.1.3", h.invalidate = function () { return this._yoyo = !!this.vars.yoyo, this._repeat = this.vars.repeat || 0, this._repeatDelay = this.vars.repeatDelay || 0, this._uncache(!0), t.prototype.invalidate.call(this) }, h.addCallback = function (t, i, s, r) { return this.add(e.delayedCall(0, t, s, r), i) }, h.removeCallback = function (t, e) { if (t) { if (null == e) this._kill(null, t); else for (var i = this.getTweensOf(t, !1), s = i.length, r = this._parseTimeOrLabel(e); --s > -1;)i[s]._startTime === r && i[s]._enabled(!1, !1) } return this }, h.removePause = function (e) { return this.removeCallback(t._internals.pauseCallback, e) }, h.tweenTo = function (t, i) { i = i || {}; var s, r, n, a = { ease: l, useFrames: this.usesFrames(), immediateRender: !1, lazy: !1 }, h = i.repeat && o.TweenMax || e; for (r in i) a[r] = i[r]; return a.time = this._parseTimeOrLabel(t), s = Math.abs(Number(a.time) - this._time) / this._timeScale || .001, n = new h(this, s, a), a.onStart = function () { n.target.paused(!0), n.vars.time === n.target.time() || s !== n.duration() || n.isFromTo || n.duration(Math.abs(n.vars.time - n.target.time()) / n.target._timeScale).render(n.time(), !0, !0), i.onStart && i.onStart.apply(i.onStartScope || i.callbackScope || n, i.onStartParams || []) }, n }, h.tweenFromTo = function (t, e, i) { i = i || {}, t = this._parseTimeOrLabel(t), i.startAt = { onComplete: this.seek, onCompleteParams: [t], callbackScope: this }, i.immediateRender = !1 !== i.immediateRender; var s = this.tweenTo(e, i); return s.isFromTo = 1, s.duration(Math.abs(s.vars.time - t) / this._timeScale || .001) }, h.render = function (t, e, i) { this._gc && this._enabled(!0, !1); var s, r, o, l, h, u, f, c, $, p = this._time, d = this._dirty ? this.totalDuration() : this._totalDuration, m = this._duration, _ = this._totalTime, g = this._startTime, y = this._timeScale, v = this._rawPrevTime, T = this._paused, x = this._cycle; if (p !== this._time && (t += this._time - p), t >= d - 1e-8 && t >= 0) this._locked || (this._totalTime = d, this._cycle = this._repeat), this._reversed || this._hasPausedChild() || (r = !0, l = "onComplete", h = !!this._timeline.autoRemoveChildren, 0 === this._duration && (t <= 0 && t >= -.00000001 || v < 0 || 1e-8 === v) && v !== t && this._first && (h = !0, v > 1e-8 && (l = "onReverseComplete"))), this._rawPrevTime = this._duration || !e || t || this._rawPrevTime === t ? t : 1e-8, this._yoyo && 1 & this._cycle ? this._time = t = 0 : (this._time = m, t = m + 1e-4); else if (t < 1e-8) { if (this._locked || (this._totalTime = this._cycle = 0), this._time = 0, t > -.00000001 && (t = 0), (0 !== p || 0 === m && 1e-8 !== v && (v > 0 || t < 0 && v >= 0) && !this._locked) && (l = "onReverseComplete", r = this._reversed), t < 0) this._active = !1, this._timeline.autoRemoveChildren && this._reversed ? (h = r = !0, l = "onReverseComplete") : v >= 0 && this._first && (h = !0), this._rawPrevTime = t; else { if (this._rawPrevTime = m || !e || t || this._rawPrevTime === t ? t : 1e-8, 0 === t && r) for (s = this._first; s && 0 === s._startTime;)s._duration || (r = !1), s = s._next; t = 0, this._initted || (h = !0) } } else 0 === m && v < 0 && (h = !0), this._time = this._rawPrevTime = t, this._locked || (this._totalTime = t, 0 !== this._repeat && (u = m + this._repeatDelay, this._cycle = this._totalTime / u >> 0, this._cycle && this._cycle === this._totalTime / u && _ <= t && this._cycle--, this._time = this._totalTime - this._cycle * u, this._yoyo && 1 & this._cycle && (this._time = m - this._time), this._time > m ? (this._time = m, t = m + 1e-4) : this._time < 0 ? this._time = t = 0 : t = this._time)); if (this._hasPause && !this._forcingPlayhead && !e) { if ((t = this._time) > p || this._repeat && x !== this._cycle) for (s = this._first; s && s._startTime <= t && !f;)s._duration || "isPause" !== s.data || s.ratio || 0 === s._startTime && 0 === this._rawPrevTime || (f = s), s = s._next; else for (s = this._last; s && s._startTime >= t && !f;)s._duration || "isPause" === s.data && s._rawPrevTime > 0 && (f = s), s = s._prev; f && ($ = this._startTime + (this._reversed ? this._duration - f._startTime : f._startTime) / this._timeScale, f._startTime < m && (this._time = this._rawPrevTime = t = f._startTime, this._totalTime = t + this._cycle * (this._totalDuration + this._repeatDelay))) } if (this._cycle !== x && !this._locked) { var b = this._yoyo && 0 != (1 & x), w = b === (this._yoyo && 0 != (1 & this._cycle)), P = this._totalTime, O = this._cycle, S = this._rawPrevTime, k = this._time; if (this._totalTime = x * m, this._cycle < x ? b = !b : this._totalTime += m, this._time = p, this._rawPrevTime = 0 === m ? v - 1e-4 : v, this._cycle = x, this._locked = !0, p = b ? 0 : m, this.render(p, e, 0 === m), e || this._gc || this.vars.onRepeat && (this._cycle = O, this._locked = !1, this._callback("onRepeat")), p !== this._time || (w && (this._cycle = x, this._locked = !0, p = b ? m + 1e-4 : -.0001, this.render(p, !0, !1)), this._locked = !1, this._paused && !T)) return; this._time = k, this._totalTime = P, this._cycle = O, this._rawPrevTime = S } if (this._time !== p && this._first || i || h || f) { if (this._initted || (this._initted = !0), this._active || !this._paused && this._totalTime !== _ && t > 0 && (this._active = !0), 0 === _ && this.vars.onStart && (0 === this._totalTime && this._totalDuration || e || this._callback("onStart")), (c = this._time) >= p) for (s = this._first; s && (o = s._next, c === this._time && (!this._paused || T));)(s._active || s._startTime <= this._time && !s._paused && !s._gc) && (f === s && (this.pause(), this._pauseTime = $), s._reversed ? s.render((s._dirty ? s.totalDuration() : s._totalDuration) - (t - s._startTime) * s._timeScale, e, i) : s.render((t - s._startTime) * s._timeScale, e, i)), s = o; else for (s = this._last; s && (o = s._prev, c === this._time && (!this._paused || T));) { if (s._active || s._startTime <= p && !s._paused && !s._gc) { if (f === s) { for (f = s._prev; f && f.endTime() > this._time;)f.render(f._reversed ? f.totalDuration() - (t - f._startTime) * f._timeScale : (t - f._startTime) * f._timeScale, e, i), f = f._prev; f = null, this.pause(), this._pauseTime = $ } s._reversed ? s.render((s._dirty ? s.totalDuration() : s._totalDuration) - (t - s._startTime) * s._timeScale, e, i) : s.render((t - s._startTime) * s._timeScale, e, i) } s = o } this._onUpdate && (e || (n.length && a(), this._callback("onUpdate"))), l && (this._locked || this._gc || g !== this._startTime && y === this._timeScale || (0 === this._time || d >= this.totalDuration()) && (r && (n.length && a(), this._timeline.autoRemoveChildren && this._enabled(!1, !1), this._active = !1), !e && this.vars[l] && this._callback(l))) } else _ !== this._totalTime && this._onUpdate && (e || this._callback("onUpdate")) }, h.getActive = function (t, e, i) { var s, r, n = [], a = this.getChildren(t || null == t, e || null == t, !!i), o = 0, l = a.length; for (s = 0; s < l; s++)(r = a[s]).isActive() && (n[o++] = r); return n }, h.getLabelAfter = function (t) { t || 0 !== t && (t = this._time); var e, i = this.getLabelsArray(), s = i.length; for (e = 0; e < s; e++)if (i[e].time > t) return i[e].name; return null }, h.getLabelBefore = function (t) { null == t && (t = this._time); for (var e = this.getLabelsArray(), i = e.length; --i > -1;)if (e[i].time < t) return e[i].name; return null }, h.getLabelsArray = function () { var t, e = [], i = 0; for (t in this._labels) e[i++] = { time: this._labels[t], name: t }; return e.sort(function (t, e) { return t.time - e.time }), e }, h.invalidate = function () { return this._locked = !1, t.prototype.invalidate.call(this) }, h.progress = function (t, e) { return arguments.length ? this.totalTime(this.duration() * (this._yoyo && 0 != (1 & this._cycle) ? 1 - t : t) + this._cycle * (this._duration + this._repeatDelay), e) : this._time / this.duration() || 0 }, h.totalProgress = function (t, e) { return arguments.length ? this.totalTime(this.totalDuration() * t, e) : this._totalTime / this.totalDuration() || 0 }, h.totalDuration = function (e) { return arguments.length ? -1 !== this._repeat && e ? this.timeScale(this.totalDuration() / e) : this : (this._dirty && (t.prototype.totalDuration.call(this), this._totalDuration = -1 === this._repeat ? 999999999999 : this._duration * (this._repeat + 1) + this._repeatDelay * this._repeat), this._totalDuration) }, h.time = function (t, e) { if (!arguments.length) return this._time; this._dirty && this.totalDuration(); var i = this._duration, s = this._cycle, r = s * (i + this._repeatDelay); return t > i && (t = i), this.totalTime(this._yoyo && 1 & s ? i - t + r : this._repeat ? t + r : t, e) }, h.repeat = function (t) { return arguments.length ? (this._repeat = t, this._uncache(!0)) : this._repeat }, h.repeatDelay = function (t) { return arguments.length ? (this._repeatDelay = t, this._uncache(!0)) : this._repeatDelay }, h.yoyo = function (t) { return arguments.length ? (this._yoyo = t, this) : this._yoyo }, h.currentLabel = function (t) { return arguments.length ? this.seek(t, !0) : this.getLabelBefore(this._time + 1e-8) }, s }, !0), t = 180 / Math.PI, e = [], i = [], s = [], r = {}, n = _gsScope._gsDefine.globals, a = function (t, e, i, s) { i === s && (i = s - (s - e) / 1e6), t === e && (e = t + (i - t) / 1e6), this.a = t, this.b = e, this.c = i, this.d = s, this.da = s - t, this.ca = i - t, this.ba = e - t }, o = function (t, e, i, s) { var r = { a: t }, n = {}, a = {}, o = { c: s }, l = (t + e) / 2, h = (e + i) / 2, u = (i + s) / 2, f = (l + h) / 2, c = (h + u) / 2, $ = (c - f) / 8; return r.b = l + (t - l) / 4, n.b = f + $, r.c = n.a = (r.b + n.b) / 2, n.c = a.a = (f + c) / 2, a.b = c - $, o.b = u + (s - u) / 4, a.c = o.a = (a.b + o.b) / 2, [r, n, a, o] }, l = function (t, r, n, a, l) { var h, u, f, c, $, p, d, m, _, g, y, v, T, x = t.length - 1, b = 0, w = t[0].a; for (h = 0; h < x; h++)u = ($ = t[b]).a, f = $.d, c = t[b + 1].d, l ? (y = e[h], T = ((v = i[h]) + y) * r * .25 / (a ? .5 : s[h] || .5), m = f - ((p = f - (f - u) * (a ? .5 * r : 0 !== y ? T / y : 0)) + (((d = f + (c - f) * (a ? .5 * r : 0 !== v ? T / v : 0)) - p) * (3 * y / (y + v) + .5) / 4 || 0))) : m = f - ((p = f - (f - u) * r * .5) + (d = f + (c - f) * r * .5)) / 2, p += m, d += m, $.c = _ = p, $.b = 0 !== h ? w : w = $.a + .6 * ($.c - $.a), $.da = f - u, $.ca = _ - u, $.ba = w - u, n ? (g = o(u, w, _, f), t.splice(b, 1, g[0], g[1], g[2], g[3]), b += 4) : b++, w = d; ($ = t[b]).b = w, $.c = w + .4 * ($.d - w), $.da = $.d - $.a, $.ca = $.c - $.a, $.ba = w - $.a, n && (g = o($.a, w, $.c, $.d), t.splice(b, 1, g[0], g[1], g[2], g[3])) }, h = function (t, s, r, n) { var o, l, h, u, f, c, $ = []; if (n) for (l = (t = [n].concat(t)).length; --l > -1;)"string" == typeof (c = t[l][s]) && "=" === c.charAt(1) && (t[l][s] = n[s] + Number(c.charAt(0) + c.substr(2))); if ((o = t.length - 2) < 0) return $[0] = new a(t[0][s], 0, 0, t[0][s]), $; for (l = 0; l < o; l++)h = t[l][s], u = t[l + 1][s], $[l] = new a(h, 0, 0, u), r && (f = t[l + 2][s], e[l] = (e[l] || 0) + (u - h) * (u - h), i[l] = (i[l] || 0) + (f - u) * (f - u)); return $[l] = new a(t[l][s], 0, 0, t[l + 1][s]), $ }, u = function (t, n, a, o, u, f) { var c, $, p, d, m, _, g, y, v = {}, T = [], x = f || t[0]; for ($ in u = "string" == typeof u ? "," + u + "," : ",x,y,z,left,top,right,bottom,marginTop,marginLeft,marginRight,marginBottom,paddingLeft,paddingTop,paddingRight,paddingBottom,backgroundPosition,backgroundPosition_y,", null == n && (n = 1), t[0]) T.push($); if (t.length > 1) { for (y = t[t.length - 1], g = !0, c = T.length; --c > -1;)if (Math.abs(x[$ = T[c]] - y[$]) > .05) { g = !1; break } g && (t = t.concat(), f && t.unshift(f), t.push(t[1]), f = t[t.length - 3]) } for (e.length = i.length = s.length = 0, c = T.length; --c > -1;)r[$ = T[c]] = -1 !== u.indexOf("," + $ + ","), v[$] = h(t, $, r[$], f); for (c = e.length; --c > -1;)e[c] = Math.sqrt(e[c]), i[c] = Math.sqrt(i[c]); if (!o) { for (c = T.length; --c > -1;)if (r[$]) for (_ = (p = v[T[c]]).length - 1, d = 0; d < _; d++)m = p[d + 1].da / i[d] + p[d].da / e[d] || 0, s[d] = (s[d] || 0) + m * m; for (c = s.length; --c > -1;)s[c] = Math.sqrt(s[c]) } for (c = T.length, d = a ? 4 : 1; --c > -1;)l(p = v[$ = T[c]], n, a, o, r[$]), g && (p.splice(0, d), p.splice(p.length - d, d)); return v }, f = function (t, e, i) { for (var s, r, n, a, o, l, h, u, f, c, $, p = 1 / i, d = t.length; --d > -1;)for (n = (c = t[d]).a, a = c.d - n, o = c.c - n, l = c.b - n, s = r = 0, u = 1; u <= i; u++)s = r - (r = ((h = p * u) * h * a + 3 * (f = 1 - h) * (h * o + f * l)) * h), e[$ = d * i + u - 1] = (e[$] || 0) + s * s }, $ = (c = _gsScope._gsDefine.plugin({ propName: "bezier", priority: -1, version: "1.3.9", API: 2, global: !0, init: function (t, e, i) { this._target = t, e instanceof Array && (e = { values: e }), this._func = {}, this._mod = {}, this._props = [], this._timeRes = null == e.timeResolution ? 6 : parseInt(e.timeResolution, 10); var s, r, n, o, l, h = e.values || [], c = {}, $ = h[0], p = e.autoRotate || i.vars.orientToBezier; for (s in this._autoRotate = p ? p instanceof Array ? p : [["x", "y", "rotation", !0 === p ? 0 : Number(p) || 0]] : null, $) this._props.push(s); for (n = this._props.length; --n > -1;)s = this._props[n], this._overwriteProps.push(s), r = this._func[s] = "function" == typeof t[s], c[s] = r ? t[s.indexOf("set") || "function" != typeof t["get" + s.substr(3)] ? s : "get" + s.substr(3)]() : parseFloat(t[s]), l || c[s] !== h[0][s] && (l = c); if (this._beziers = "cubic" !== e.type && "quadratic" !== e.type && "soft" !== e.type ? u(h, isNaN(e.curviness) ? 1 : e.curviness, !1, "thruBasic" === e.type, e.correlate, l) : function (t, e, i) { var s, r, n, o, l, h, u, f, c, $, p, d = {}, m = "cubic" === (e = e || "soft") ? 3 : 2, _ = "soft" === e, g = []; if (_ && i && (t = [i].concat(t)), null == t || t.length < m + 1) throw "invalid Bezier data"; for (c in t[0]) g.push(c); for (h = g.length; --h > -1;) { for (d[c = g[h]] = l = [], $ = 0, f = t.length, u = 0; u < f; u++)s = null == i ? t[u][c] : "string" == typeof (p = t[u][c]) && "=" === p.charAt(1) ? i[c] + Number(p.charAt(0) + p.substr(2)) : Number(p), _ && u > 1 && u < f - 1 && (l[$++] = (s + l[$ - 2]) / 2), l[$++] = s; for (f = $ - m + 1, $ = 0, u = 0; u < f; u += m)s = l[u], r = l[u + 1], n = l[u + 2], o = 2 === m ? 0 : l[u + 3], l[$++] = p = 3 === m ? new a(s, r, n, o) : new a(s, (2 * r + s) / 3, (2 * r + n) / 3, n); l.length = $ } return d }(h, e.type, c), this._segCount = this._beziers[s].length, this._timeRes) { var d = function (t, e) { var i, s, r, n, a = [], o = [], l = 0, h = 0, u = (e = e >> 0 || 6) - 1, c = [], $ = []; for (i in t) f(t[i], a, e); for (r = a.length, s = 0; s < r; s++)l += Math.sqrt(a[s]), $[n = s % e] = l, n === u && (h += l, c[n = s / e >> 0] = $, o[n] = h, l = 0, $ = []); return { length: h, lengths: o, segments: c } }(this._beziers, this._timeRes); this._length = d.length, this._lengths = d.lengths, this._segments = d.segments, this._l1 = this._li = this._s1 = this._si = 0, this._l2 = this._lengths[0], this._curSeg = this._segments[0], this._s2 = this._curSeg[0], this._prec = 1 / this._curSeg.length } if (p = this._autoRotate) for (this._initialRotations = [], p[0] instanceof Array || (this._autoRotate = p = [p]), n = p.length; --n > -1;) { for (o = 0; o < 3; o++)s = p[n][o], this._func[s] = "function" == typeof t[s] && t[s.indexOf("set") || "function" != typeof t["get" + s.substr(3)] ? s : "get" + s.substr(3)]; s = p[n][2], this._initialRotations[n] = (this._func[s] ? this._func[s].call(this._target) : this._target[s]) || 0, this._overwriteProps.push(s) } return this._startRatio = i.vars.runBackwards ? 1 : 0, !0 }, set: function (e) { var i, s, r, n, a, o, l, h, u, f, c, $ = this._segCount, p = this._func, d = this._target, m = e !== this._startRatio; if (this._timeRes) { if (u = this._lengths, f = this._curSeg, c = e * this._length, r = this._li, c > this._l2 && r < $ - 1) { for (h = $ - 1; r < h && (this._l2 = u[++r]) <= c;); this._l1 = u[r - 1], this._li = r, this._curSeg = f = this._segments[r], this._s2 = f[this._s1 = this._si = 0] } else if (c < this._l1 && r > 0) { for (; r > 0 && (this._l1 = u[--r]) >= c;); 0 === r && c < this._l1 ? this._l1 = 0 : r++, this._l2 = u[r], this._li = r, this._curSeg = f = this._segments[r], this._s1 = f[(this._si = f.length - 1) - 1] || 0, this._s2 = f[this._si] } if (i = r, c -= this._l1, r = this._si, c > this._s2 && r < f.length - 1) { for (h = f.length - 1; r < h && (this._s2 = f[++r]) <= c;); this._s1 = f[r - 1], this._si = r } else if (c < this._s1 && r > 0) { for (; r > 0 && (this._s1 = f[--r]) >= c;); 0 === r && c < this._s1 ? this._s1 = 0 : r++, this._s2 = f[r], this._si = r } o = 1 === e ? 1 : (r + (c - this._s1) / (this._s2 - this._s1)) * this._prec || 0 } else o = (e - (i = e < 0 ? 0 : e >= 1 ? $ - 1 : $ * e >> 0) * (1 / $)) * $; for (s = 1 - o, r = this._props.length; --r > -1;)n = this._props[r], l = (o * o * (a = this._beziers[n][i]).da + 3 * s * (o * a.ca + s * a.ba)) * o + a.a, this._mod[n] && (l = this._mod[n](l, d)), p[n] ? d[n](l) : d[n] = l; if (this._autoRotate) { var _, g, y, v, T, x, b, w = this._autoRotate; for (r = w.length; --r > -1;)n = w[r][2], x = w[r][3] || 0, b = !0 === w[r][4] ? 1 : t, a = this._beziers[w[r][0]], _ = this._beziers[w[r][1]], a && _ && (a = a[i], _ = _[i], g = a.a + (a.b - a.a) * o, g += ((v = a.b + (a.c - a.b) * o) - g) * o, v += (a.c + (a.d - a.c) * o - v) * o, y = _.a + (_.b - _.a) * o, y += ((T = _.b + (_.c - _.b) * o) - y) * o, T += (_.c + (_.d - _.c) * o - T) * o, l = m ? Math.atan2(T - y, v - g) * b + x : this._initialRotations[r], this._mod[n] && (l = this._mod[n](l, d)), p[n] ? d[n](l) : d[n] = l) } } })).prototype, c.bezierThrough = u, c.cubicToQuadratic = o, c._autoCSS = !0, c.quadraticToCubic = function (t, e, i) { return new a(t, (2 * e + t) / 3, (2 * e + i) / 3, i) }, c._cssRegister = function () { var t = n.CSSPlugin; if (t) { var e = t._internals, i = e._parseToProxy, s = e._setPluginRatio, r = e.CSSPropTween; e._registerComplexSpecialProp("bezier", { parser: function (t, e, n, a, o, l) { e instanceof Array && (e = { values: e }), l = new c; var h, u, f, $ = e.values, p = $.length - 1, d = [], m = {}; if (p < 0) return o; for (h = 0; h <= p; h++)f = i(t, $[h], a, o, l, p !== h), d[h] = f.end; for (u in e) m[u] = e[u]; return m.values = d, (o = new r(t, "bezier", 0, 0, f.pt, 2)).data = f, o.plugin = l, o.setRatio = s, 0 === m.autoRotate && (m.autoRotate = !0), !m.autoRotate || m.autoRotate instanceof Array || (h = !0 === m.autoRotate ? 0 : Number(m.autoRotate), m.autoRotate = null != f.end.left ? [["left", "top", "rotation", h, !1]] : null != f.end.x && [["x", "y", "rotation", h, !1]]), m.autoRotate && (a._transform || a._enableTransforms(!1), f.autoRotate = a._target._gsTransform, f.proxy.rotation = f.autoRotate.rotation || 0, a._overwriteProps.push("rotation")), l._onInitTween(f.proxy, m, a._tween), o } }) } }, $._mod = function (t) { for (var e, i = this._overwriteProps, s = i.length; --s > -1;)(e = t[i[s]]) && "function" == typeof e && (this._mod[i[s]] = e) }, $._kill = function (t) { var e, i, s = this._props; for (e in this._beziers) if (e in t) for (delete this._beziers[e], delete this._func[e], i = s.length; --i > -1;)s[i] === e && s.splice(i, 1); if (s = this._autoRotate) for (i = s.length; --i > -1;)t[s[i][2]] && s.splice(i, 1); return this._super._kill.call(this, t) }, _gsScope._gsDefine("plugins.CSSPlugin", ["plugins.TweenPlugin", "TweenLite"], function (t, e) { var i, s, r, n, a, o, l = function () { t.call(this, "css"), this._overwriteProps.length = 0, this.setRatio = l.prototype.setRatio }, h = _gsScope._gsDefine.globals, u = {}, f = l.prototype = new t("css"); f.constructor = l, l.version = "2.1.3", l.API = 2, l.defaultTransformPerspective = 0, l.defaultSkewType = "compensated", l.defaultSmoothOrigin = !0, f = "px", l.suffixMap = { top: f, right: f, bottom: f, left: f, width: f, height: f, fontSize: f, padding: f, margin: f, perspective: f, lineHeight: "" }; var c, $, p, d, m, _, g, y, v = /(?:\-|\.|\b)(\d|\.|e\-)+/g, T = /(?:\d|\-\d|\.\d|\-\.\d|\+=\d|\-=\d|\+=.\d|\-=\.\d)+/g, x = /(?:\+=|\-=|\-|\b)[\d\-\.]+[a-zA-Z0-9]*(?:%|\b)/gi, b = /(?:\+=|\-=|\-|\b)[\d\-\.]+[a-zA-Z0-9]*(?:%|\b),?/gi, w = /(?![+-]?\d*\.?\d+|[+-]|e[+-]\d+)[^0-9]/g, P = /(?:\d|\-|\+|=|#|\.)*/g, O = /opacity *= *([^)]*)/i, S = /opacity:([^;]*)/i, k = /alpha$opacity *=.+?$/i, R = /^(rgb|hsl)/, C = /([A-Z])/g, A = /-([a-z])/gi, D = /(^(?:url$\"|url\())|(?:(\"$)$|\)$)/gi, z = function (t, e) { return e.toUpperCase() }, X = /(?:Left|Right|Width)/i, E = /(M11|M12|M21|M22)=[\d\-\.e]+/gi, L = /progid\:DXImageTransform\.Microsoft\.Matrix$.+?$/i, I = /,(?=[^\)]*(?:\(|$))/gi, B = /[\s,\(]/i, Y = Math.PI / 180, F = 180 / Math.PI, j = {}, M = { style: {} }, N = _gsScope.document || { createElement: function () { return M } }, U = function (t, e) { var i = N.createElementNS ? N.createElementNS(e || "http://www.w3.org/1999/xhtml", t) : N.createElement(t); return i.style ? i : N.createElement(t) }, V = U("div"), q = U("img"), W = l._internals = { _specialProps: u }, G = (_gsScope.navigator || {}).userAgent || "", Z = (a = G.indexOf("Android"), o = U("a"), m = (p = -1 !== G.indexOf("Safari") && -1 === G.indexOf("Chrome") && (-1 === a || parseFloat(G.substr(a + 8, 2)) > 3)) && 6 > parseFloat(G.substr(G.indexOf("Version/") + 8, 2)), d = -1 !== G.indexOf("Firefox"), (/MSIE ([0-9]{1,}[\.0-9]{0,})/.exec(G) || /Trident\/.*rv:([0-9]{1,}[\.0-9]{0,})/.exec(G)) && (_ = parseFloat(RegExp.$1)), !!o && (o.style.cssText = "top:1px;opacity:.55;", /^0.55/.test(o.style.opacity))), H = function (t) { return O.test("string" == typeof t ? t : (t.currentStyle ? t.currentStyle.filter : t.style.filter) || "") ? parseFloat(RegExp.$1) / 100 : 1 }, Q = function (t) { _gsScope.console && console.log(t) }, K = "", J = "", tt = function (t, e) { var i, s, r = (e = e || V).style; if (void 0 !== r[t]) return t; for (t = t.charAt(0).toUpperCase() + t.substr(1), i = ["O", "Moz", "ms", "Ms", "Webkit"], s = 5; --s > -1 && void 0 === r[i[s] + t];); return s >= 0 ? (K = "-" + (J = 3 === s ? "ms" : i[s]).toLowerCase() + "-", J + t) : null }, te = "undefined" != typeof window ? window : N.defaultView || { getComputedStyle: function () { } }, ti = function (t) { return te.getComputedStyle(t) }, ts = l.getStyle = function (t, e, i, s, r) { var n; return Z || "opacity" !== e ? (!s && t.style[e] ? n = t.style[e] : (i = i || ti(t)) ? n = i[e] || i.getPropertyValue(e) || i.getPropertyValue(e.replace(C, "-$1").toLowerCase()) : t.currentStyle && (n = t.currentStyle[e]), null == r || n && "none" !== n && "auto" !== n && "auto auto" !== n ? n : r) : H(t) }, tr = W.convertToPixels = function (t, i, s, r, n) { if ("px" === r || !r && "lineHeight" !== i) return s; if ("auto" === r || !s) return 0; var a, o, h, u = X.test(i), f = t, c = V.style, $ = s < 0, p = 1 === s; if ($ && (s = -s), p && (s *= 100), "lineHeight" !== i || r) { if ("%" === r && -1 !== i.indexOf("border")) a = s / 100 * (u ? t.clientWidth : t.clientHeight); else { if (c.cssText = "border:0 solid red;position:" + ts(t, "position") + ";line-height:0;", "%" !== r && f.appendChild && "v" !== r.charAt(0) && "rem" !== r) c[u ? "borderLeftWidth" : "borderTopWidth"] = s + r; else { if (-1 !== ts(f = t.parentNode || N.body, "display").indexOf("flex") && (c.position = "absolute"), o = f._gsCache, h = e.ticker.frame, o && u && o.time === h) return o.width * s / 100; c[u ? "width" : "height"] = s + r } f.appendChild(V), a = parseFloat(V[u ? "offsetWidth" : "offsetHeight"]), f.removeChild(V), u && "%" === r && !1 !== l.cacheWidths && ((o = f._gsCache = f._gsCache || {}).time = h, o.width = a / s * 100), 0 !== a || n || (a = tr(t, i, s, r, !0)) } } else o = ti(t).lineHeight, t.style.lineHeight = s, a = parseFloat(ti(t).lineHeight), t.style.lineHeight = o; return p && (a /= 100), $ ? -a : a }, tn = W.calculateOffset = function (t, e, i) { if ("absolute" !== ts(t, "position", i)) return 0; var s = "left" === e ? "Left" : "Top", r = ts(t, "margin" + s, i); return t["offset" + s] - (tr(t, e, parseFloat(r), r.replace(P, "")) || 0) }, ta = function (t, e) { var i, s, r, n = {}; if (e = e || ti(t)) { if (i = e.length) for (; --i > -1;)-1 !== (r = e[i]).indexOf("-transform") && t1 !== r || (n[r.replace(A, z)] = e.getPropertyValue(r)); else for (i in e) -1 !== i.indexOf("Transform") && tD !== i || (n[i] = e[i]) } else if (e = t.currentStyle || t.style) for (i in e) "string" == typeof i && void 0 === n[i] && (n[i.replace(A, z)] = e[i]); return Z || (n.opacity = H(t)), s = tM(t, e, !1), n.rotation = s.rotation, n.skewX = s.skewX, n.scaleX = s.scaleX, n.scaleY = s.scaleY, n.x = s.x, n.y = s.y, tX && (n.z = s.z, n.rotationX = s.rotationX, n.rotationY = s.rotationY, n.scaleZ = s.scaleZ), n.filters && delete n.filters, n }, to = function (t, e, i, s, r) { var n, a, o, l = {}, h = t.style; for (a in i) "cssText" !== a && "length" !== a && isNaN(a) && (e[a] !== (n = i[a]) || r && r[a]) && -1 === a.indexOf("Origin") && ("number" != typeof n && "string" != typeof n || (l[a] = "auto" !== n || "left" !== a && "top" !== a ? "" !== n && "auto" !== n && "none" !== n || "string" != typeof e[a] || "" === e[a].replace(w, "") ? n : 0 : tn(t, a), void 0 !== h[a] && (o = new tT(h, a, h[a], o)))); if (s) for (a in s) "className" !== a && (l[a] = s[a]); return { difs: l, firstMPT: o } }, tl = { width: ["Left", "Right"], height: ["Top", "Bottom"] }, th = ["marginLeft", "marginRight", "marginTop", "marginBottom"], t8 = function (t, e, i) { if ("svg" === (t.nodeName + "").toLowerCase()) return (i || ti(t))[e] || 0; if (t.getCTM && tF(t)) return t.getBBox()[e] || 0; var s = parseFloat("width" === e ? t.offsetWidth : t.offsetHeight), r = tl[e], n = r.length; for (i = i || ti(t); --n > -1;)s -= parseFloat(ts(t, "padding" + r[n], i, !0)) || 0, s -= parseFloat(ts(t, "border" + r[n] + "Width", i, !0)) || 0; return s }, tu = function (t, e) { if ("contain" === t || "auto" === t || "auto auto" === t) return t + " "; null != t && "" !== t || (t = "0 0"); var i, s = t.split(" "), r = -1 !== t.indexOf("left") ? "0%" : -1 !== t.indexOf("right") ? "100%" : s[0], n = -1 !== t.indexOf("top") ? "0%" : -1 !== t.indexOf("bottom") ? "100%" : s[1]; if (s.length > 3 && !e) { for (s = t.split(", ").join(",").split(","), t = [], i = 0; i < s.length; i++)t.push(tu(s[i])); return t.join(",") } return null == n ? n = "center" === r ? "50%" : "0" : "center" === n && (n = "50%"), ("center" === r || isNaN(parseFloat(r)) && -1 === (r + "").indexOf("=")) && (r = "50%"), t = r + " " + n + (s.length > 2 ? " " + s[2] : ""), e && (e.oxp = -1 !== r.indexOf("%"), e.oyp = -1 !== n.indexOf("%"), e.oxr = "=" === r.charAt(1), e.oyr = "=" === n.charAt(1), e.ox = parseFloat(r.replace(w, "")), e.oy = parseFloat(n.replace(w, "")), e.v = t), e || t }, tf = function (t, e) { return "function" == typeof t && (t = t(y, g)), "string" == typeof t && "=" === t.charAt(1) ? parseInt(t.charAt(0) + "1", 10) * parseFloat(t.substr(2)) : parseFloat(t) - parseFloat(e) || 0 }, tc = function (t, e) { "function" == typeof t && (t = t(y, g)); var i = "string" == typeof t && "=" === t.charAt(1); return "string" == typeof t && "v" === t.charAt(t.length - 2) && (t = (i ? t.substr(0, 2) : 0) + window["inner" + ("vh" === t.substr(-2) ? "Height" : "Width")] * (parseFloat(i ? t.substr(2) : t) / 100)), null == t ? e : i ? parseInt(t.charAt(0) + "1", 10) * parseFloat(t.substr(2)) + e : parseFloat(t) || 0 }, t$ = function (t, e, i, s) { var r, n, a, o; return "function" == typeof t && (t = t(y, g)), null == t ? a = e : "number" == typeof t ? a = t : (r = t.split("_"), n = ((o = "=" === t.charAt(1)) ? parseInt(t.charAt(0) + "1", 10) * parseFloat(r[0].substr(2)) : parseFloat(r[0])) * (-1 === t.indexOf("rad") ? 1 : F) - (o ? 0 : e), r.length && (s && (s[i] = e + n), -1 !== t.indexOf("short") && (n %= 360) != n % 180 && (n = n < 0 ? n + 360 : n - 360), -1 !== t.indexOf("_cw") && n < 0 ? n = (n + 3599999999640) % 360 - 360 * (n / 360 | 0) : -1 !== t.indexOf("ccw") && n > 0 && (n = (n - 3599999999640) % 360 - 360 * (n / 360 | 0))), a = e + n), a < 1e-6 && a > -.000001 && (a = 0), a }, tp = { aqua: [0, 255, 255], lime: [0, 255, 0], silver: [192, 192, 192], black: [0, 0, 0], maroon: [128, 0, 0], teal: [0, 128, 128], blue: [0, 0, 255], navy: [0, 0, 128], white: [255, 255, 255], fuchsia: [255, 0, 255], olive: [128, 128, 0], yellow: [255, 255, 0], orange: [255, 165, 0], gray: [128, 128, 128], purple: [128, 0, 128], green: [0, 128, 0], red: [255, 0, 0], pink: [255, 192, 203], cyan: [0, 255, 255], transparent: [255, 255, 255, 0] }, td = function (t, e, i) { return 255 * (6 * (t = t < 0 ? t + 1 : t > 1 ? t - 1 : t) < 1 ? e + (i - e) * t * 6 : t < .5 ? i : 3 * t < 2 ? e + (i - e) * (2 / 3 - t) * 6 : e) + .5 | 0 }, tm = l.parseColor = function (t, e) { var i, s, r, n, a, o, l, h, u, f, c; if (t) { if ("number" == typeof t) i = [t >> 16, t >> 8 & 255, 255 & t]; else { if ("," === t.charAt(t.length - 1) && (t = t.substr(0, t.length - 1)), tp[t]) i = tp[t]; else if ("#" === t.charAt(0)) 4 === t.length && (s = t.charAt(1), t = "#" + s + s + (r = t.charAt(2)) + r + (n = t.charAt(3)) + n), i = [(t = parseInt(t.substr(1), 16)) >> 16, t >> 8 & 255, 255 & t]; else if ("hsl" === t.substr(0, 3)) { if (i = c = t.match(v), e) { if (-1 !== t.indexOf("=")) return t.match(T) } else a = Number(i[0]) % 360 / 360, o = Number(i[1]) / 100, s = 2 * (l = Number(i[2]) / 100) - (r = l <= .5 ? l * (o + 1) : l + o - l * o), i.length > 3 && (i[3] = Number(i[3])), i[0] = td(a + 1 / 3, s, r), i[1] = td(a, s, r), i[2] = td(a - 1 / 3, s, r) } else i = t.match(v) || tp.transparent; i[0] = Number(i[0]), i[1] = Number(i[1]), i[2] = Number(i[2]), i.length > 3 && (i[3] = Number(i[3])) } } else i = tp.black; return e && !c && (s = i[0] / 255, l = ((h = Math.max(s, r = i[1] / 255, n = i[2] / 255)) + (u = Math.min(s, r, n))) / 2, h === u ? a = o = 0 : (f = h - u, o = l > .5 ? f / (2 - h - u) : f / (h + u), a = h === s ? (r - n) / f + (r < n ? 6 : 0) : h === r ? (n - s) / f + 2 : (s - r) / f + 4, a *= 60), i[0] = a + .5 | 0, i[1] = 100 * o + .5 | 0, i[2] = 100 * l + .5 | 0), i }, t_ = function (t, e) { var i, s, r, n = t.match(tg) || [], a = 0, o = ""; if (!n.length) return t; for (i = 0; i < n.length; i++)s = n[i], a += (r = t.substr(a, t.indexOf(s, a) - a)).length + s.length, 3 === (s = tm(s, e)).length && s.push(1), o += r + (e ? "hsla(" + s[0] + "," + s[1] + "%," + s[2] + "%," + s[3] : "rgba(" + s.join(",")) + ")"; return o + t.substr(a) }, tg = "(?:\\b(?:(?:rgb|rgba|hsl|hsla)\$.+?\$)|\\B#(?:[0-9a-f]{3}){1,2}\\b"; for (f in tp) tg += "|" + f + "\\b"; tg = RegExp(tg + ")", "gi"), l.colorStringFilter = function (t) { var e, i = t[0] + " " + t[1]; tg.test(i) && (e = -1 !== i.indexOf("hsl(") || -1 !== i.indexOf("hsla("), t[0] = t_(t[0], e), t[1] = t_(t[1], e)), tg.lastIndex = 0 }, e.defaultStringFilter || (e.defaultStringFilter = l.colorStringFilter); var ty = function (t, e, i, s) { if (null == t) return function (t) { return t }; var r, n = e ? (t.match(tg) || [""])[0] : "", a = t.split(n).join("").match(x) || [], o = t.substr(0, t.indexOf(a[0])), l = ")" === t.charAt(t.length - 1) ? ")" : "", h = -1 !== t.indexOf(" ") ? " " : ",", u = a.length, f = u > 0 ? a[0].replace(v, "") : ""; return u ? r = e ? function (t) { var e, c, $, p; if ("number" == typeof t) t += f; else if (s && I.test(t)) { for (p = t.replace(I, "|").split("|"), $ = 0; $ < p.length; $++)p[$] = r(p[$]); return p.join(",") } if (e = (t.match(tg) || [n])[0], $ = (c = t.split(e).join("").match(x) || []).length, u > $--) for (; ++$ < u;)c[$] = i ? c[($ - 1) / 2 | 0] : a[$]; return o + c.join(h) + h + e + l + (-1 !== t.indexOf("inset") ? " inset" : "") } : function (t) { var e, n, c; if ("number" == typeof t) t += f; else if (s && I.test(t)) { for (n = t.replace(I, "|").split("|"), c = 0; c < n.length; c++)n[c] = r(n[c]); return n.join(",") } if (c = (e = t.match("," === h ? x : b) || []).length, u > c--) for (; ++c < u;)e[c] = i ? e[(c - 1) / 2 | 0] : a[c]; return (o && "none" !== t && t.substr(0, t.indexOf(e[0])) || o) + e.join(h) + l } : function (t) { return t } }, tv = function (t) { return t = t.split(","), function (e, i, s, r, n, a, o) { var l, h = (i + "").split(" "); for (o = {}, l = 0; l < 4; l++)o[t[l]] = h[l] = h[l] || h[(l - 1) / 2 >> 0]; return r.parse(e, o, n, a) } }, tT = (W._setPluginRatio = function (t) { this.plugin.setRatio(t); for (var e, i, s, r, n, a = this.data, o = a.proxy, l = a.firstMPT; l;)e = o[l.v], l.r ? e = l.r(e) : e < 1e-6 && e > -.000001 && (e = 0), l.t[l.p] = e, l = l._next; if (a.autoRotate && (a.autoRotate.rotation = a.mod ? a.mod.call(this._tween, o.rotation, this.t, this._tween) : o.rotation), 1 === t || 0 === t) for (l = a.firstMPT, n = 1 === t ? "e" : "b"; l;) { if ((i = l.t).type) { if (1 === i.type) { for (r = i.xs0 + i.s + i.xs1, s = 1; s < i.l; s++)r += i["xn" + s] + i["xs" + (s + 1)]; i[n] = r } } else i[n] = i.s + i.xs0; l = l._next } }, function (t, e, i, s, r) { this.t = t, this.p = e, this.v = i, this.r = r, s && (s._prev = this, this._next = s) }), tx = (W._parseToProxy = function (t, e, i, s, r, n) { var a, o, l, h, u, f = s, c = {}, $ = {}, p = i._transform, d = j; for (i._transform = null, j = e, s = u = i.parse(t, e, s, r), j = d, n && (i._transform = p, f && (f._prev = null, f._prev && (f._prev._next = null))); s && s !== f;) { if (s.type <= 1 && ($[o = s.p] = s.s + s.c, c[o] = s.s, n || (h = new tT(s, "s", o, h, s.r), s.c = 0), 1 === s.type)) for (a = s.l; --a > 0;)l = "xn" + a, $[o = s.p + "_" + l] = s.data[l], c[o] = s[l], n || (h = new tT(s, l, o, h, s.rxp[l])); s = s._next } return { proxy: c, end: $, firstMPT: h, pt: u } }, W.CSSPropTween = function (t, e, s, r, a, o, l, h, u, f, c) { this.t = t, this.p = e, this.s = s, this.c = r, this.n = l || e, t instanceof tx || n.push(this.n), this.r = h ? "function" == typeof h ? h : Math.round : h, this.type = o || 0, u && (this.pr = u, i = !0), this.b = void 0 === f ? s : f, this.e = void 0 === c ? s + r : c, a && (this._next = a, a._prev = this) }), tb = function (t, e, i, s, r, n) { var a = new tx(t, e, i, s - i, r, -1, n); return a.b = i, a.e = a.xs0 = s, a }, tw = l.parseComplex = function (t, e, i, s, r, n, a, o, h, u) { i = i || n || "", "function" == typeof s && (s = s(y, g)), a = new tx(t, e, 0, 0, a, u ? 2 : 1, null, !1, o, i, s), s += "", r && tg.test(s + i) && (s = [i, s], l.colorStringFilter(s), i = s[0], s = s[1]); var f, $, p, d, m, _, x, b, w, P, O, S, k, R = i.split(", ").join(",").split(" "), C = s.split(", ").join(",").split(" "), A = R.length, D = !1 !== c; for (-1 === s.indexOf(",") && -1 === i.indexOf(",") || (-1 !== (s + i).indexOf("rgb") || -1 !== (s + i).indexOf("hsl") ? (R = R.join(" ").replace(I, ", ").split(" "), C = C.join(" ").replace(I, ", ").split(" ")) : (R = R.join(" ").split(",").join(", ").split(" "), C = C.join(" ").split(",").join(", ").split(" ")), A = R.length), A !== C.length && (A = (R = (n || "").split(" ")).length), a.plugin = h, a.setRatio = u, tg.lastIndex = 0, f = 0; f < A; f++)if (d = R[f], m = C[f] + "", (b = parseFloat(d)) || 0 === b) a.appendXtra("", b, tf(m, b), m.replace(T, ""), !(!D || -1 === m.indexOf("px")) && Math.round, !0); else if (r && tg.test(d)) S = ")" + ((S = m.indexOf(")") + 1) ? m.substr(S) : ""), k = -1 !== m.indexOf("hsl") && Z, P = m, d = tm(d, k), m = tm(m, k), (w = d.length + m.length > 6) && !Z && 0 === m[3] ? (a["xs" + a.l] += a.l ? " transparent" : "transparent", a.e = a.e.split(C[f]).join("transparent")) : (Z || (w = !1), k ? a.appendXtra(P.substr(0, P.indexOf("hsl")) + (w ? "hsla(" : "hsl("), d[0], tf(m[0], d[0]), ",", !1, !0).appendXtra("", d[1], tf(m[1], d[1]), "%,", !1).appendXtra("", d[2], tf(m[2], d[2]), w ? "%," : "%" + S, !1) : a.appendXtra(P.substr(0, P.indexOf("rgb")) + (w ? "rgba(" : "rgb("), d[0], m[0] - d[0], ",", Math.round, !0).appendXtra("", d[1], m[1] - d[1], ",", Math.round).appendXtra("", d[2], m[2] - d[2], w ? "," : S, Math.round), w && (d = d.length < 4 ? 1 : d[3], a.appendXtra("", d, (m.length < 4 ? 1 : m[3]) - d, S, !1))), tg.lastIndex = 0; else if (_ = d.match(v)) { if (!(x = m.match(T)) || x.length !== _.length) return a; for (p = 0, $ = 0; $ < _.length; $++)O = _[$], P = d.indexOf(O, p), a.appendXtra(d.substr(p, P - p), Number(O), tf(x[$], O), "", !(!D || "px" !== d.substr(P + O.length, 2)) && Math.round, 0 === $), p = P + O.length; a["xs" + a.l] += d.substr(p) } else a["xs" + a.l] += a.l || a["xs" + a.l] ? " " + m : m; if (-1 !== s.indexOf("=") && a.data) { for (S = a.xs0 + a.data.s, f = 1; f < a.l; f++)S += a["xs" + f] + a.data["xn" + f]; a.e = S + a["xs" + f] } return a.l || (a.type = -1, a.xs0 = a.e), a.xfirst || a }, tP = 9; for ((f = tx.prototype).l = f.pr = 0; --tP > 0;)f["xn" + tP] = 0, f["xs" + tP] = ""; f.xs0 = "", f._next = f._prev = f.xfirst = f.data = f.plugin = f.setRatio = f.rxp = null, f.appendXtra = function (t, e, i, s, r, n) { var a = this, o = a.l; return a["xs" + o] += n && (o || a["xs" + o]) ? " " + t : t || "", i || 0 === o || a.plugin ? (a.l++, a.type = a.setRatio ? 2 : 1, a["xs" + a.l] = s || "", o > 0 ? (a.data["xn" + o] = e + i, a.rxp["xn" + o] = r, a["xn" + o] = e, a.plugin || (a.xfirst = new tx(a, "xn" + o, e, i, a.xfirst || a, 0, a.n, r, a.pr), a.xfirst.xs0 = 0), a) : (a.data = { s: e + i }, a.rxp = {}, a.s = e, a.c = i, a.r = r, a)) : (a["xs" + o] += e + (s || ""), a) }; var t0 = function (t, e) { e = e || {}, this.p = e.prefix && tt(t) || t, u[t] = u[this.p] = this, this.format = e.formatter || ty(e.defaultValue, e.color, e.collapsible, e.multi), e.parser && (this.parse = e.parser), this.clrs = e.color, this.multi = e.multi, this.keyword = e.keyword, this.dflt = e.defaultValue, this.allowFunc = e.allowFunc, this.pr = e.priority || 0 }, tO = W._registerComplexSpecialProp = function (t, e, i) { "object" != typeof e && (e = { parser: i }); var s, r = t.split(","), n = e.defaultValue; for (i = i || [n], s = 0; s < r.length; s++)e.prefix = 0 === s && e.prefix, e.defaultValue = i[s] || n, new t0(r[s], e) }, tS = W._registerPluginProp = function (t) { if (!u[t]) { var e = t.charAt(0).toUpperCase() + t.substr(1) + "Plugin"; tO(t, { parser: function (t, i, s, r, n, a, o) { var l = h.com.greensock.plugins[e]; return l ? (l._cssRegister(), u[s].parse(t, i, s, r, n, a, o)) : (Q("Error: " + e + " js file not loaded."), n) } }) } }; (f = t0.prototype).parseComplex = function (t, e, i, s, r, n) { var a, o, l, h, u, f, c = this.keyword; if (this.multi && (I.test(i) || I.test(e) ? (o = e.replace(I, "|").split("|"), l = i.replace(I, "|").split("|")) : c && (o = [e], l = [i])), l) { for (h = l.length > o.length ? l.length : o.length, a = 0; a < h; a++)e = o[a] = o[a] || this.dflt, i = l[a] = l[a] || this.dflt, c && (u = e.indexOf(c)) !== (f = i.indexOf(c)) && (-1 === f ? o[a] = o[a].split(c).join("") : -1 === u && (o[a] += " " + c)); e = o.join(", "), i = l.join(", ") } return tw(t, this.p, e, i, this.clrs, this.dflt, s, this.pr, r, n) }, f.parse = function (t, e, i, s, n, a, o) { return this.parseComplex(t.style, this.format(ts(t, this.p, r, !1, this.dflt)), this.format(e), n, a) }, l.registerSpecialProp = function (t, e, i) { tO(t, { parser: function (t, s, r, n, a, o, l) { var h = new tx(t, r, 0, 0, a, 2, r, !1, i); return h.plugin = o, h.setRatio = e(t, s, n._tween, r), h }, priority: i }) }, l.useSVGTransformAttr = !0; var t3, tk, tR, tC, tA, t7 = "scaleX,scaleY,scaleZ,x,y,z,skewX,skewY,rotation,rotationX,rotationY,perspective,xPercent,yPercent".split(","), tD = tt("transform"), t1 = K + "transform", tz = tt("transformOrigin"), tX = null !== tt("perspective"), tE = W.Transform = function () { this.perspective = parseFloat(l.defaultTransformPerspective) || 0, this.force3D = !(!1 === l.defaultForce3D || !tX) && (l.defaultForce3D || "auto") }, t6 = _gsScope.SVGElement, tL = function (t, e, i) { var s, r = N.createElementNS("http://www.w3.org/2000/svg", t), n = /([a-z])([A-Z])/g; for (s in i) r.setAttributeNS(null, s.replace(n, "$1-$2").toLowerCase(), i[s]); return e.appendChild(r), r }, tI = N.documentElement || {}, tB = (tA = _ || /Android/i.test(G) && !_gsScope.chrome, N.createElementNS && tI.appendChild && !tA && (tk = tL("svg", tI), tC = (tR = tL("rect", tk, { width: 100, height: 50, x: 100 })).getBoundingClientRect().width, tR.style[tz] = "50% 50%", tR.style[tD] = "scaleX(0.5)", tA = tC === tR.getBoundingClientRect().width && !(d && tX), tI.removeChild(tk)), tA), t4 = function (t, e, i, s, r, n) { var a, o, h, u, f, c, $, p, d, m, _, g, y, v, T = t._gsTransform, x = tj(t, !0); T && (y = T.xOrigin, v = T.yOrigin), (!s || (a = s.split(" ")).length < 2) && (0 === ($ = t.getBBox()).x && 0 === $.y && $.width + $.height === 0 && ($ = { x: parseFloat(t.hasAttribute("x") ? t.getAttribute("x") : t.hasAttribute("cx") ? t.getAttribute("cx") : 0) || 0, y: parseFloat(t.hasAttribute("y") ? t.getAttribute("y") : t.hasAttribute("cy") ? t.getAttribute("cy") : 0) || 0, width: 0, height: 0 }), a = [(-1 !== (e = tu(e).split(" "))[0].indexOf("%") ? parseFloat(e[0]) / 100 * $.width : parseFloat(e[0])) + $.x, (-1 !== e[1].indexOf("%") ? parseFloat(e[1]) / 100 * $.height : parseFloat(e[1])) + $.y]), i.xOrigin = u = parseFloat(a[0]), i.yOrigin = f = parseFloat(a[1]), s && x !== t2 && (c = x[0], $ = x[1], p = x[2], d = x[3], m = x[4], _ = x[5], (g = c * d - $ * p) && (o = u * (d / g) + f * (-p / g) + (p * _ - d * m) / g, h = u * (-$ / g) + f * (c / g) - (c * _ - $ * m) / g, u = i.xOrigin = a[0] = o, f = i.yOrigin = a[1] = h)), T && (n && (i.xOffset = T.xOffset, i.yOffset = T.yOffset, T = i), r || !1 !== r && !1 !== l.defaultSmoothOrigin ? (o = u - y, h = f - v, T.xOffset += o * x[0] + h * x[2] - o, T.yOffset += o * x[1] + h * x[3] - h) : T.xOffset = T.yOffset = 0), n || t.setAttribute("data-svg-origin", a.join(" ")) }, tY = function (t) { var e, i = U("svg", this.ownerSVGElement && this.ownerSVGElement.getAttribute("xmlns") || "http://www.w3.org/2000/svg"), s = this.parentNode, r = this.nextSibling, n = this.style.cssText; if (tI.appendChild(i), i.appendChild(this), this.style.display = "block", t) try { e = this.getBBox(), this._originalGetBBox = this.getBBox, this.getBBox = tY } catch (a) { } else this._originalGetBBox && (e = this._originalGetBBox()); return r ? s.insertBefore(this, r) : s.appendChild(this), tI.removeChild(i), this.style.cssText = n, e }, tF = function (t) { return !(!t6 || !t.getCTM || t.parentNode && !t.ownerSVGElement || !function (t) { try { return t.getBBox() } catch (e) { return tY.call(t, !0) } }(t)) }, t2 = [1, 0, 0, 1, 0, 0], tj = function (t, e) { var i, s, r, n, a, o, l, h = t._gsTransform || new tE, u = t.style; if (tD ? s = ts(t, t1, null, !0) : t.currentStyle && (s = (s = t.currentStyle.filter.match(E)) && 4 === s.length ? [s[0].substr(4), Number(s[2].substr(4)), Number(s[1].substr(4)), s[3].substr(4), h.x || 0, h.y || 0].join(",") : ""), i = !s || "none" === s || "matrix(1, 0, 0, 1, 0, 0)" === s, tD && i && !t.offsetParent && t !== tI && (n = u.display, u.display = "block", (l = t.parentNode) && t.offsetParent || (a = 1, o = t.nextSibling, tI.appendChild(t)), i = !(s = ts(t, t1, null, !0)) || "none" === s || "matrix(1, 0, 0, 1, 0, 0)" === s, n ? u.display = n : tV(u, "display"), a && (o ? l.insertBefore(t, o) : l ? l.appendChild(t) : tI.removeChild(t))), (h.svg || t.getCTM && tF(t)) && (i && -1 !== (u[tD] + "").indexOf("matrix") && (s = u[tD], i = 0), r = t.getAttribute("transform"), i && r && (s = "matrix(" + (r = t.transform.baseVal.consolidate().matrix).a + "," + r.b + "," + r.c + "," + r.d + "," + r.e + "," + r.f + ")", i = 0)), i) return t2; for (tP = (r = (s || "").match(v) || []).length; --tP > -1;)n = Number(r[tP]), r[tP] = (a = n - (n |= 0)) ? (1e5 * a + (a < 0 ? -.5 : .5) | 0) / 1e5 + n : n; return e && r.length > 6 ? [r[0], r[1], r[4], r[5], r[12], r[13]] : r }, tM = W.getTransform = function (t, i, s, r) { if (t._gsTransform && s && !r) return t._gsTransform; var n, a, o, h, u, f, c = s && t._gsTransform || new tE, $ = c.scaleX < 0, p = tX && (parseFloat(ts(t, tz, i, !1, "0 0 0").split(" ")[2]) || c.zOrigin) || 0, d = parseFloat(l.defaultTransformPerspective) || 0; if (c.svg = !(!t.getCTM || !tF(t)), c.svg && (t4(t, ts(t, tz, i, !1, "50% 50%") + "", c, t.getAttribute("data-svg-origin")), t3 = l.useSVGTransformAttr || tB), (n = tj(t)) !== t2) { if (16 === n.length) { var m, _, g, y, v, T = n[0], x = n[1], b = n[2], w = n[3], P = n[4], O = n[5], S = n[6], k = n[7], R = n[8], C = n[9], A = n[10], D = n[12], z = n[13], X = n[14], E = n[11], L = Math.atan2(S, A); c.zOrigin && (D = R * (X = -c.zOrigin) - n[12], z = C * X - n[13], X = A * X + c.zOrigin - n[14]), c.rotationX = L * F, L && (m = P * (y = Math.cos(-L)) + R * (v = Math.sin(-L)), _ = O * y + C * v, g = S * y + A * v, R = -(P * v) + R * y, C = -(O * v) + C * y, A = -(S * v) + A * y, E = -(k * v) + E * y, P = m, O = _, S = g), L = Math.atan2(-b, A), c.rotationY = L * F, L && (_ = x * (y = Math.cos(-L)) - C * (v = Math.sin(-L)), g = b * y - A * v, C = x * v + C * y, A = b * v + A * y, E = w * v + E * y, T = m = T * y - R * v, x = _, b = g), L = Math.atan2(x, T), c.rotation = L * F, L && (m = T * (y = Math.cos(L)) + x * (v = Math.sin(L)), _ = P * y + O * v, g = R * y + C * v, x = x * y - T * v, O = O * y - P * v, C = C * y - R * v, T = m, P = _, R = g), c.rotationX && Math.abs(c.rotationX) + Math.abs(c.rotation) > 359.9 && (c.rotationX = c.rotation = 0, c.rotationY = 180 - c.rotationY), L = Math.atan2(P, O), c.scaleX = (1e5 * Math.sqrt(T * T + x * x + b * b) + .5 | 0) / 1e5, c.scaleY = (1e5 * Math.sqrt(O * O + S * S) + .5 | 0) / 1e5, c.scaleZ = (1e5 * Math.sqrt(R * R + C * C + A * A) + .5 | 0) / 1e5, T /= c.scaleX, P /= c.scaleY, x /= c.scaleX, O /= c.scaleY, Math.abs(L) > 2e-5 ? (c.skewX = L * F, P = 0, "simple" !== c.skewType && (c.scaleY *= 1 / Math.cos(L))) : c.skewX = 0, c.perspective = E ? 1 / (E < 0 ? -E : E) : 0, c.x = D, c.y = z, c.z = X, c.svg && (c.x -= c.xOrigin - (c.xOrigin * T - c.yOrigin * P), c.y -= c.yOrigin - (c.yOrigin * x - c.xOrigin * O)) } else if (!tX || r || !n.length || c.x !== n[4] || c.y !== n[5] || !c.rotationX && !c.rotationY) { var I = n.length >= 6, B = I ? n[0] : 1, Y = n[1] || 0, j = n[2] || 0, M = I ? n[3] : 1; c.x = n[4] || 0, c.y = n[5] || 0, o = Math.sqrt(B * B + Y * Y), h = Math.sqrt(M * M + j * j), u = B || Y ? Math.atan2(Y, B) * F : c.rotation || 0, f = j || M ? Math.atan2(j, M) * F + u : c.skewX || 0, c.scaleX = o, c.scaleY = h, c.rotation = u, c.skewX = f, tX && (c.rotationX = c.rotationY = c.z = 0, c.perspective = d, c.scaleZ = 1), c.svg && (c.x -= c.xOrigin - (c.xOrigin * B + c.yOrigin * j), c.y -= c.yOrigin - (c.xOrigin * Y + c.yOrigin * M)) } for (a in Math.abs(c.skewX) > 90 && 270 > Math.abs(c.skewX) && ($ ? (c.scaleX *= -1, c.skewX += c.rotation <= 0 ? 180 : -180, c.rotation += c.rotation <= 0 ? 180 : -180) : (c.scaleY *= -1, c.skewX += c.skewX <= 0 ? 180 : -180)), c.zOrigin = p, c) c[a] < 2e-5 && c[a] > -.00002 && (c[a] = 0) } return s && (t._gsTransform = c, c.svg && (t3 && t.style[tD] ? e.delayedCall(.001, function () { tV(t.style, tD) }) : !t3 && t.getAttribute("transform") && e.delayedCall(.001, function () { t.removeAttribute("transform") }))), c }, t5 = function (t) { var e, i, s = this.data, r = -s.rotation * Y, n = r + s.skewX * Y, a = (Math.cos(r) * s.scaleX * 1e5 | 0) / 1e5, o = (Math.sin(r) * s.scaleX * 1e5 | 0) / 1e5, l = (0 | -(1e5 * (Math.sin(n) * s.scaleY))) / 1e5, h = (Math.cos(n) * s.scaleY * 1e5 | 0) / 1e5, u = this.t.style, f = this.t.currentStyle; if (f) { i = o, o = -l, l = -i, e = f.filter, u.filter = ""; var c, $, p = this.t.offsetWidth, d = this.t.offsetHeight, m = "absolute" !== f.position, g = "progid:DXImageTransform.Microsoft.Matrix(M11=" + a + ", M12=" + o + ", M21=" + l + ", M22=" + h, y = s.x + p * s.xPercent / 100, v = s.y + d * s.yPercent / 100; if (null != s.ox && (y += (c = (s.oxp ? p * s.ox * .01 : s.ox) - p / 2) - (c * a + ($ = (s.oyp ? d * s.oy * .01 : s.oy) - d / 2) * o), v += $ - (c * l + $ * h)), g += m ? ", Dx=" + ((c = p / 2) - (c * a + ($ = d / 2) * o) + y) + ", Dy=" + ($ - (c * l + $ * h) + v) + ")" : ", sizingMethod='auto expand')", -1 !== e.indexOf("DXImageTransform.Microsoft.Matrix(") ? u.filter = e.replace(L, g) : u.filter = g + " " + e, 0 !== t && 1 !== t || 1 === a && 0 === o && 0 === l && 1 === h && (m && -1 === g.indexOf("Dx=0, Dy=0") || O.test(e) && 100 !== parseFloat(RegExp.$1) || -1 === e.indexOf(e.indexOf("Alpha")) && u.removeAttribute("filter")), !m) { var T, x, b, w = _ < 8 ? 1 : -1; for (c = s.ieOffsetX || 0, $ = s.ieOffsetY || 0, s.ieOffsetX = Math.round((p - ((a < 0 ? -a : a) * p + (o < 0 ? -o : o) * d)) / 2 + y), s.ieOffsetY = Math.round((d - ((h < 0 ? -h : h) * d + (l < 0 ? -l : l) * p)) / 2 + v), tP = 0; tP < 4; tP++)b = (i = -1 !== (T = f[x = th[tP]]).indexOf("px") ? parseFloat(T) : tr(this.t, x, parseFloat(T), T.replace(P, "")) || 0) !== s[x] ? tP < 2 ? -s.ieOffsetX : -s.ieOffsetY : tP < 2 ? c - s.ieOffsetX : $ - s.ieOffsetY, u[x] = (s[x] = Math.round(i - b * (0 === tP || 2 === tP ? 1 : w))) + "px" } } }, tN = W.set3DTransformRatio = W.setTransformRatio = function (t) { var e, i, s, r, n, a, o, l, h, u, f, c, $, p, m, _, g, y, v, T, x = this.data, b = this.t.style, w = x.rotation, P = x.rotationX, O = x.rotationY, S = x.scaleX, k = x.scaleY, R = x.scaleZ, C = x.x, A = x.y, D = x.z, z = x.svg, X = x.perspective, E = x.force3D, L = x.skewY, I = x.skewX; if (L && (I += L, w += L), !((1 !== t && 0 !== t || "auto" !== E || this.tween._totalTime !== this.tween._totalDuration && this.tween._totalTime) && E || D || X || O || P || 1 !== R) || t3 && z || !tX) w || I || z ? (w *= Y, T = I * Y, i = Math.cos(w) * S, n = Math.sin(w) * S, s = -(Math.sin(w - T) * k), a = Math.cos(w - T) * k, T && "simple" === x.skewType && (s *= e = Math.sqrt(1 + (e = Math.tan(T - L * Y)) * e), a *= e, L && (i *= e = Math.sqrt(1 + (e = Math.tan(L * Y)) * e), n *= e)), z && (C += x.xOrigin - (x.xOrigin * i + x.yOrigin * s) + x.xOffset, A += x.yOrigin - (x.xOrigin * n + x.yOrigin * a) + x.yOffset, t3 && (x.xPercent || x.yPercent) && (m = this.t.getBBox(), C += .01 * x.xPercent * m.width, A += .01 * x.yPercent * m.height), C < (m = 1e-6) && C > -m && (C = 0), A < m && A > -m && (A = 0)), v = (1e5 * i | 0) / 1e5 + "," + (1e5 * n | 0) / 1e5 + "," + (1e5 * s | 0) / 1e5 + "," + (1e5 * a | 0) / 1e5 + "," + C + "," + A + ")", z && t3 ? this.t.setAttribute("transform", "matrix(" + v) : b[tD] = (x.xPercent || x.yPercent ? "translate(" + x.xPercent + "%," + x.yPercent + "%) matrix(" : "matrix(") + v) : b[tD] = (x.xPercent || x.yPercent ? "translate(" + x.xPercent + "%," + x.yPercent + "%) matrix(" : "matrix(") + S + ",0,0," + k + "," + C + "," + A + ")"; else { if (d && (S < (m = 1e-4) && S > -m && (S = R = 2e-5), k < m && k > -m && (k = R = 2e-5), !X || x.z || x.rotationX || x.rotationY || (X = 0)), w || I) w *= Y, _ = i = Math.cos(w), g = n = Math.sin(w), I && (w -= I * Y, _ = Math.cos(w), g = Math.sin(w), "simple" === x.skewType && (_ *= e = Math.sqrt(1 + (e = Math.tan((I - L) * Y)) * e), g *= e, x.skewY && (i *= e = Math.sqrt(1 + (e = Math.tan(L * Y)) * e), n *= e))), s = -g, a = _; else { if (!(O || P || 1 !== R || X || z)) return void (b[tD] = (x.xPercent || x.yPercent ? "translate(" + x.xPercent + "%," + x.yPercent + "%) translate3d(" : "translate3d(") + C + "px," + A + "px," + D + "px)" + (1 !== S || 1 !== k ? " scale(" + S + "," + k + ")" : "")); i = a = 1, s = n = 0 } u = 1, r = o = l = h = f = c = 0, $ = X ? -1 / X : 0, p = x.zOrigin, m = 1e-6, (w = O * Y) && (_ = Math.cos(w), l = -(g = Math.sin(w)), f = -($ * g), r = i * g, o = n * g, u = _, $ *= _, i *= _, n *= _), (w = P * Y) && (e = s * (_ = Math.cos(w)) + r * (g = Math.sin(w)), y = a * _ + o * g, h = u * g, c = $ * g, r = -(s * g) + r * _, o = -(a * g) + o * _, u *= _, $ *= _, s = e, a = y), 1 !== R && (r *= R, o *= R, u *= R, $ *= R), 1 !== k && (s *= k, a *= k, h *= k, c *= k), 1 !== S && (i *= S, n *= S, l *= S, f *= S), (p || z) && (p && (C += -(r * p), A += -(o * p), D += -(u * p) + p), z && (C += x.xOrigin - (x.xOrigin * i + x.yOrigin * s) + x.xOffset, A += x.yOrigin - (x.xOrigin * n + x.yOrigin * a) + x.yOffset), C < m && C > -m && (C = "0"), A < m && A > -m && (A = "0"), D < m && D > -m && (D = 0)), v = x.xPercent || x.yPercent ? "translate(" + x.xPercent + "%," + x.yPercent + "%) matrix3d(" : "matrix3d(", v += (i < m && i > -m ? "0" : i) + "," + (n < m && n > -m ? "0" : n) + "," + (l < m && l > -m ? "0" : l), v += "," + (f < m && f > -m ? "0" : f) + "," + (s < m && s > -m ? "0" : s) + "," + (a < m && a > -m ? "0" : a), P || O || 1 !== R ? (v += "," + (h < m && h > -m ? "0" : h) + "," + (c < m && c > -m ? "0" : c) + "," + (r < m && r > -m ? "0" : r), v += "," + (o < m && o > -m ? "0" : o) + "," + (u < m && u > -m ? "0" : u) + "," + ($ < m && $ > -m ? "0" : $) + ",") : v += ",0,0,0,0,1,0,", v += C + "," + A + "," + D + "," + (X ? 1 + -D / X : 1) + ")", b[tD] = v } }; (f = tE.prototype).x = f.y = f.z = f.skewX = f.skewY = f.rotation = f.rotationX = f.rotationY = f.zOrigin = f.xPercent = f.yPercent = f.xOffset = f.yOffset = 0, f.scaleX = f.scaleY = f.scaleZ = 1, tO("transform,scale,scaleX,scaleY,scaleZ,x,y,z,rotation,rotationX,rotationY,rotationZ,skewX,skewY,shortRotation,shortRotationX,shortRotationY,shortRotationZ,transformOrigin,svgOrigin,transformPerspective,directionalRotation,parseTransform,force3D,skewType,xPercent,yPercent,smoothOrigin", { parser: function (t, e, i, s, n, a, o) { if (s._lastParsedTransform === o) return n; s._lastParsedTransform = o; var h = o.scale && "function" == typeof o.scale ? o.scale : 0; h && (o.scale = h(y, t)); var u, f, c, $, p, d, m, _, v, T = t._gsTransform, x = t.style, b = t7.length, w = o, P = {}, O = tM(t, r, !0, w.parseTransform), S = w.transform && ("function" == typeof w.transform ? w.transform(y, g) : w.transform); if (O.skewType = w.skewType || O.skewType || l.defaultSkewType, s._transform = O, "rotationZ" in w && (w.rotation = w.rotationZ), S && "string" == typeof S && tD) (f = V.style)[tD] = S, f.display = "block", f.position = "absolute", -1 !== S.indexOf("%") && (f.width = ts(t, "width"), f.height = ts(t, "height")), N.body.appendChild(V), u = tM(V, null, !1), "simple" === O.skewType && (u.scaleY *= Math.cos(u.skewX * Y)), O.svg && (d = O.xOrigin, m = O.yOrigin, u.x -= O.xOffset, u.y -= O.yOffset, (w.transformOrigin || w.svgOrigin) && (S = {}, t4(t, tu(w.transformOrigin), S, w.svgOrigin, w.smoothOrigin, !0), d = S.xOrigin, m = S.yOrigin, u.x -= S.xOffset - O.xOffset, u.y -= S.yOffset - O.yOffset), (d || m) && (_ = tj(V, !0), u.x -= d - (d * _[0] + m * _[2]), u.y -= m - (d * _[1] + m * _[3]))), N.body.removeChild(V), u.perspective || (u.perspective = O.perspective), null != w.xPercent && (u.xPercent = tc(w.xPercent, O.xPercent)), null != w.yPercent && (u.yPercent = tc(w.yPercent, O.yPercent)); else if ("object" == typeof w) { if (u = { scaleX: tc(null != w.scaleX ? w.scaleX : w.scale, O.scaleX), scaleY: tc(null != w.scaleY ? w.scaleY : w.scale, O.scaleY), scaleZ: tc(w.scaleZ, O.scaleZ), x: tc(w.x, O.x), y: tc(w.y, O.y), z: tc(w.z, O.z), xPercent: tc(w.xPercent, O.xPercent), yPercent: tc(w.yPercent, O.yPercent), perspective: tc(w.transformPerspective, O.perspective) }, null != (p = w.directionalRotation)) { if ("object" == typeof p) for (f in p) w[f] = p[f]; else w.rotation = p } "string" == typeof w.x && -1 !== w.x.indexOf("%") && (u.x = 0, u.xPercent = tc(w.x, O.xPercent)), "string" == typeof w.y && -1 !== w.y.indexOf("%") && (u.y = 0, u.yPercent = tc(w.y, O.yPercent)), u.rotation = t$("rotation" in w ? w.rotation : "shortRotation" in w ? w.shortRotation + "_short" : O.rotation, O.rotation, "rotation", P), tX && (u.rotationX = t$("rotationX" in w ? w.rotationX : "shortRotationX" in w ? w.shortRotationX + "_short" : O.rotationX || 0, O.rotationX, "rotationX", P), u.rotationY = t$("rotationY" in w ? w.rotationY : "shortRotationY" in w ? w.shortRotationY + "_short" : O.rotationY || 0, O.rotationY, "rotationY", P)), u.skewX = t$(w.skewX, O.skewX), u.skewY = t$(w.skewY, O.skewY) } for (tX && null != w.force3D && (O.force3D = w.force3D, $ = !0), (c = O.force3D || O.z || O.rotationX || O.rotationY || u.z || u.rotationX || u.rotationY || u.perspective) || null == w.scale || (u.scaleZ = 1); --b > -1;)((S = u[v = t7[b]] - O[v]) > 1e-6 || S < -.000001 || null != w[v] || null != j[v]) && ($ = !0, n = new tx(O, v, O[v], S, n), v in P && (n.e = P[v]), n.xs0 = 0, n.plugin = a, s._overwriteProps.push(n.n)); return S = "function" == typeof w.transformOrigin ? w.transformOrigin(y, g) : w.transformOrigin, O.svg && (S || w.svgOrigin) && (d = O.xOffset, m = O.yOffset, t4(t, tu(S), u, w.svgOrigin, w.smoothOrigin), n = tb(O, "xOrigin", (T ? O : u).xOrigin, u.xOrigin, n, "transformOrigin"), n = tb(O, "yOrigin", (T ? O : u).yOrigin, u.yOrigin, n, "transformOrigin"), d === O.xOffset && m === O.yOffset || (n = tb(O, "xOffset", T ? d : O.xOffset, O.xOffset, n, "transformOrigin"), n = tb(O, "yOffset", T ? m : O.yOffset, O.yOffset, n, "transformOrigin")), S = "0px 0px"), (S || tX && c && O.zOrigin) && (tD ? ($ = !0, v = tz, S || (S = (S = (ts(t, v, r, !1, "50% 50%") + "").split(" "))[0] + " " + S[1] + " " + O.zOrigin + "px"), S += "", (n = new tx(x, v, 0, 0, n, -1, "transformOrigin")).b = x[v], n.plugin = a, tX ? (f = O.zOrigin, S = S.split(" "), O.zOrigin = (S.length > 2 ? parseFloat(S[2]) : f) || 0, n.xs0 = n.e = S[0] + " " + (S[1] || "50%") + " 0px", (n = new tx(O, "zOrigin", 0, 0, n, -1, n.n)).b = f, n.xs0 = n.e = O.zOrigin) : n.xs0 = n.e = S) : tu(S + "", O)), $ && (s._transformType = O.svg && t3 || !c && 3 !== this._transformType ? 2 : 3), h && (o.scale = h), n }, allowFunc: !0, prefix: !0 }), tO("boxShadow", { defaultValue: "0px 0px 0px 0px #999", prefix: !0, color: !0, multi: !0, keyword: "inset" }), tO("clipPath", { defaultValue: "inset(0%)", prefix: !0, multi: !0, formatter: ty("inset(0% 0% 0% 0%)", !1, !0) }), tO("borderRadius", { defaultValue: "0px", parser: function (t, e, i, n, a, o) { e = this.format(e); var l, h, u, f, c, $, p, d, m, _, g, y, v, T, x, b, w = ["borderTopLeftRadius", "borderTopRightRadius", "borderBottomRightRadius", "borderBottomLeftRadius"], P = t.style; for (m = parseFloat(t.offsetWidth), _ = parseFloat(t.offsetHeight), l = e.split(" "), h = 0; h < w.length; h++)this.p.indexOf("border") && (w[h] = tt(w[h])), -1 !== (c = f = ts(t, w[h], r, !1, "0px")).indexOf(" ") && (c = (f = c.split(" "))[0], f = f[1]), $ = u = l[h], p = parseFloat(c), y = c.substr((p + "").length), (v = "=" === $.charAt(1)) ? (d = parseInt($.charAt(0) + "1", 10), d *= parseFloat($ = $.substr(2)), g = $.substr((d + "").length - (d < 0 ? 1 : 0)) || "") : (d = parseFloat($), g = $.substr((d + "").length)), "" === g && (g = s[i] || y), g !== y && (T = tr(t, "borderLeft", p, y), x = tr(t, "borderTop", p, y), "%" === g ? (c = T / m * 100 + "%", f = x / _ * 100 + "%") : "em" === g ? (c = T / (b = tr(t, "borderLeft", 1, "em")) + "em", f = x / b + "em") : (c = T + "px", f = x + "px"), v && ($ = parseFloat(c) + d + g, u = parseFloat(f) + d + g)), a = tw(P, w[h], c + " " + f, $ + " " + u, !1, "0px", a); return a }, prefix: !0, formatter: ty("0px 0px 0px 0px", !1, !0) }), tO("borderBottomLeftRadius,borderBottomRightRadius,borderTopLeftRadius,borderTopRightRadius", { defaultValue: "0px", parser: function (t, e, i, s, n, a) { return tw(t.style, i, this.format(ts(t, i, r, !1, "0px 0px")), this.format(e), !1, "0px", n) }, prefix: !0, formatter: ty("0px 0px", !1, !0) }), tO("backgroundPosition", { defaultValue: "0 0", parser: function (t, e, i, s, n, a) { var o, l, h, u, f, c, $ = "background-position", p = r || ti(t), d = this.format((p ? _ ? p.getPropertyValue($ + "-x") + " " + p.getPropertyValue($ + "-y") : p.getPropertyValue($) : t.currentStyle.backgroundPositionX + " " + t.currentStyle.backgroundPositionY) || "0 0"), m = this.format(e); if (-1 !== d.indexOf("%") != (-1 !== m.indexOf("%")) && m.split(",").length < 2 && (c = ts(t, "backgroundImage").replace(D, "")) && "none" !== c) { for (o = d.split(" "), l = m.split(" "), q.setAttribute("src", c), h = 2; --h > -1;)(u = -1 !== (d = o[h]).indexOf("%")) != (-1 !== l[h].indexOf("%")) && (f = 0 === h ? t.offsetWidth - q.width : t.offsetHeight - q.height, o[h] = u ? parseFloat(d) / 100 * f + "px" : parseFloat(d) / f * 100 + "%"); d = o.join(" ") } return this.parseComplex(t.style, d, m, n, a) }, formatter: tu }), tO("backgroundSize", { defaultValue: "0 0", formatter: function (t) { return "co" === (t += "").substr(0, 2) ? t : tu(-1 === t.indexOf(" ") ? t + " " + t : t) } }), tO("perspective", { defaultValue: "0px", prefix: !0 }), tO("perspectiveOrigin", { defaultValue: "50% 50%", prefix: !0 }), tO("transformStyle", { prefix: !0 }), tO("backfaceVisibility", { prefix: !0 }), tO("userSelect", { prefix: !0 }), tO("margin", { parser: tv("marginTop,marginRight,marginBottom,marginLeft") }), tO("padding", { parser: tv("paddingTop,paddingRight,paddingBottom,paddingLeft") }), tO("clip", { defaultValue: "rect(0px,0px,0px,0px)", parser: function (t, e, i, s, n, a) { var o, l, h; return _ < 9 ? (l = t.currentStyle, h = _ < 8 ? " " : ",", o = "rect(" + l.clipTop + h + l.clipRight + h + l.clipBottom + h + l.clipLeft + ")", e = this.format(e).split(",").join(h)) : (o = this.format(ts(t, this.p, r, !1, this.dflt)), e = this.format(e)), this.parseComplex(t.style, o, e, n, a) } }), tO("textShadow", { defaultValue: "0px 0px 0px #999", color: !0, multi: !0 }), tO("autoRound,strictUnits", { parser: function (t, e, i, s, r) { return r } }), tO("border", { defaultValue: "0px solid #000", parser: function (t, e, i, s, n, a) { var o = ts(t, "borderTopWidth", r, !1, "0px"), l = this.format(e).split(" "), h = l[0].replace(P, ""); return "px" !== h && (o = parseFloat(o) / tr(t, "borderTopWidth", 1, h) + h), this.parseComplex(t.style, this.format(o + " " + ts(t, "borderTopStyle", r, !1, "solid") + " " + ts(t, "borderTopColor", r, !1, "#000")), l.join(" "), n, a) }, color: !0, formatter: function (t) { var e = t.split(" "); return e[0] + " " + (e[1] || "solid") + " " + (t.match(tg) || ["#000"])[0] } }), tO("borderWidth", { parser: tv("borderTopWidth,borderRightWidth,borderBottomWidth,borderLeftWidth") }), tO("float,cssFloat,styleFloat", { parser: function (t, e, i, s, r, n) { var a = t.style, o = "cssFloat" in a ? "cssFloat" : "styleFloat"; return new tx(a, o, 0, 0, r, -1, i, !1, 0, a[o], e) } }); var tU = function (t) { var e, i = this.t, s = i.filter || ts(this.data, "filter") || "", r = this.s + this.c * t | 0; 100 === r && (-1 === s.indexOf("atrix(") && -1 === s.indexOf("radient(") && -1 === s.indexOf("oader(") ? (i.removeAttribute("filter"), e = !ts(this.data, "filter")) : (i.filter = s.replace(k, ""), e = !0)), e || (this.xn1 && (i.filter = s = s || "alpha(opacity=" + r + ")"), -1 === s.indexOf("pacity") ? 0 === r && this.xn1 || (i.filter = s + " alpha(opacity=" + r + ")") : i.filter = s.replace(O, "opacity=" + r)) }; tO("opacity,alpha,autoAlpha", { defaultValue: "1", parser: function (t, e, i, s, n, a) { var o = parseFloat(ts(t, "opacity", r, !1, "1")), l = t.style, h = "autoAlpha" === i; return "string" == typeof e && "=" === e.charAt(1) && (e = ("-" === e.charAt(0) ? -1 : 1) * parseFloat(e.substr(2)) + o), h && 1 === o && "hidden" === ts(t, "visibility", r) && 0 !== e && (o = 0), Z ? n = new tx(l, "opacity", o, e - o, n) : ((n = new tx(l, "opacity", 100 * o, 100 * (e - o), n)).xn1 = h ? 1 : 0, l.zoom = 1, n.type = 2, n.b = "alpha(opacity=" + n.s + ")", n.e = "alpha(opacity=" + (n.s + n.c) + ")", n.data = t, n.plugin = a, n.setRatio = tU), h && ((n = new tx(l, "visibility", 0, 0, n, -1, null, !1, 0, 0 !== o ? "inherit" : "hidden", 0 === e ? "hidden" : "inherit")).xs0 = "inherit", s._overwriteProps.push(n.n), s._overwriteProps.push(i)), n } }); var tV = function (t, e) { e && (t.removeProperty ? ("ms" !== e.substr(0, 2) && "webkit" !== e.substr(0, 6) || (e = "-" + e), t.removeProperty(e.replace(C, "-$1").toLowerCase())) : t.removeAttribute(e)) }, tq = function (t) { if (this.t._gsClassPT = this, 1 === t || 0 === t) { this.t.setAttribute("class", 0 === t ? this.b : this.e); for (var e = this.data, i = this.t.style; e;)e.v ? i[e.p] = e.v : tV(i, e.p), e = e._next; 1 === t && this.t._gsClassPT === this && (this.t._gsClassPT = null) } else this.t.getAttribute("class") !== this.e && this.t.setAttribute("class", this.e) }; tO("className", { parser: function (t, e, s, n, a, o, l) { var h, u, f, c, $, p = t.getAttribute("class") || "", d = t.style.cssText; if ((a = n._classNamePT = new tx(t, s, 0, 0, a, 2)).setRatio = tq, a.pr = -11, i = !0, a.b = p, u = ta(t, r), f = t._gsClassPT) { for (c = {}, $ = f.data; $;)c[$.p] = 1, $ = $._next; f.setRatio(1) } return t._gsClassPT = a, a.e = "=" !== e.charAt(1) ? e : p.replace(RegExp("(?:\\s|^)" + e.substr(2) + "(?![\\w-])"), "") + ("+" === e.charAt(0) ? " " + e.substr(2) : ""), t.setAttribute("class", a.e), h = to(t, u, ta(t), l, c), t.setAttribute("class", p), a.data = h.firstMPT, t.style.cssText !== d && (t.style.cssText = d), a = a.xfirst = n.parse(t, h.difs, a, o) } }); var tW = function (t) { if ((1 === t || 0 === t) && this.data._totalTime === this.data._totalDuration && "isFromStart" !== this.data.data) { var e, i, s, r, n, a = this.t.style, o = u.transform.parse; if ("all" === this.e) a.cssText = "", r = !0; else for (s = (e = this.e.split(" ").join("").split(",")).length; --s > -1;)u[i = e[s]] && (u[i].parse === o ? r = !0 : i = "transformOrigin" === i ? tz : u[i].p), tV(a, i); r && (tV(a, tD), (n = this.t._gsTransform) && (n.svg && (this.t.removeAttribute("data-svg-origin"), this.t.removeAttribute("transform")), delete this.t._gsTransform)) } }; for (tO("clearProps", { parser: function (t, e, s, r, n) { return (n = new tx(t, s, 0, 0, n, 2)).setRatio = tW, n.e = e, n.pr = -10, n.data = r._tween, i = !0, n } }), tP = (f = "bezier,throwProps,physicsProps,physics2D".split(",")).length; tP--;)tS(f[tP]); (f = l.prototype)._firstPT = f._lastParsedTransform = f._transform = null, f._onInitTween = function (t, e, a, o) { if (!t.nodeType) return !1; this._target = g = t, this._tween = a, this._vars = e, y = o, c = e.autoRound, i = !1, s = e.suffixMap || l.suffixMap, r = ti(t), n = this._overwriteProps; var h, f, d, _, v, T, x, b, w, P = t.style; if ($ && "" === P.zIndex && ("auto" !== (h = ts(t, "zIndex", r)) && "" !== h || this._addLazySet(P, "zIndex", 0)), "string" == typeof e && (_ = P.cssText, h = ta(t, r), P.cssText = _ + ";" + e, h = to(t, h, ta(t)).difs, !Z && S.test(e) && (h.opacity = parseFloat(RegExp.$1)), e = h, P.cssText = _), e.className ? this._firstPT = f = u.className.parse(t, e.className, "className", this, null, null, e) : this._firstPT = f = this.parse(t, e, null), this._transformType) { for (w = 3 === this._transformType, tD ? p && ($ = !0, "" === P.zIndex && ("auto" !== (x = ts(t, "zIndex", r)) && "" !== x || this._addLazySet(P, "zIndex", 0)), m && this._addLazySet(P, "WebkitBackfaceVisibility", this._vars.WebkitBackfaceVisibility || (w ? "visible" : "hidden"))) : P.zoom = 1, d = f; d && d._next;)d = d._next; b = new tx(t, "transform", 0, 0, null, 2), this._linkCSSP(b, null, d), b.setRatio = tD ? tN : t5, b.data = this._transform || tM(t, r, !0), b.tween = a, b.pr = -1, n.pop() } if (i) { for (; f;) { for (T = f._next, d = _; d && d.pr > f.pr;)d = d._next; (f._prev = d ? d._prev : v) ? f._prev._next = f : _ = f, (f._next = d) ? d._prev = f : v = f, f = T } this._firstPT = _ } return !0 }, f.parse = function (t, e, i, n) { var a, o, l, h, f, $, p, d, m, _, v = t.style; for (a in e) { if ($ = e[a], o = u[a], "function" != typeof $ || o && o.allowFunc || ($ = $(y, g)), o) i = o.parse(t, $, a, this, i, n, e); else { if ("--" === a.substr(0, 2)) { this._tween._propLookup[a] = this._addTween.call(this._tween, t.style, "setProperty", ti(t).getPropertyValue(a) + "", $ + "", a, !1, a); continue } f = ts(t, a, r) + "", m = "string" == typeof $, "color" === a || "fill" === a || "stroke" === a || -1 !== a.indexOf("Color") || m && R.test($) ? (m || ($ = (($ = tm($)).length > 3 ? "rgba(" : "rgb(") + $.join(",") + ")"), i = tw(v, a, f, $, !0, "transparent", i, 0, n)) : m && B.test($) ? i = tw(v, a, f, $, !0, null, i, 0, n) : (p = (l = parseFloat(f)) || 0 === l ? f.substr((l + "").length) : "", "" !== f && "auto" !== f || ("width" === a || "height" === a ? (l = t8(t, a, r), p = "px") : "left" === a || "top" === a ? (l = tn(t, a, r), p = "px") : (l = "opacity" !== a ? 0 : 1, p = "")), (_ = m && "=" === $.charAt(1)) ? (h = parseInt($.charAt(0) + "1", 10), h *= parseFloat($ = $.substr(2)), d = $.replace(P, "")) : (h = parseFloat($), d = m ? $.replace(P, "") : ""), "" === d && (d = a in s ? s[a] : p), $ = h || 0 === h ? (_ ? h + l : h) + d : e[a], p !== d && ("" === d && "lineHeight" !== a || (h || 0 === h) && l && (l = tr(t, a, l, p), "%" === d ? (l /= tr(t, a, 100, "%") / 100, !0 !== e.strictUnits && (f = l + "%")) : "em" === d || "rem" === d || "vw" === d || "vh" === d ? l /= tr(t, a, 1, d) : "px" !== d && (h = tr(t, a, h, d), d = "px"), _ && (h || 0 === h) && ($ = h + l + d))), _ && (h += l), (l || 0 === l) && (h || 0 === h) ? (i = new tx(v, a, l, h - l, i, 0, a, !1 !== c && ("px" === d || "zIndex" === a), 0, f, $)).xs0 = d : void 0 !== v[a] && ($ || $ + "" != "NaN" && null != $) ? (i = new tx(v, a, h || l || 0, 0, i, -1, a, !1, 0, f, $)).xs0 = "none" !== $ || "display" !== a && -1 === a.indexOf("Style") ? $ : f : Q("invalid " + a + " tween value: " + e[a])) } n && i && !i.plugin && (i.plugin = n) } return i }, f.setRatio = function (t) { var e, i, s, r = this._firstPT; if (1 !== t || this._tween._time !== this._tween._duration && 0 !== this._tween._time) { if (t || this._tween._time !== this._tween._duration && 0 !== this._tween._time || -.000001 === this._tween._rawPrevTime) for (; r;) { if (e = r.c * t + r.s, r.r ? e = r.r(e) : e < 1e-6 && e > -.000001 && (e = 0), r.type) { if (1 === r.type) { if (2 === (s = r.l)) r.t[r.p] = r.xs0 + e + r.xs1 + r.xn1 + r.xs2; else if (3 === s) r.t[r.p] = r.xs0 + e + r.xs1 + r.xn1 + r.xs2 + r.xn2 + r.xs3; else if (4 === s) r.t[r.p] = r.xs0 + e + r.xs1 + r.xn1 + r.xs2 + r.xn2 + r.xs3 + r.xn3 + r.xs4; else if (5 === s) r.t[r.p] = r.xs0 + e + r.xs1 + r.xn1 + r.xs2 + r.xn2 + r.xs3 + r.xn3 + r.xs4 + r.xn4 + r.xs5; else { for (i = r.xs0 + e + r.xs1, s = 1; s < r.l; s++)i += r["xn" + s] + r["xs" + (s + 1)]; r.t[r.p] = i } } else -1 === r.type ? r.t[r.p] = r.xs0 : r.setRatio && r.setRatio(t) } else r.t[r.p] = e + r.xs0; r = r._next } else for (; r;)2 !== r.type ? r.t[r.p] = r.b : r.setRatio(t), r = r._next } else for (; r;) { if (2 !== r.type) { if (r.r && -1 !== r.type) { if (e = r.r(r.s + r.c), r.type) { if (1 === r.type) { for (s = r.l, i = r.xs0 + e + r.xs1, s = 1; s < r.l; s++)i += r["xn" + s] + r["xs" + (s + 1)]; r.t[r.p] = i } } else r.t[r.p] = e + r.xs0 } else r.t[r.p] = r.e } else r.setRatio(t); r = r._next } }, f._enableTransforms = function (t) { this._transform = this._transform || tM(this._target, r, !0), this._transformType = this._transform.svg && t3 || !t && 3 !== this._transformType ? 2 : 3 }; var tG = function (t) { this.t[this.p] = this.e, this.data._linkCSSP(this, this._next, null, !0) }; f._addLazySet = function (t, e, i) { var s = this._firstPT = new tx(t, e, 0, 0, this._firstPT, 2); s.e = i, s.setRatio = tG, s.data = this }, f._linkCSSP = function (t, e, i, s) { return t && (e && (e._prev = t), t._next && (t._next._prev = t._prev), t._prev ? t._prev._next = t._next : this._firstPT === t && (this._firstPT = t._next, s = !0), i ? i._next = t : s || null !== this._firstPT || (this._firstPT = t), t._next = e, t._prev = i), t }, f._mod = function (t) { for (var e = this._firstPT; e;)"function" == typeof t[e.p] && (e.r = t[e.p]), e = e._next }, f._kill = function (e) { var i, s, r, n = e; if (e.autoAlpha || e.alpha) { for (s in n = {}, e) n[s] = e[s]; n.opacity = 1, n.autoAlpha && (n.visibility = 1) } for (e.className && (i = this._classNamePT) && ((r = i.xfirst) && r._prev ? this._linkCSSP(r._prev, i._next, r._prev._prev) : r === this._firstPT && (this._firstPT = i._next), i._next && this._linkCSSP(i._next, i._next._next, r._prev), this._classNamePT = null), i = this._firstPT; i;)i.plugin && i.plugin !== s && i.plugin._kill && (i.plugin._kill(e), s = i.plugin), i = i._next; return t.prototype._kill.call(this, n) }; var tZ = function (t, e, i) { var s, r, n, a; if (t.slice) for (r = t.length; --r > -1;)tZ(t[r], e, i); else for (r = (s = t.childNodes).length; --r > -1;)a = (n = s[r]).type, n.style && (e.push(ta(n)), i && i.push(n)), (1 === a || 9 === a || 11 === a) && n.childNodes.length && tZ(n, e, i) }; return l.cascadeTo = function (t, i, s) { var r, n, a, o, l = e.to(t, i, s), h = [l], u = [], f = [], c = [], $ = e._internals.reservedProps; for (tZ(t = l._targets || l.target, u, c), l.render(i, !0, !0), tZ(t, f), l.render(0, !0, !0), l._enabled(!0), r = c.length; --r > -1;)if ((n = to(c[r], u[r], f[r])).firstMPT) { for (a in n = n.difs, s) $[a] && (n[a] = s[a]); for (a in o = {}, n) o[a] = u[r][a]; h.push(e.fromTo(c[r], i, o, n)) } return h }, t.activate([l]), l }, !0), p = _gsScope._gsDefine.plugin({ propName: "roundProps", version: "1.7.0", priority: -1, API: 2, init: function (t, e, i) { return this._tween = i, !0 } }), d = function (t) { var e = t < 1 ? Math.pow(10, (t + "").length - 2) : 1; return function (i) { return (Math.round(i / t) * t * e | 0) / e } }, m = function (t, e) { for (; t;)t.f || t.blob || (t.m = e || Math.round), t = t._next }, (_ = p.prototype)._onInitAllProps = function () { var t, e, i, s, r = this._tween, n = r.vars.roundProps, a = {}, o = r._propLookup.roundProps; if ("object" != typeof n || n.push) for ("string" == typeof n && (n = n.split(",")), i = n.length; --i > -1;)a[n[i]] = Math.round; else for (s in n) a[s] = d(n[s]); for (s in a) for (t = r._firstPT; t;)e = t._next, t.pg ? t.t._mod(a) : t.n === s && (2 === t.f && t.t ? m(t.t._firstPT, a[s]) : (this._add(t.t, s, t.s, t.c, a[s]), e && (e._prev = t._prev), t._prev ? t._prev._next = e : r._firstPT === t && (r._firstPT = e), t._next = t._prev = null, r._propLookup[s] = o)), t = e; return !1 }, _._add = function (t, e, i, s, r) { this._addTween(t, e, i, i + s, e, r || Math.round), this._overwriteProps.push(e) }, _gsScope._gsDefine.plugin({ propName: "attr", API: 2, version: "0.6.1", init: function (t, e, i, s) { var r, n; if ("function" != typeof t.setAttribute) return !1; for (r in e) "function" == typeof (n = e[r]) && (n = n(s, t)), this._addTween(t, "setAttribute", t.getAttribute(r) + "", n + "", r, !1, r), this._overwriteProps.push(r); return !0 } }), _gsScope._gsDefine.plugin({ propName: "directionalRotation", version: "0.3.1", API: 2, init: function (t, e, i, s) { "object" != typeof e && (e = { rotation: e }), this.finals = {}; var r, n, a, o, l, h, u = !0 === e.useRadians ? 2 * Math.PI : 360; for (r in e) "useRadians" !== r && ("function" == typeof (o = e[r]) && (o = o(s, t)), n = (h = (o + "").split("_"))[0], a = parseFloat("function" != typeof t[r] ? t[r] : t[r.indexOf("set") || "function" != typeof t["get" + r.substr(3)] ? r : "get" + r.substr(3)]()), l = (o = this.finals[r] = "string" == typeof n && "=" === n.charAt(1) ? a + parseInt(n.charAt(0) + "1", 10) * Number(n.substr(2)) : Number(n) || 0) - a, h.length && (-1 !== (n = h.join("_")).indexOf("short") && (l %= u) != l % (u / 2) && (l = l < 0 ? l + u : l - u), -1 !== n.indexOf("_cw") && l < 0 ? l = (l + 9999999999 * u) % u - (l / u | 0) * u : -1 !== n.indexOf("ccw") && l > 0 && (l = (l - 9999999999 * u) % u - (l / u | 0) * u)), (l > 1e-6 || l < -.000001) && (this._addTween(t, r, a, a + l, r), this._overwriteProps.push(r))); return !0 }, set: function (t) { var e; if (1 !== t) this._super.setRatio.call(this, t); else for (e = this._firstPT; e;)e.f ? e.t[e.p](this.finals[e.p]) : e.t[e.p] = this.finals[e.p], e = e._next } })._autoCSS = !0, _gsScope._gsDefine("easing.Back", ["easing.Ease"], function (t) { var e, i, s, r, n = _gsScope.GreenSockGlobals || _gsScope, a = n.com.greensock, o = 2 * Math.PI, l = Math.PI / 2, h = a._class, u = function (e, i) { var s = h("easing." + e, function () { }, !0), r = s.prototype = new t; return r.constructor = s, r.getRatio = i, s }, f = t.register || function () { }, c = function (t, e, i, s, r) { var n = h("easing." + t, { easeOut: new e, easeIn: new i, easeInOut: new s }, !0); return f(n, t), n }, $ = function (t, e, i) { this.t = t, this.v = e, i && (this.next = i, i.prev = this, this.c = i.v - e, this.gap = i.t - t) }, p = function (e, i) { var s = h("easing." + e, function (t) { this._p1 = t || 0 === t ? t : 1.70158, this._p2 = 1.525 * this._p1 }, !0), r = s.prototype = new t; return r.constructor = s, r.getRatio = i, r.config = function (t) { return new s(t) }, s }, d = c("Back", p("BackOut", function (t) { return (t -= 1) * t * ((this._p1 + 1) * t + this._p1) + 1 }), p("BackIn", function (t) { return t * t * ((this._p1 + 1) * t - this._p1) }), p("BackInOut", function (t) { return (t *= 2) < 1 ? .5 * t * t * ((this._p2 + 1) * t - this._p2) : .5 * ((t -= 2) * t * ((this._p2 + 1) * t + this._p2) + 2) })), m = h("easing.SlowMo", function (t, e, i) { e = e || 0 === e ? e : .7, null == t ? t = .7 : t > 1 && (t = 1), this._p = 1 !== t ? e : 0, this._p1 = (1 - t) / 2, this._p2 = t, this._p3 = this._p1 + this._p2, this._calcEnd = !0 === i }, !0), _ = m.prototype = new t; return _.constructor = m, _.getRatio = function (t) { var e = t + (.5 - t) * this._p; return t < this._p1 ? this._calcEnd ? 1 - (t = 1 - t / this._p1) * t : e - (t = 1 - t / this._p1) * t * t * t * e : t > this._p3 ? this._calcEnd ? 1 === t ? 0 : 1 - (t = (t - this._p3) / this._p1) * t : e + (t - e) * (t = (t - this._p3) / this._p1) * t * t * t : this._calcEnd ? 1 : e }, m.ease = new m(.7, .7), _.config = m.config = function (t, e, i) { return new m(t, e, i) }, (_ = (e = h("easing.SteppedEase", function (t, e) { t = t || 1, this._p1 = 1 / t, this._p2 = t + (e ? 0 : 1), this._p3 = e ? 1 : 0 }, !0)).prototype = new t).constructor = e, _.getRatio = function (t) { return t < 0 ? t = 0 : t >= 1 && (t = .999999999), ((this._p2 * t | 0) + this._p3) * this._p1 }, _.config = e.config = function (t, i) { return new e(t, i) }, (_ = (i = h("easing.ExpoScaleEase", function (t, e, i) { this._p1 = Math.log(e / t), this._p2 = e - t, this._p3 = t, this._ease = i }, !0)).prototype = new t).constructor = i, _.getRatio = function (t) { return this._ease && (t = this._ease.getRatio(t)), (this._p3 * Math.exp(this._p1 * t) - this._p3) / this._p2 }, _.config = i.config = function (t, e, s) { return new i(t, e, s) }, (_ = (s = h("easing.RoughEase", function (e) { for (var i, s, r, n, a, o, l = (e = e || {}).taper || "none", h = [], u = 0, f = 0 | (e.points || 20), c = f, p = !1 !== e.randomize, d = !0 === e.clamp, m = e.template instanceof t ? e.template : null, _ = "number" == typeof e.strength ? .4 * e.strength : .4; --c > -1;)i = p ? Math.random() : 1 / f * c, s = m ? m.getRatio(i) : i, r = "none" === l ? _ : "out" === l ? (n = 1 - i) * n * _ : "in" === l ? i * i * _ : i < .5 ? (n = 2 * i) * n * .5 * _ : (n = 2 * (1 - i)) * n * .5 * _, p ? s += Math.random() * r - .5 * r : c % 2 ? s += .5 * r : s -= .5 * r, d && (s > 1 ? s = 1 : s < 0 && (s = 0)), h[u++] = { x: i, y: s }; for (h.sort(function (t, e) { return t.x - e.x }), o = new $(1, 1, null), c = f; --c > -1;)a = h[c], o = new $(a.x, a.y, o); this._prev = new $(0, 0, 0 !== o.t ? o : o.next) }, !0)).prototype = new t).constructor = s, _.getRatio = function (t) { var e = this._prev; if (t > e.t) { for (; e.next && t >= e.t;)e = e.next; e = e.prev } else for (; e.prev && t <= e.t;)e = e.prev; return this._prev = e, e.v + (t - e.t) / e.gap * e.c }, _.config = function (t) { return new s(t) }, s.ease = new s, c("Bounce", u("BounceOut", function (t) { return t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + .75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + .9375 : 7.5625 * (t -= 2.625 / 2.75) * t + .984375 }), u("BounceIn", function (t) { return (t = 1 - t) < 1 / 2.75 ? 1 - 7.5625 * t * t : t < 2 / 2.75 ? 1 - (7.5625 * (t -= 1.5 / 2.75) * t + .75) : t < 2.5 / 2.75 ? 1 - (7.5625 * (t -= 2.25 / 2.75) * t + .9375) : 1 - (7.5625 * (t -= 2.625 / 2.75) * t + .984375) }), u("BounceInOut", function (t) { var e = t < .5; return (t = e ? 1 - 2 * t : 2 * t - 1) < 1 / 2.75 ? t *= 7.5625 * t : t = t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + .75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + .9375 : 7.5625 * (t -= 2.625 / 2.75) * t + .984375, e ? .5 * (1 - t) : .5 * t + .5 })), c("Circ", u("CircOut", function (t) { return Math.sqrt(1 - (t -= 1) * t) }), u("CircIn", function (t) { return -(Math.sqrt(1 - t * t) - 1) }), u("CircInOut", function (t) { return (t *= 2) < 1 ? -.5 * (Math.sqrt(1 - t * t) - 1) : .5 * (Math.sqrt(1 - (t -= 2) * t) + 1) })), c("Elastic", (r = function (e, i, s) { var r = h("easing." + e, function (t, e) { this._p1 = t >= 1 ? t : 1, this._p2 = (e || s) / (t < 1 ? t : 1), this._p3 = this._p2 / o * (Math.asin(1 / this._p1) || 0), this._p2 = o / this._p2 }, !0), n = r.prototype = new t; return n.constructor = r, n.getRatio = i, n.config = function (t, e) { return new r(t, e) }, r })("ElasticOut", function (t) { return this._p1 * Math.pow(2, -10 * t) * Math.sin((t - this._p3) * this._p2) + 1 }, .3), r("ElasticIn", function (t) { return -this._p1 * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - this._p3) * this._p2) }, .3), r("ElasticInOut", function (t) { return (t *= 2) < 1 ? -(this._p1 * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - this._p3) * this._p2) * .5) : this._p1 * Math.pow(2, -10 * (t -= 1)) * Math.sin((t - this._p3) * this._p2) * .5 + 1 }, .45)), c("Expo", u("ExpoOut", function (t) { return 1 - Math.pow(2, -10 * t) }), u("ExpoIn", function (t) { return Math.pow(2, 10 * (t - 1)) - .001 }), u("ExpoInOut", function (t) { return (t *= 2) < 1 ? .5 * Math.pow(2, 10 * (t - 1)) : .5 * (2 - Math.pow(2, -10 * (t - 1))) })), c("Sine", u("SineOut", function (t) { return Math.sin(t * l) }), u("SineIn", function (t) { return 1 - Math.cos(t * l) }), u("SineInOut", function (t) { return -.5 * (Math.cos(Math.PI * t) - 1) })), h("easing.EaseLookup", { find: function (e) { return t.map[e] } }, !0), f(n.SlowMo, "SlowMo", "ease,"), f(s, "RoughEase", "ease,"), f(e, "SteppedEase", "ease,"), d }, !0) }), _gsScope._gsDefine && _gsScope._gsQueue.pop()(), function (t, e) { "use strict"; var i = {}, s = t.document, r = t.GreenSockGlobals = t.GreenSockGlobals || t, n = r.TweenMax; if (n) return "undefined" != typeof module && module.exports && (module.exports = n), n; var a, o, l, h, u, f, c, $ = function (t) { var e, i = t.split("."), s = r; for (e = 0; e < i.length; e++)s[i[e]] = s = s[i[e]] || {}; return s }, p = $("com.greensock"), d = function (t) { var e, i = [], s = t.length; for (e = 0; e !== s; i.push(t[e++])); return i }, m = function () { }, _ = (c = (f = Object.prototype.toString).call([]), function (t) { return null != t && (t instanceof Array || "object" == typeof t && !!t.push && f.call(t) === c) }), g = {}, y = function (e, s, n, a) { this.sc = g[e] ? g[e].sc : [], g[e] = this, this.gsClass = null, this.func = n; var o = []; this.check = function (l) { for (var h, u, f, c, p = s.length, d = p; --p > -1;)(h = g[s[p]] || new y(s[p], [])).gsClass ? (o[p] = h.gsClass, d--) : l && h.sc.push(this); if (0 === d && n) { if (f = (u = ("com.greensock." + e).split(".")).pop(), c = $(u.join("."))[f] = this.gsClass = n.apply(n, o), a) { if (r[f] = i[f] = c, "undefined" != typeof module && module.exports) { if ("TweenMax" === e) for (p in module.exports = i.TweenMax = c, i) c[p] = i[p]; else i.TweenMax && (i.TweenMax[f] = c) } else "function" == typeof define && define.amd && define((t.GreenSockAMDPath ? t.GreenSockAMDPath + "/" : "") + e.split(".").pop(), [], function () { return c }) } for (p = 0; p < this.sc.length; p++)this.sc[p].check() } }, this.check(!0) }, v = t._gsDefine = function (t, e, i, s) { return new y(t, e, i, s) }, T = p._class = function (t, e, i) { return e = e || function () { }, v(t, [], function () { return e }, i), e }; v.globals = r; var x = [0, 0, 1, 1], b = T("easing.Ease", function (t, e, i, s) { this._func = t, this._type = i || 0, this._power = s || 0, this._params = e ? x.concat(e) : x }, !0), w = b.map = {}, P = b.register = function (t, e, i, s) { for (var r, n, a, o, l = e.split(","), h = l.length, u = (i || "easeIn,easeOut,easeInOut").split(","); --h > -1;)for (n = l[h], r = s ? T("easing." + n, null, !0) : p.easing[n] || {}, a = u.length; --a > -1;)w[n + "." + (o = u[a])] = w[o + n] = r[o] = t.getRatio ? t : t[o] || new t }; for ((l = b.prototype)._calcEnd = !1, l.getRatio = function (t) { if (this._func) return this._params[0] = t, this._func.apply(null, this._params); var e = this._type, i = this._power, s = 1 === e ? 1 - t : 2 === e ? t : t < .5 ? 2 * t : 2 * (1 - t); return 1 === i ? s *= s : 2 === i ? s *= s * s : 3 === i ? s *= s * s * s : 4 === i && (s *= s * s * s * s), 1 === e ? 1 - s : 2 === e ? s : t < .5 ? s / 2 : 1 - s / 2 }, o = (a = ["Linear", "Quad", "Cubic", "Quart", "Quint,Strong"]).length; --o > -1;)l = a[o] + ",Power" + o, P(new b(null, null, 1, o), l, "easeOut", !0), P(new b(null, null, 2, o), l, "easeIn" + (0 === o ? ",easeNone" : "")), P(new b(null, null, 3, o), l, "easeInOut"); w.linear = p.easing.Linear.easeIn, w.swing = p.easing.Quad.easeInOut; var O = T("events.EventDispatcher", function (t) { this._listeners = {}, this._eventTarget = t || this }); (l = O.prototype).addEventListener = function (t, e, i, s, r) { r = r || 0; var n, a, o = this._listeners[t], l = 0; for (this !== h || u || h.wake(), null == o && (this._listeners[t] = o = []), a = o.length; --a > -1;)(n = o[a]).c === e && n.s === i ? o.splice(a, 1) : 0 === l && n.pr < r && (l = a + 1); o.splice(l, 0, { c: e, s: i, up: s, pr: r }) }, l.removeEventListener = function (t, e) { var i, s = this._listeners[t]; if (s) { for (i = s.length; --i > -1;)if (s[i].c === e) return void s.splice(i, 1) } }, l.dispatchEvent = function (t) { var e, i, s, r = this._listeners[t]; if (r) for ((e = r.length) > 1 && (r = r.slice(0)), i = this._eventTarget; --e > -1;)(s = r[e]) && (s.up ? s.c.call(s.s || i, { type: t, target: i }) : s.c.call(s.s || i)) }; var S = t.requestAnimationFrame, k = t.cancelAnimationFrame, R = Date.now || function () { return new Date().getTime() }, C = R(); for (o = (a = ["ms", "moz", "webkit", "o"]).length; --o > -1 && !S;)S = t[a[o] + "RequestAnimationFrame"], k = t[a[o] + "CancelAnimationFrame"] || t[a[o] + "CancelRequestAnimationFrame"]; T("Ticker", function (t, e) { var i, r, n, a, o, l = this, f = R(), c = !(!1 === e || !S) && "auto", $ = 500, p = 33, d = function (t) { var e, s, h = R() - C; h > $ && (f += h - p), C += h, l.time = (C - f) / 1e3, e = l.time - o, (!i || e > 0 || !0 === t) && (l.frame++, o += e + (e >= a ? .004 : a - e), s = !0), !0 !== t && (n = r(d)), s && l.dispatchEvent("tick") }; O.call(l), l.time = l.frame = 0, l.tick = function () { d(!0) }, l.lagSmoothing = function (t, e) { if (!arguments.length) return $ < 1e8; p = Math.min(e, $ = t || 1e8, 0) }, l.sleep = function () { null != n && (c && k ? k(n) : clearTimeout(n), r = m, n = null, l === h && (u = !1)) }, l.wake = function (t) { null !== n ? l.sleep() : t ? f += -C + (C = R()) : l.frame > 10 && (C = R() - $ + 5), r = 0 === i ? m : c && S ? S : function (t) { return setTimeout(t, 1e3 * (o - l.time) + 1 | 0) }, l === h && (u = !0), d(2) }, l.fps = function (t) { if (!arguments.length) return i; a = 1 / ((i = t) || 60), o = this.time + a, l.wake() }, l.useRAF = function (t) { if (!arguments.length) return c; l.sleep(), c = t, l.fps(i) }, l.fps(t), setTimeout(function () { "auto" === c && l.frame < 5 && "hidden" !== (s || {}).visibilityState && l.useRAF(!1) }, 1500) }), (l = p.Ticker.prototype = new p.events.EventDispatcher).constructor = p.Ticker; var A = T("core.Animation", function (t, e) { if (this.vars = e = e || {}, this._duration = this._totalDuration = t || 0, this._delay = Number(e.delay) || 0, this._timeScale = 1, this._active = !!e.immediateRender, this.data = e.data, this._reversed = !!e.reversed, Q) { u || h.wake(); var i = this.vars.useFrames ? H : Q; i.add(this, i._time), this.vars.paused && this.paused(!0) } }); h = A.ticker = new p.Ticker, (l = A.prototype)._dirty = l._gc = l._initted = l._paused = !1, l._totalTime = l._time = 0, l._rawPrevTime = -1, l._next = l._last = l._onUpdate = l._timeline = l.timeline = null, l._paused = !1; var D = function () { u && R() - C > 2e3 && ("hidden" !== (s || {}).visibilityState || !h.lagSmoothing()) && h.wake(); var t = setTimeout(D, 2e3); t.unref && t.unref() }; D(), l.play = function (t, e) { return null != t && this.seek(t, e), this.reversed(!1).paused(!1) }, l.pause = function (t, e) { return null != t && this.seek(t, e), this.paused(!0) }, l.resume = function (t, e) { return null != t && this.seek(t, e), this.paused(!1) }, l.seek = function (t, e) { return this.totalTime(Number(t), !1 !== e) }, l.restart = function (t, e) { return this.reversed(!1).paused(!1).totalTime(t ? -this._delay : 0, !1 !== e, !0) }, l.reverse = function (t, e) { return null != t && this.seek(t || this.totalDuration(), e), this.reversed(!0).paused(!1) }, l.render = function (t, e, i) { }, l.invalidate = function () { return this._time = this._totalTime = 0, this._initted = this._gc = !1, this._rawPrevTime = -1, !this._gc && this.timeline || this._enabled(!0), this }, l.isActive = function () { var t, e = this._timeline, i = this._startTime; return !e || !this._gc && !this._paused && e.isActive() && (t = e.rawTime(!0)) >= i && t < i + this.totalDuration() / this._timeScale - 1e-8 }, l._enabled = function (t, e) { return u || h.wake(), this._gc = !t, this._active = this.isActive(), !0 !== e && (t && !this.timeline ? this._timeline.add(this, this._startTime - this._delay) : !t && this.timeline && this._timeline._remove(this, !0)), !1 }, l._kill = function (t, e) { return this._enabled(!1, !1) }, l.kill = function (t, e) { return this._kill(t, e), this }, l._uncache = function (t) { for (var e = t ? this : this.timeline; e;)e._dirty = !0, e = e.timeline; return this }, l._swapSelfInParams = function (t) { for (var e = t.length, i = t.concat(); --e > -1;)"{self}" === t[e] && (i[e] = this); return i }, l._callback = function (t) { var e = this.vars, i = e[t], s = e[t + "Params"], r = e[t + "Scope"] || e.callbackScope || this; switch (s ? s.length : 0) { case 0: i.call(r); break; case 1: i.call(r, s[0]); break; case 2: i.call(r, s[0], s[1]); break; default: i.apply(r, s) } }, l.eventCallback = function (t, e, i, s) { if ("on" === (t || "").substr(0, 2)) { var r = this.vars; if (1 === arguments.length) return r[t]; null == e ? delete r[t] : (r[t] = e, r[t + "Params"] = _(i) && -1 !== i.join("").indexOf("{self}") ? this._swapSelfInParams(i) : i, r[t + "Scope"] = s), "onUpdate" === t && (this._onUpdate = e) } return this }, l.delay = function (t) { return arguments.length ? (this._timeline.smoothChildTiming && this.startTime(this._startTime + t - this._delay), this._delay = t, this) : this._delay }, l.duration = function (t) { return arguments.length ? (this._duration = this._totalDuration = t, this._uncache(!0), this._timeline.smoothChildTiming && this._time > 0 && this._time < this._duration && 0 !== t && this.totalTime(this._totalTime * (t / this._duration), !0), this) : (this._dirty = !1, this._duration) }, l.totalDuration = function (t) { return this._dirty = !1, arguments.length ? this.duration(t) : this._totalDuration }, l.time = function (t, e) { return arguments.length ? (this._dirty && this.totalDuration(), this.totalTime(t > this._duration ? this._duration : t, e)) : this._time }, l.totalTime = function (t, e, i) { if (u || h.wake(), !arguments.length) return this._totalTime; if (this._timeline) { if (t < 0 && !i && (t += this.totalDuration()), this._timeline.smoothChildTiming) { this._dirty && this.totalDuration(); var s = this._totalDuration, r = this._timeline; if (t > s && !i && (t = s), this._startTime = (this._paused ? this._pauseTime : r._time) - (this._reversed ? s - t : t) / this._timeScale, r._dirty || this._uncache(!1), r._timeline) for (; r._timeline;)r._timeline._time !== (r._startTime + r._totalTime) / r._timeScale && r.totalTime(r._totalTime, !0), r = r._timeline } this._gc && this._enabled(!0, !1), this._totalTime === t && 0 !== this._duration || (L.length && J(), this.render(t, e, !1), L.length && J()) } return this }, l.progress = l.totalProgress = function (t, e) { var i = this.duration(); return arguments.length ? this.totalTime(i * t, e) : i ? this._time / i : this.ratio }, l.startTime = function (t) { return arguments.length ? (t !== this._startTime && (this._startTime = t, this.timeline && this.timeline._sortChildren && this.timeline.add(this, t - this._delay)), this) : this._startTime }, l.endTime = function (t) { return this._startTime + (0 != t ? this.totalDuration() : this.duration()) / this._timeScale }, l.timeScale = function (t) { var e, i; if (!arguments.length) return this._timeScale; for (t = t || 1e-8, this._timeline && this._timeline.smoothChildTiming && (i = (e = this._pauseTime) || 0 === e ? e : this._timeline.totalTime(), this._startTime = i - (i - this._startTime) * this._timeScale / t), this._timeScale = t, i = this.timeline; i && i.timeline;)i._dirty = !0, i.totalDuration(), i = i.timeline; return this }, l.reversed = function (t) { return arguments.length ? (t != this._reversed && (this._reversed = t, this.totalTime(this._timeline && !this._timeline.smoothChildTiming ? this.totalDuration() - this._totalTime : this._totalTime, !0)), this) : this._reversed }, l.paused = function (t) { if (!arguments.length) return this._paused; var e, i, s = this._timeline; return t != this._paused && s && (u || t || h.wake(), i = (e = s.rawTime()) - this._pauseTime, !t && s.smoothChildTiming && (this._startTime += i, this._uncache(!1)), this._pauseTime = t ? e : null, this._paused = t, this._active = this.isActive(), !t && 0 !== i && this._initted && this.duration() && (e = s.smoothChildTiming ? this._totalTime : (e - this._startTime) / this._timeScale, this.render(e, e === this._totalTime, !0))), this._gc && !t && this._enabled(!0, !1), this }; var z = T("core.SimpleTimeline", function (t) { A.call(this, 0, t), this.autoRemoveChildren = this.smoothChildTiming = !0 }); (l = z.prototype = new A).constructor = z, l.kill()._gc = !1, l._first = l._last = l._recent = null, l._sortChildren = !1, l.add = l.insert = function (t, e, i, s) { var r, n; if (t._startTime = Number(e || 0) + t._delay, t._paused && this !== t._timeline && (t._pauseTime = this.rawTime() - (t._timeline.rawTime() - t._pauseTime)), t.timeline && t.timeline._remove(t, !0), t.timeline = t._timeline = this, t._gc && t._enabled(!0, !0), r = this._last, this._sortChildren) for (n = t._startTime; r && r._startTime > n;)r = r._prev; return r ? (t._next = r._next, r._next = t) : (t._next = this._first, this._first = t), t._next ? t._next._prev = t : this._last = t, t._prev = r, this._recent = t, this._timeline && this._uncache(!0), this }, l._remove = function (t, e) { return t.timeline === this && (e || t._enabled(!1, !0), t._prev ? t._prev._next = t._next : this._first === t && (this._first = t._next), t._next ? t._next._prev = t._prev : this._last === t && (this._last = t._prev), t._next = t._prev = t.timeline = null, t === this._recent && (this._recent = this._last), this._timeline && this._uncache(!0)), this }, l.render = function (t, e, i) { var s, r = this._first; for (this._totalTime = this._time = this._rawPrevTime = t; r;)s = r._next, (r._active || t >= r._startTime && !r._paused && !r._gc) && (r._reversed ? r.render((r._dirty ? r.totalDuration() : r._totalDuration) - (t - r._startTime) * r._timeScale, e, i) : r.render((t - r._startTime) * r._timeScale, e, i)), r = s }, l.rawTime = function () { return u || h.wake(), this._totalTime }; var X = T("TweenLite", function (e, i, s) { if (A.call(this, i, s), this.render = X.prototype.render, null == e) throw "Cannot tween a null target."; this.target = e = "string" != typeof e ? e : X.selector(e) || e; var r, n, a, o = e.jquery || e.length && e !== t && e[0] && (e[0] === t || e[0].nodeType && e[0].style && !e.nodeType), l = this.vars.overwrite; if (this._overwrite = l = null == l ? Z[X.defaultOverwrite] : "number" == typeof l ? l >> 0 : Z[l], (o || e instanceof Array || e.push && _(e)) && "number" != typeof e[0]) for (this._targets = a = d(e), this._propLookup = [], this._siblings = [], r = 0; r < a.length; r++)(n = a[r]) ? "string" != typeof n ? n.length && n !== t && n[0] && (n[0] === t || n[0].nodeType && n[0].style && !n.nodeType) ? (a.splice(r--, 1), this._targets = a = a.concat(d(n))) : (this._siblings[r] = tt(n, this, !1), 1 === l && this._siblings[r].length > 1 && ti(n, this, null, 1, this._siblings[r])) : "string" == typeof (n = a[r--] = X.selector(n)) && a.splice(r + 1, 1) : a.splice(r--, 1); else this._propLookup = {}, this._siblings = tt(e, this, !1), 1 === l && this._siblings.length > 1 && ti(e, this, null, 1, this._siblings); (this.vars.immediateRender || 0 === i && 0 === this._delay && !1 !== this.vars.immediateRender) && (this._time = -.00000001, this.render(Math.min(0, -this._delay))) }, !0), E = function (e) { return e && e.length && e !== t && e[0] && (e[0] === t || e[0].nodeType && e[0].style && !e.nodeType) }; (l = X.prototype = new A).constructor = X, l.kill()._gc = !1, l.ratio = 0, l._firstPT = l._targets = l._overwrittenProps = l._startAt = null, l._notifyPluginsOfEnabled = l._lazy = !1, X.version = "2.1.3", X.defaultEase = l._ease = new b(null, null, 1, 1), X.defaultOverwrite = "auto", X.ticker = h, X.autoSleep = 120, X.lagSmoothing = function (t, e) { h.lagSmoothing(t, e) }, X.selector = t.$ || t.jQuery || function (e) { var i = t.$ || t.jQuery; return i ? (X.selector = i, i(e)) : (s || (s = t.document), s ? s.querySelectorAll ? s.querySelectorAll(e) : s.getElementById("#" === e.charAt(0) ? e.substr(1) : e) : e) }; var L = [], I = {}, B = /(?:(-|-=|\+=)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi, Y = /[\+-]=-?[\.\d]/, F = function (t) { for (var e, i = this._firstPT; i;)e = i.blob ? 1 === t && null != this.end ? this.end : t ? this.join("") : this.start : i.c * t + i.s, i.m ? e = i.m.call(this._tween, e, this._target || i.t, this._tween) : e < 1e-6 && e > -.000001 && !i.blob && (e = 0), i.f ? i.fp ? i.t[i.p](i.fp, e) : i.t[i.p](e) : i.t[i.p] = e, i = i._next }, j = function (t) { return (1e3 * t | 0) / 1e3 + "" }, M = function (t, e, i, s) { var r, n, a, o, l, h, u, f = [], c = 0, $ = "", p = 0; for (f.start = t, f.end = e, t = f[0] = t + "", e = f[1] = e + "", i && (i(f), t = f[0], e = f[1]), f.length = 0, r = t.match(B) || [], n = e.match(B) || [], s && (s._next = null, s.blob = 1, f._firstPT = f._applyPT = s), l = n.length, o = 0; o < l; o++)u = n[o], $ += (h = e.substr(c, e.indexOf(u, c) - c)) || !o ? h : ",", c += h.length, p ? p = (p + 1) % 5 : "rgba(" === h.substr(-5) && (p = 1), u === r[o] || r.length <= o ? $ += u : ($ && (f.push($), $ = ""), a = parseFloat(r[o]), f.push(a), f._firstPT = { _next: f._firstPT, t: f, p: f.length - 1, s: a, c: ("=" === u.charAt(1) ? parseInt(u.charAt(0) + "1", 10) * parseFloat(u.substr(2)) : parseFloat(u) - a) || 0, f: 0, m: p && p < 4 ? Math.round : j }), c += u.length; return ($ += e.substr(c)) && f.push($), f.setRatio = F, Y.test(e) && (f.end = null), f }, N = function (t, e, i, s, r, n, a, o, l) { "function" == typeof s && (s = s(l || 0, t)); var h = typeof t[e], u = "function" !== h ? "" : e.indexOf("set") || "function" != typeof t["get" + e.substr(3)] ? e : "get" + e.substr(3), f = "get" !== i ? i : u ? a ? t[u](a) : t[u]() : t[e], c = "string" == typeof s && "=" === s.charAt(1), $ = { t: t, p: e, s: f, f: "function" === h, pg: 0, n: r || e, m: n ? "function" == typeof n ? n : Math.round : 0, pr: 0, c: c ? parseInt(s.charAt(0) + "1", 10) * parseFloat(s.substr(2)) : parseFloat(s) - f || 0 }; if (("number" != typeof f || "number" != typeof s && !c) && (a || isNaN(f) || !c && isNaN(s) || "boolean" == typeof f || "boolean" == typeof s ? ($.fp = a, $ = { t: M(f, c ? parseFloat($.s) + $.c + ($.s + "").replace(/[0-9\-\.]/g, "") : s, o || X.defaultStringFilter, $), p: "setRatio", s: 0, c: 1, f: 2, pg: 0, n: r || e, pr: 0, m: 0 }) : ($.s = parseFloat(f), c || ($.c = parseFloat(s) - $.s || 0))), $.c) return ($._next = this._firstPT) && ($._next._prev = $), this._firstPT = $, $ }, U = X._internals = { isArray: _, isSelector: E, lazyTweens: L, blobDif: M }, V = X._plugins = {}, q = U.tweenLookup = {}, W = 0, G = U.reservedProps = { ease: 1, delay: 1, overwrite: 1, onComplete: 1, onCompleteParams: 1, onCompleteScope: 1, useFrames: 1, runBackwards: 1, startAt: 1, onUpdate: 1, onUpdateParams: 1, onUpdateScope: 1, onStart: 1, onStartParams: 1, onStartScope: 1, onReverseComplete: 1, onReverseCompleteParams: 1, onReverseCompleteScope: 1, onRepeat: 1, onRepeatParams: 1, onRepeatScope: 1, easeParams: 1, yoyo: 1, immediateRender: 1, repeat: 1, repeatDelay: 1, data: 1, paused: 1, reversed: 1, autoCSS: 1, lazy: 1, onOverwrite: 1, callbackScope: 1, stringFilter: 1, id: 1, yoyoEase: 1, stagger: 1 }, Z = { none: 0, all: 1, auto: 2, concurrent: 3, allOnStart: 4, preexisting: 5, true: 1, false: 0 }, H = A._rootFramesTimeline = new z, Q = A._rootTimeline = new z, K = 30, J = U.lazyRender = function () { var t, e, i = L.length; for (I = {}, t = 0; t < i; t++)(e = L[t]) && !1 !== e._lazy && (e.render(e._lazy[0], e._lazy[1], !0), e._lazy = !1); L.length = 0 }; Q._startTime = h.time, H._startTime = h.frame, Q._active = H._active = !0, setTimeout(J, 1), A._updateRoot = X.render = function () { var t, e, i; if (L.length && J(), Q.render((h.time - Q._startTime) * Q._timeScale, !1, !1), H.render((h.frame - H._startTime) * H._timeScale, !1, !1), L.length && J(), h.frame >= K) { for (i in K = h.frame + (parseInt(X.autoSleep, 10) || 120), q) { for (t = (e = q[i].tweens).length; --t > -1;)e[t]._gc && e.splice(t, 1); 0 === e.length && delete q[i] } if ((!(i = Q._first) || i._paused) && X.autoSleep && !H._first && 1 === h._listeners.tick.length) { for (; i && i._paused;)i = i._next; i || h.sleep() } } }, h.addEventListener("tick", A._updateRoot); var tt = function (t, e, i) { var s, r, n = t._gsTweenID; if (q[n || (t._gsTweenID = n = "t" + W++)] || (q[n] = { target: t, tweens: [] }), e && ((s = q[n].tweens)[r = s.length] = e, i)) for (; --r > -1;)s[r] === e && s.splice(r, 1); return q[n].tweens }, te = function (t, e, i, s) { var r, n, a = t.vars.onOverwrite; return a && (r = a(t, e, i, s)), (a = X.onOverwrite) && (n = a(t, e, i, s)), !1 !== r && !1 !== n }, ti = function (t, e, i, s, r) { if (1 === s || s >= 4) { for (l = r.length, n = 0; n < l; n++)if ((o = r[n]) !== e) o._gc || o._kill(null, t, e) && (a = !0); else if (5 === s) break; return a } var n, a, o, l, h, u = e._startTime + 1e-8, f = [], c = 0, $ = 0 === e._duration; for (n = r.length; --n > -1;)(o = r[n]) === e || o._gc || o._paused || (o._timeline !== e._timeline ? (h = h || ts(e, 0, $), 0 === ts(o, h, $) && (f[c++] = o)) : o._startTime <= u && o._startTime + o.totalDuration() / o._timeScale > u && (($ || !o._initted) && u - o._startTime <= 2e-8 || (f[c++] = o))); for (n = c; --n > -1;)if (l = (o = f[n])._firstPT, 2 === s && o._kill(i, t, e) && (a = !0), 2 !== s || !o._firstPT && o._initted && l) { if (2 !== s && !te(o, e)) continue; o._enabled(!1, !1) && (a = !0) } return a }, ts = function (t, e, i) { for (var s = t._timeline, r = s._timeScale, n = t._startTime; s._timeline;) { if (n += s._startTime, r *= s._timeScale, s._paused) return -100; s = s._timeline } return (n /= r) > e ? n - e : i && n === e || !t._initted && n - e < 2e-8 ? 1e-8 : (n += t.totalDuration() / t._timeScale / r) > e + 1e-8 ? 0 : n - e - 1e-8 }; l._init = function () { var t, e, i, s, r, n, a = this.vars, o = this._overwrittenProps, l = this._duration, h = !!a.immediateRender, u = a.ease, f = this._startAt; if (a.startAt) { for (s in f && (f.render(-1, !0), f.kill()), r = {}, a.startAt) r[s] = a.startAt[s]; if (r.data = "isStart", r.overwrite = !1, r.immediateRender = !0, r.lazy = h && !1 !== a.lazy, r.startAt = r.delay = null, r.onUpdate = a.onUpdate, r.onUpdateParams = a.onUpdateParams, r.onUpdateScope = a.onUpdateScope || a.callbackScope || this, this._startAt = X.to(this.target || {}, 0, r), h) { if (this._time > 0) this._startAt = null; else if (0 !== l) return } } else if (a.runBackwards && 0 !== l) { if (f) f.render(-1, !0), f.kill(), this._startAt = null; else { for (s in 0 !== this._time && (h = !1), i = {}, a) G[s] && "autoCSS" !== s || (i[s] = a[s]); if (i.overwrite = 0, i.data = "isFromStart", i.lazy = h && !1 !== a.lazy, i.immediateRender = h, this._startAt = X.to(this.target, 0, i), h) { if (0 === this._time) return } else this._startAt._init(), this._startAt._enabled(!1), this.vars.immediateRender && (this._startAt = null) } } if (this._ease = u = u ? u instanceof b ? u : "function" == typeof u ? new b(u, a.easeParams) : w[u] || X.defaultEase : X.defaultEase, a.easeParams instanceof Array && u.config && (this._ease = u.config.apply(u, a.easeParams)), this._easeType = this._ease._type, this._easePower = this._ease._power, this._firstPT = null, this._targets) for (n = this._targets.length, t = 0; t < n; t++)this._initProps(this._targets[t], this._propLookup[t] = {}, this._siblings[t], o ? o[t] : null, t) && (e = !0); else e = this._initProps(this.target, this._propLookup, this._siblings, o, 0); if (e && X._onPluginEvent("_onInitAllProps", this), o && (this._firstPT || "function" != typeof this.target && this._enabled(!1, !1)), a.runBackwards) for (i = this._firstPT; i;)i.s += i.c, i.c = -i.c, i = i._next; this._onUpdate = a.onUpdate, this._initted = !0 }, l._initProps = function (e, i, s, r, n) { var a, o, l, h, u, f; if (null == e) return !1; for (a in I[e._gsTweenID] && J(), this.vars.css || e.style && e !== t && e.nodeType && V.css && !1 !== this.vars.autoCSS && function (t, e) { var i, s = {}; for (i in t) G[i] || i in e && "transform" !== i && "x" !== i && "y" !== i && "width" !== i && "height" !== i && "className" !== i && "border" !== i || !(!V[i] || V[i] && V[i]._autoCSS) || (s[i] = t[i], delete t[i]); t.css = s }(this.vars, e), this.vars) if (f = this.vars[a], G[a]) f && (f instanceof Array || f.push && _(f)) && -1 !== f.join("").indexOf("{self}") && (this.vars[a] = f = this._swapSelfInParams(f, this)); else if (V[a] && (h = new V[a])._onInitTween(e, this.vars[a], this, n)) { for (this._firstPT = u = { _next: this._firstPT, t: h, p: "setRatio", s: 0, c: 1, f: 1, n: a, pg: 1, pr: h._priority, m: 0 }, o = h._overwriteProps.length; --o > -1;)i[h._overwriteProps[o]] = this._firstPT; (h._priority || h._onInitAllProps) && (l = !0), (h._onDisable || h._onEnable) && (this._notifyPluginsOfEnabled = !0), u._next && (u._next._prev = u) } else i[a] = N.call(this, e, a, "get", f, a, 0, null, this.vars.stringFilter, n); return r && this._kill(r, e) ? this._initProps(e, i, s, r, n) : this._overwrite > 1 && this._firstPT && s.length > 1 && ti(e, this, i, this._overwrite, s) ? (this._kill(i, e), this._initProps(e, i, s, r, n)) : (this._firstPT && (!1 !== this.vars.lazy && this._duration || this.vars.lazy && !this._duration) && (I[e._gsTweenID] = !0), l) }, l.render = function (t, e, i) { var s, r, n, a, o = this._time, l = this._duration, h = this._rawPrevTime; if (t >= l - 1e-8 && t >= 0) this._totalTime = this._time = l, this.ratio = this._ease._calcEnd ? this._ease.getRatio(1) : 1, this._reversed || (s = !0, r = "onComplete", i = i || this._timeline.autoRemoveChildren), 0 === l && (this._initted || !this.vars.lazy || i) && (this._startTime === this._timeline._duration && (t = 0), (h < 0 || t <= 0 && t >= -.00000001 || 1e-8 === h && "isPause" !== this.data) && h !== t && (i = !0, h > 1e-8 && (r = "onReverseComplete")), this._rawPrevTime = a = !e || t || h === t ? t : 1e-8); else if (t < 1e-8) this._totalTime = this._time = 0, this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0, (0 !== o || 0 === l && h > 0) && (r = "onReverseComplete", s = this._reversed), t > -.00000001 ? t = 0 : t < 0 && (this._active = !1, 0 === l && (this._initted || !this.vars.lazy || i) && (h >= 0 && (1e-8 !== h || "isPause" !== this.data) && (i = !0), this._rawPrevTime = a = !e || t || h === t ? t : 1e-8)), (!this._initted || this._startAt && this._startAt.progress()) && (i = !0); else if (this._totalTime = this._time = t, this._easeType) { var u = t / l, f = this._easeType, c = this._easePower; (1 === f || 3 === f && u >= .5) && (u = 1 - u), 3 === f && (u *= 2), 1 === c ? u *= u : 2 === c ? u *= u * u : 3 === c ? u *= u * u * u : 4 === c && (u *= u * u * u * u), this.ratio = 1 === f ? 1 - u : 2 === f ? u : t / l < .5 ? u / 2 : 1 - u / 2 } else this.ratio = this._ease.getRatio(t / l); if (this._time !== o || i) { if (!this._initted) { if (this._init(), !this._initted || this._gc) return; if (!i && this._firstPT && (!1 !== this.vars.lazy && this._duration || this.vars.lazy && !this._duration)) return this._time = this._totalTime = o, this._rawPrevTime = h, L.push(this), void (this._lazy = [t, e]); this._time && !s ? this.ratio = this._ease.getRatio(this._time / l) : s && this._ease._calcEnd && (this.ratio = this._ease.getRatio(0 === this._time ? 0 : 1)) } for (!1 !== this._lazy && (this._lazy = !1), this._active || !this._paused && this._time !== o && t >= 0 && (this._active = !0), 0 === o && (this._startAt && (t >= 0 ? this._startAt.render(t, !0, i) : r || (r = "_dummyGS")), this.vars.onStart && (0 === this._time && 0 !== l || e || this._callback("onStart"))), n = this._firstPT; n;)n.f ? n.t[n.p](n.c * this.ratio + n.s) : n.t[n.p] = n.c * this.ratio + n.s, n = n._next; this._onUpdate && (t < 0 && this._startAt && -.0001 !== t && this._startAt.render(t, !0, i), e || (this._time !== o || s || i) && this._callback("onUpdate")), r && (this._gc && !i || (t < 0 && this._startAt && !this._onUpdate && -.0001 !== t && this._startAt.render(t, !0, i), s && (this._timeline.autoRemoveChildren && this._enabled(!1, !1), this._active = !1), !e && this.vars[r] && this._callback(r), 0 === l && 1e-8 === this._rawPrevTime && 1e-8 !== a && (this._rawPrevTime = 0))) } }, l._kill = function (t, e, i) { if ("all" === t && (t = null), null == t && (null == e || e === this.target)) return this._lazy = !1, this._enabled(!1, !1); e = "string" != typeof e ? e || this._targets || this.target : X.selector(e) || e; var s, r, n, a, o, l, h, u, f, c = i && this._time && i._startTime === this._startTime && this._timeline === i._timeline, $ = this._firstPT; if ((_(e) || E(e)) && "number" != typeof e[0]) for (s = e.length; --s > -1;)this._kill(t, e[s], i) && (l = !0); else { if (this._targets) { for (s = this._targets.length; --s > -1;)if (e === this._targets[s]) { o = this._propLookup[s] || {}, this._overwrittenProps = this._overwrittenProps || [], r = this._overwrittenProps[s] = t ? this._overwrittenProps[s] || {} : "all"; break } } else { if (e !== this.target) return !1; o = this._propLookup, r = this._overwrittenProps = t ? this._overwrittenProps || {} : "all" } if (o) { if (h = t || o, u = t !== r && "all" !== r && t !== o && ("object" != typeof t || !t._tempKill), i && (X.onOverwrite || this.vars.onOverwrite)) { for (n in h) o[n] && (f || (f = []), f.push(n)); if ((f || !t) && !te(this, i, e, f)) return !1 } for (n in h) (a = o[n]) && (c && (a.f ? a.t[a.p](a.s) : a.t[a.p] = a.s, l = !0), a.pg && a.t._kill(h) && (l = !0), a.pg && 0 !== a.t._overwriteProps.length || (a._prev ? a._prev._next = a._next : a === this._firstPT && (this._firstPT = a._next), a._next && (a._next._prev = a._prev), a._next = a._prev = null), delete o[n]), u && (r[n] = 1); !this._firstPT && this._initted && $ && this._enabled(!1, !1) } } return l }, l.invalidate = function () { this._notifyPluginsOfEnabled && X._onPluginEvent("_onDisable", this); var t = this._time; return this._firstPT = this._overwrittenProps = this._startAt = this._onUpdate = null, this._notifyPluginsOfEnabled = this._active = this._lazy = !1, this._propLookup = this._targets ? {} : [], A.prototype.invalidate.call(this), this.vars.immediateRender && (this._time = -.00000001, this.render(t, !1, !1 !== this.vars.lazy)), this }, l._enabled = function (t, e) { if (u || h.wake(), t && this._gc) { var i, s = this._targets; if (s) for (i = s.length; --i > -1;)this._siblings[i] = tt(s[i], this, !0); else this._siblings = tt(this.target, this, !0) } return A.prototype._enabled.call(this, t, e), !(!this._notifyPluginsOfEnabled || !this._firstPT) && X._onPluginEvent(t ? "_onEnable" : "_onDisable", this) }, X.to = function (t, e, i) { return new X(t, e, i) }, X.from = function (t, e, i) { return i.runBackwards = !0, i.immediateRender = 0 != i.immediateRender, new X(t, e, i) }, X.fromTo = function (t, e, i, s) { return s.startAt = i, s.immediateRender = 0 != s.immediateRender && 0 != i.immediateRender, new X(t, e, s) }, X.delayedCall = function (t, e, i, s, r) { return new X(e, 0, { delay: t, onComplete: e, onCompleteParams: i, callbackScope: s, onReverseComplete: e, onReverseCompleteParams: i, immediateRender: !1, lazy: !1, useFrames: r, overwrite: 0 }) }, X.set = function (t, e) { return new X(t, 0, e) }, X.getTweensOf = function (t, e) { var i, s, r, n; if (null == t) return []; if ((_(t = "string" != typeof t ? t : X.selector(t) || t) || E(t)) && "number" != typeof t[0]) { for (i = t.length, s = []; --i > -1;)s = s.concat(X.getTweensOf(t[i], e)); for (i = s.length; --i > -1;)for (n = s[i], r = i; --r > -1;)n === s[r] && s.splice(i, 1) } else if (t._gsTweenID) for (i = (s = tt(t).concat()).length; --i > -1;)(s[i]._gc || e && !s[i].isActive()) && s.splice(i, 1); return s || [] }, X.killTweensOf = X.killDelayedCallsTo = function (t, e, i) { "object" == typeof e && (i = e, e = !1); for (var s = X.getTweensOf(t, e), r = s.length; --r > -1;)s[r]._kill(i, t) }; var tr = T("plugins.TweenPlugin", function (t, e) { this._overwriteProps = (t || "").split(","), this._propName = this._overwriteProps[0], this._priority = e || 0, this._super = tr.prototype }, !0); if (l = tr.prototype, tr.version = "1.19.0", tr.API = 2, l._firstPT = null, l._addTween = N, l.setRatio = F, l._kill = function (t) { var e, i = this._overwriteProps, s = this._firstPT; if (null != t[this._propName]) this._overwriteProps = []; else for (e = i.length; --e > -1;)null != t[i[e]] && i.splice(e, 1); for (; s;)null != t[s.n] && (s._next && (s._next._prev = s._prev), s._prev ? (s._prev._next = s._next, s._prev = null) : this._firstPT === s && (this._firstPT = s._next)), s = s._next; return !1 }, l._mod = l._roundProps = function (t) { for (var e, i = this._firstPT; i;)(e = t[this._propName] || null != i.n && t[i.n.split(this._propName + "_").join("")]) && "function" == typeof e && (2 === i.f ? i.t._applyPT.m = e : i.m = e), i = i._next }, X._onPluginEvent = function (t, e) { var i, s, r, n, a, o = e._firstPT; if ("_onInitAllProps" === t) { for (; o;) { for (a = o._next, s = r; s && s.pr > o.pr;)s = s._next; (o._prev = s ? s._prev : n) ? o._prev._next = o : r = o, (o._next = s) ? s._prev = o : n = o, o = a } o = e._firstPT = r } for (; o;)o.pg && "function" == typeof o.t[t] && o.t[t]() && (i = !0), o = o._next; return i }, tr.activate = function (t) { for (var e = t.length; --e > -1;)t[e].API === tr.API && (V[new t[e]()._propName] = t[e]); return !0 }, v.plugin = function (t) { if (!(t && t.propName && t.init && t.API)) throw "illegal plugin definition."; var e, i = t.propName, s = t.priority || 0, r = t.overwriteProps, n = { init: "_onInitTween", set: "setRatio", kill: "_kill", round: "_mod", mod: "_mod", initAll: "_onInitAllProps" }, a = T("plugins." + i.charAt(0).toUpperCase() + i.substr(1) + "Plugin", function () { tr.call(this, i, s), this._overwriteProps = r || [] }, !0 === t.global), o = a.prototype = new tr(i); for (e in o.constructor = a, a.API = t.API, n) "function" == typeof t[e] && (o[n[e]] = t[e]); return a.version = t.version, tr.activate([a]), a }, a = t._gsQueue) { for (o = 0; o < a.length; o++)a[o](); for (l in g) g[l].func || t.console.log("GSAP encountered missing dependency: " + l) } u = !1 }("undefined" != typeof module && module.exports && "undefined" != typeof global ? global : this || window); (function (win, doc, callback) { 'use strict'; function detach() { doc.addEventListener ? doc.removeEventListener('DOMContentLoaded', complete) : doc.detachEvent('onreadystatechange', complete); } function complete() { (doc.addEventListener || 'load' === event.type || 'complete' === doc.readyState) && (detach(), callback(window, window.jQuery)); } function attach() { doc.addEventListener ? doc.addEventListener('DOMContentLoaded', complete) : doc.attachEvent('onreadystatechange', complete) } callback = callback || function () { }; attach(); })(window, document, function (win, $) { /** * Swiper 5.2.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 16, 2019 */ !function (e, t) { "object" == typeof exports && "undefined" != typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define(t) : (e = e || self).Swiper = t() }(this, (function () { "use strict"; var e = "undefined" == typeof document ? { body: {}, addEventListener: function () { }, removeEventListener: function () { }, activeElement: { blur: function () { }, nodeName: "" }, querySelector: function () { return null }, querySelectorAll: function () { return [] }, getElementById: function () { return null }, createEvent: function () { return { initEvent: function () { } } }, createElement: function () { return { children: [], childNodes: [], style: {}, setAttribute: function () { }, getElementsByTagName: function () { return [] } } }, location: { hash: "" } } : document, t = "undefined" == typeof window ? { document: e, navigator: { userAgent: "" }, location: {}, history: {}, CustomEvent: function () { return this }, addEventListener: function () { }, removeEventListener: function () { }, getComputedStyle: function () { return { getPropertyValue: function () { return "" } } }, Image: function () { }, Date: function () { }, screen: {}, setTimeout: function () { }, clearTimeout: function () { } } : window, i = function (e) { for (var t = 0; t < e.length; t += 1)this[t] = e[t]; return this.length = e.length, this }; function s(s, a) { var r = [], n = 0; if (s && !a && s instanceof i) return s; if (s) if ("string" == typeof s) { var o, l, d = s.trim(); if (d.indexOf("<") >= 0 && d.indexOf(">") >= 0) { var h = "div"; for (0 === d.indexOf("<li") && (h = "ul"), 0 === d.indexOf("<tr") && (h = "tbody"), 0 !== d.indexOf("<td") && 0 !== d.indexOf("<th") || (h = "tr"), 0 === d.indexOf("<tbody") && (h = "table"), 0 === d.indexOf("<option") && (h = "select"), (l = e.createElement(h)).innerHTML = d, n = 0; n < l.childNodes.length; n += 1)r.push(l.childNodes[n]) } else for (o = a || "#" !== s[0] || s.match(/[ .<>:~]/) ? (a || e).querySelectorAll(s.trim()) : [e.getElementById(s.trim().split("#")[1])], n = 0; n < o.length; n += 1)o[n] && r.push(o[n]) } else if (s.nodeType || s === t || s === e) r.push(s); else if (s.length > 0 && s[0].nodeType) for (n = 0; n < s.length; n += 1)r.push(s[n]); return new i(r) } function a(e) { for (var t = [], i = 0; i < e.length; i += 1)-1 === t.indexOf(e[i]) && t.push(e[i]); return t } s.fn = i.prototype, s.Class = i, s.Dom7 = i; var r = { addClass: function (e) { if (void 0 === e) return this; for (var t = e.split(" "), i = 0; i < t.length; i += 1)for (var s = 0; s < this.length; s += 1)void 0 !== this[s] && void 0 !== this[s].classList && this[s].classList.add(t[i]); return this }, removeClass: function (e) { for (var t = e.split(" "), i = 0; i < t.length; i += 1)for (var s = 0; s < this.length; s += 1)void 0 !== this[s] && void 0 !== this[s].classList && this[s].classList.remove(t[i]); return this }, hasClass: function (e) { return !!this[0] && this[0].classList.contains(e) }, toggleClass: function (e) { for (var t = e.split(" "), i = 0; i < t.length; i += 1)for (var s = 0; s < this.length; s += 1)void 0 !== this[s] && void 0 !== this[s].classList && this[s].classList.toggle(t[i]); return this }, attr: function (e, t) { var i = arguments; if (1 === arguments.length && "string" == typeof e) return this[0] ? this[0].getAttribute(e) : void 0; for (var s = 0; s < this.length; s += 1)if (2 === i.length) this[s].setAttribute(e, t); else for (var a in e) this[s][a] = e[a], this[s].setAttribute(a, e[a]); return this }, removeAttr: function (e) { for (var t = 0; t < this.length; t += 1)this[t].removeAttribute(e); return this }, data: function (e, t) { var i; if (void 0 !== t) { for (var s = 0; s < this.length; s += 1)(i = this[s]).dom7ElementDataStorage || (i.dom7ElementDataStorage = {}), i.dom7ElementDataStorage[e] = t; return this } if (i = this[0]) { if (i.dom7ElementDataStorage && e in i.dom7ElementDataStorage) return i.dom7ElementDataStorage[e]; var a = i.getAttribute("data-" + e); return a || void 0 } }, transform: function (e) { for (var t = 0; t < this.length; t += 1) { var i = this[t].style; i.webkitTransform = e, i.transform = e } return this }, transition: function (e) { "string" != typeof e && (e += "ms"); for (var t = 0; t < this.length; t += 1) { var i = this[t].style; i.webkitTransitionDuration = e, i.transitionDuration = e } return this }, on: function () { for (var e, t = [], i = arguments.length; i--;)t[i] = arguments[i]; var a = t[0], r = t[1], n = t[2], o = t[3]; function l(e) { var t = e.target; if (t) { var i = e.target.dom7EventData || []; if (i.indexOf(e) < 0 && i.unshift(e), s(t).is(r)) n.apply(t, i); else for (var a = s(t).parents(), o = 0; o < a.length; o += 1)s(a[o]).is(r) && n.apply(a[o], i) } } function d(e) { var t = e && e.target && e.target.dom7EventData || []; t.indexOf(e) < 0 && t.unshift(e), n.apply(this, t) } "function" == typeof t[1] && (a = (e = t)[0], n = e[1], o = e[2], r = void 0), o || (o = !1); for (var h, p = a.split(" "), c = 0; c < this.length; c += 1) { var u = this[c]; if (r) for (h = 0; h < p.length; h += 1) { var v = p[h]; u.dom7LiveListeners || (u.dom7LiveListeners = {}), u.dom7LiveListeners[v] || (u.dom7LiveListeners[v] = []), u.dom7LiveListeners[v].push({ listener: n, proxyListener: l }), u.addEventListener(v, l, o) } else for (h = 0; h < p.length; h += 1) { var f = p[h]; u.dom7Listeners || (u.dom7Listeners = {}), u.dom7Listeners[f] || (u.dom7Listeners[f] = []), u.dom7Listeners[f].push({ listener: n, proxyListener: d }), u.addEventListener(f, d, o) } } return this }, off: function () { for (var e, t = [], i = arguments.length; i--;)t[i] = arguments[i]; var s = t[0], a = t[1], r = t[2], n = t[3]; "function" == typeof t[1] && (s = (e = t)[0], r = e[1], n = e[2], a = void 0), n || (n = !1); for (var o = s.split(" "), l = 0; l < o.length; l += 1)for (var d = o[l], h = 0; h < this.length; h += 1) { var p = this[h], c = void 0; if (!a && p.dom7Listeners ? c = p.dom7Listeners[d] : a && p.dom7LiveListeners && (c = p.dom7LiveListeners[d]), c && c.length) for (var u = c.length - 1; u >= 0; u -= 1) { var v = c[u]; r && v.listener === r ? (p.removeEventListener(d, v.proxyListener, n), c.splice(u, 1)) : r && v.listener && v.listener.dom7proxy && v.listener.dom7proxy === r ? (p.removeEventListener(d, v.proxyListener, n), c.splice(u, 1)) : r || (p.removeEventListener(d, v.proxyListener, n), c.splice(u, 1)) } } return this }, trigger: function () { for (var i = [], s = arguments.length; s--;)i[s] = arguments[s]; for (var a = i[0].split(" "), r = i[1], n = 0; n < a.length; n += 1)for (var o = a[n], l = 0; l < this.length; l += 1) { var d = this[l], h = void 0; try { h = new t.CustomEvent(o, { detail: r, bubbles: !0, cancelable: !0 }) } catch (t) { (h = e.createEvent("Event")).initEvent(o, !0, !0), h.detail = r } d.dom7EventData = i.filter((function (e, t) { return t > 0 })), d.dispatchEvent(h), d.dom7EventData = [], delete d.dom7EventData } return this }, transitionEnd: function (e) { var t, i = ["webkitTransitionEnd", "transitionend"], s = this; function a(r) { if (r.target === this) for (e.call(this, r), t = 0; t < i.length; t += 1)s.off(i[t], a) } if (e) for (t = 0; t < i.length; t += 1)s.on(i[t], a); return this }, outerWidth: function (e) { if (this.length > 0) { if (e) { var t = this.styles(); return this[0].offsetWidth + parseFloat(t.getPropertyValue("margin-right")) + parseFloat(t.getPropertyValue("margin-left")) } return this[0].offsetWidth } return null }, outerHeight: function (e) { if (this.length > 0) { if (e) { var t = this.styles(); return this[0].offsetHeight + parseFloat(t.getPropertyValue("margin-top")) + parseFloat(t.getPropertyValue("margin-bottom")) } return this[0].offsetHeight } return null }, offset: function () { if (this.length > 0) { var i = this[0], s = i.getBoundingClientRect(), a = e.body, r = i.clientTop || a.clientTop || 0, n = i.clientLeft || a.clientLeft || 0, o = i === t ? t.scrollY : i.scrollTop, l = i === t ? t.scrollX : i.scrollLeft; return { top: s.top + o - r, left: s.left + l - n } } return null }, css: function (e, i) { var s; if (1 === arguments.length) { if ("string" != typeof e) { for (s = 0; s < this.length; s += 1)for (var a in e) this[s].style[a] = e[a]; return this } if (this[0]) return t.getComputedStyle(this[0], null).getPropertyValue(e) } if (2 === arguments.length && "string" == typeof e) { for (s = 0; s < this.length; s += 1)this[s].style[e] = i; return this } return this }, each: function (e) { if (!e) return this; for (var t = 0; t < this.length; t += 1)if (!1 === e.call(this[t], t, this[t])) return this; return this }, html: function (e) { if (void 0 === e) return this[0] ? this[0].innerHTML : void 0; for (var t = 0; t < this.length; t += 1)this[t].innerHTML = e; return this }, text: function (e) { if (void 0 === e) return this[0] ? this[0].textContent.trim() : null; for (var t = 0; t < this.length; t += 1)this[t].textContent = e; return this }, is: function (a) { var r, n, o = this[0]; if (!o || void 0 === a) return !1; if ("string" == typeof a) { if (o.matches) return o.matches(a); if (o.webkitMatchesSelector) return o.webkitMatchesSelector(a); if (o.msMatchesSelector) return o.msMatchesSelector(a); for (r = s(a), n = 0; n < r.length; n += 1)if (r[n] === o) return !0; return !1 } if (a === e) return o === e; if (a === t) return o === t; if (a.nodeType || a instanceof i) { for (r = a.nodeType ? [a] : a, n = 0; n < r.length; n += 1)if (r[n] === o) return !0; return !1 } return !1 }, index: function () { var e, t = this[0]; if (t) { for (e = 0; null !== (t = t.previousSibling);)1 === t.nodeType && (e += 1); return e } }, eq: function (e) { if (void 0 === e) return this; var t, s = this.length; return new i(e > s - 1 ? [] : e < 0 ? (t = s + e) < 0 ? [] : [this[t]] : [this[e]]) }, append: function () { for (var t, s = [], a = arguments.length; a--;)s[a] = arguments[a]; for (var r = 0; r < s.length; r += 1) { t = s[r]; for (var n = 0; n < this.length; n += 1)if ("string" == typeof t) { var o = e.createElement("div"); for (o.innerHTML = t; o.firstChild;)this[n].appendChild(o.firstChild) } else if (t instanceof i) for (var l = 0; l < t.length; l += 1)this[n].appendChild(t[l]); else this[n].appendChild(t) } return this }, prepend: function (t) { var s, a; for (s = 0; s < this.length; s += 1)if ("string" == typeof t) { var r = e.createElement("div"); for (r.innerHTML = t, a = r.childNodes.length - 1; a >= 0; a -= 1)this[s].insertBefore(r.childNodes[a], this[s].childNodes[0]) } else if (t instanceof i) for (a = 0; a < t.length; a += 1)this[s].insertBefore(t[a], this[s].childNodes[0]); else this[s].insertBefore(t, this[s].childNodes[0]); return this }, next: function (e) { return this.length > 0 ? e ? this[0].nextElementSibling && s(this[0].nextElementSibling).is(e) ? new i([this[0].nextElementSibling]) : new i([]) : this[0].nextElementSibling ? new i([this[0].nextElementSibling]) : new i([]) : new i([]) }, nextAll: function (e) { var t = [], a = this[0]; if (!a) return new i([]); for (; a.nextElementSibling;) { var r = a.nextElementSibling; e ? s(r).is(e) && t.push(r) : t.push(r), a = r } return new i(t) }, prev: function (e) { if (this.length > 0) { var t = this[0]; return e ? t.previousElementSibling && s(t.previousElementSibling).is(e) ? new i([t.previousElementSibling]) : new i([]) : t.previousElementSibling ? new i([t.previousElementSibling]) : new i([]) } return new i([]) }, prevAll: function (e) { var t = [], a = this[0]; if (!a) return new i([]); for (; a.previousElementSibling;) { var r = a.previousElementSibling; e ? s(r).is(e) && t.push(r) : t.push(r), a = r } return new i(t) }, parent: function (e) { for (var t = [], i = 0; i < this.length; i += 1)null !== this[i].parentNode && (e ? s(this[i].parentNode).is(e) && t.push(this[i].parentNode) : t.push(this[i].parentNode)); return s(a(t)) }, parents: function (e) { for (var t = [], i = 0; i < this.length; i += 1)for (var r = this[i].parentNode; r;)e ? s(r).is(e) && t.push(r) : t.push(r), r = r.parentNode; return s(a(t)) }, closest: function (e) { var t = this; return void 0 === e ? new i([]) : (t.is(e) || (t = t.parents(e).eq(0)), t) }, find: function (e) { for (var t = [], s = 0; s < this.length; s += 1)for (var a = this[s].querySelectorAll(e), r = 0; r < a.length; r += 1)t.push(a[r]); return new i(t) }, children: function (e) { for (var t = [], r = 0; r < this.length; r += 1)for (var n = this[r].childNodes, o = 0; o < n.length; o += 1)e ? 1 === n[o].nodeType && s(n[o]).is(e) && t.push(n[o]) : 1 === n[o].nodeType && t.push(n[o]); return new i(a(t)) }, filter: function (e) { for (var t = [], s = 0; s < this.length; s += 1)e.call(this[s], s, this[s]) && t.push(this[s]); return new i(t) }, remove: function () { for (var e = 0; e < this.length; e += 1)this[e].parentNode && this[e].parentNode.removeChild(this[e]); return this }, add: function () { for (var e = [], t = arguments.length; t--;)e[t] = arguments[t]; var i, a; for (i = 0; i < e.length; i += 1) { var r = s(e[i]); for (a = 0; a < r.length; a += 1)this[this.length] = r[a], this.length += 1 } return this }, styles: function () { return this[0] ? t.getComputedStyle(this[0], null) : {} } }; Object.keys(r).forEach((function (e) { s.fn[e] = s.fn[e] || r[e] })); var n = { deleteProps: function (e) { var t = e; Object.keys(t).forEach((function (e) { try { t[e] = null } catch (e) { } try { delete t[e] } catch (e) { } })) }, nextTick: function (e, t) { return void 0 === t && (t = 0), setTimeout(e, t) }, now: function () { return Date.now() }, getTranslate: function (e, i) { var s, a, r; void 0 === i && (i = "x"); var n = t.getComputedStyle(e, null); return t.WebKitCSSMatrix ? ((a = n.transform || n.webkitTransform).split(",").length > 6 && (a = a.split(", ").map((function (e) { return e.replace(",", ".") })).join(", ")), r = new t.WebKitCSSMatrix("none" === a ? "" : a)) : s = (r = n.MozTransform || n.OTransform || n.MsTransform || n.msTransform || n.transform || n.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,")).toString().split(","), "x" === i && (a = t.WebKitCSSMatrix ? r.m41 : 16 === s.length ? parseFloat(s[12]) : parseFloat(s[4])), "y" === i && (a = t.WebKitCSSMatrix ? r.m42 : 16 === s.length ? parseFloat(s[13]) : parseFloat(s[5])), a || 0 }, parseUrlQuery: function (e) { var i, s, a, r, n = {}, o = e || t.location.href; if ("string" == typeof o && o.length) for (r = (s = (o = o.indexOf("?") > -1 ? o.replace(/\S*\?/, "") : "").split("&").filter((function (e) { return "" !== e }))).length, i = 0; i < r; i += 1)a = s[i].replace(/#\S+/g, "").split("="), n[decodeURIComponent(a[0])] = void 0 === a[1] ? void 0 : decodeURIComponent(a[1]) || ""; return n }, isObject: function (e) { return "object" == typeof e && null !== e && e.constructor && e.constructor === Object }, extend: function () { for (var e = [], t = arguments.length; t--;)e[t] = arguments[t]; for (var i = Object(e[0]), s = 1; s < e.length; s += 1) { var a = e[s]; if (null != a) for (var r = Object.keys(Object(a)), o = 0, l = r.length; o < l; o += 1) { var d = r[o], h = Object.getOwnPropertyDescriptor(a, d); void 0 !== h && h.enumerable && (n.isObject(i[d]) && n.isObject(a[d]) ? n.extend(i[d], a[d]) : !n.isObject(i[d]) && n.isObject(a[d]) ? (i[d] = {}, n.extend(i[d], a[d])) : i[d] = a[d]) } } return i } }, o = { touch: t.Modernizr && !0 === t.Modernizr.touch || !!(t.navigator.maxTouchPoints > 0 || "ontouchstart" in t || t.DocumentTouch && e instanceof t.DocumentTouch), pointerEvents: !!t.PointerEvent && "maxTouchPoints" in t.navigator && t.navigator.maxTouchPoints > 0, observer: "MutationObserver" in t || "WebkitMutationObserver" in t, passiveListener: function () { var e = !1; try { var i = Object.defineProperty({}, "passive", { get: function () { e = !0 } }); t.addEventListener("testPassiveListener", null, i) } catch (e) { } return e }(), gestures: "ongesturestart" in t }, l = function (e) { void 0 === e && (e = {}); var t = this; t.params = e, t.eventsListeners = {}, t.params && t.params.on && Object.keys(t.params.on).forEach((function (e) { t.on(e, t.params.on[e]) })) }, d = { components: { configurable: !0 } }; l.prototype.on = function (e, t, i) { var s = this; if ("function" != typeof t) return s; var a = i ? "unshift" : "push"; return e.split(" ").forEach((function (e) { s.eventsListeners[e] || (s.eventsListeners[e] = []), s.eventsListeners[e][a](t) })), s }, l.prototype.once = function (e, t, i) { var s = this; if ("function" != typeof t) return s; function a() { for (var i = [], r = arguments.length; r--;)i[r] = arguments[r]; s.off(e, a), a.f7proxy && delete a.f7proxy, t.apply(s, i) } return a.f7proxy = t, s.on(e, a, i) }, l.prototype.off = function (e, t) { var i = this; return i.eventsListeners ? (e.split(" ").forEach((function (e) { void 0 === t ? i.eventsListeners[e] = [] : i.eventsListeners[e] && i.eventsListeners[e].length && i.eventsListeners[e].forEach((function (s, a) { (s === t || s.f7proxy && s.f7proxy === t) && i.eventsListeners[e].splice(a, 1) })) })), i) : i }, l.prototype.emit = function () { for (var e = [], t = arguments.length; t--;)e[t] = arguments[t]; var i, s, a, r = this; if (!r.eventsListeners) return r; "string" == typeof e[0] || Array.isArray(e[0]) ? (i = e[0], s = e.slice(1, e.length), a = r) : (i = e[0].events, s = e[0].data, a = e[0].context || r); var n = Array.isArray(i) ? i : i.split(" "); return n.forEach((function (e) { if (r.eventsListeners && r.eventsListeners[e]) { var t = []; r.eventsListeners[e].forEach((function (e) { t.push(e) })), t.forEach((function (e) { e.apply(a, s) })) } })), r }, l.prototype.useModulesParams = function (e) { var t = this; t.modules && Object.keys(t.modules).forEach((function (i) { var s = t.modules[i]; s.params && n.extend(e, s.params) })) }, l.prototype.useModules = function (e) { void 0 === e && (e = {}); var t = this; t.modules && Object.keys(t.modules).forEach((function (i) { var s = t.modules[i], a = e[i] || {}; s.instance && Object.keys(s.instance).forEach((function (e) { var i = s.instance[e]; t[e] = "function" == typeof i ? i.bind(t) : i })), s.on && t.on && Object.keys(s.on).forEach((function (e) { t.on(e, s.on[e]) })), s.create && s.create.bind(t)(a) })) }, d.components.set = function (e) { this.use && this.use(e) }, l.installModule = function (e) { for (var t = [], i = arguments.length - 1; i-- > 0;)t[i] = arguments[i + 1]; var s = this; s.prototype.modules || (s.prototype.modules = {}); var a = e.name || Object.keys(s.prototype.modules).length + "_" + n.now(); return s.prototype.modules[a] = e, e.proto && Object.keys(e.proto).forEach((function (t) { s.prototype[t] = e.proto[t] })), e.static && Object.keys(e.static).forEach((function (t) { s[t] = e.static[t] })), e.install && e.install.apply(s, t), s }, l.use = function (e) { for (var t = [], i = arguments.length - 1; i-- > 0;)t[i] = arguments[i + 1]; var s = this; return Array.isArray(e) ? (e.forEach((function (e) { return s.installModule(e) })), s) : s.installModule.apply(s, [e].concat(t)) }, Object.defineProperties(l, d); var h = { updateSize: function () { var e, t, i = this.$el; e = void 0 !== this.params.width ? this.params.width : i[0].clientWidth, t = void 0 !== this.params.height ? this.params.height : i[0].clientHeight, 0 === e && this.isHorizontal() || 0 === t && this.isVertical() || (e = e - parseInt(i.css("padding-left"), 10) - parseInt(i.css("padding-right"), 10), t = t - parseInt(i.css("padding-top"), 10) - parseInt(i.css("padding-bottom"), 10), n.extend(this, { width: e, height: t, size: this.isHorizontal() ? e : t })) }, updateSlides: function () { var e = this.params, i = this.$wrapperEl, s = this.size, a = this.rtlTranslate, r = this.wrongRTL, o = this.virtual && e.virtual.enabled, l = o ? this.virtual.slides.length : this.slides.length, d = i.children("." + this.params.slideClass), h = o ? this.virtual.slides.length : d.length, p = [], c = [], u = []; function v(t) { return !e.cssMode || t !== d.length - 1 } var f = e.slidesOffsetBefore; "function" == typeof f && (f = e.slidesOffsetBefore.call(this)); var m = e.slidesOffsetAfter; "function" == typeof m && (m = e.slidesOffsetAfter.call(this)); var g = this.snapGrid.length, b = this.snapGrid.length, w = e.spaceBetween, y = -f, x = 0, T = 0; if (void 0 !== s) { var E, S; "string" == typeof w && w.indexOf("%") >= 0 && (w = parseFloat(w.replace("%", "")) / 100 * s), this.virtualSize = -w, a ? d.css({ marginLeft: "", marginTop: "" }) : d.css({ marginRight: "", marginBottom: "" }), e.slidesPerColumn > 1 && (E = Math.floor(h / e.slidesPerColumn) === h / this.params.slidesPerColumn ? h : Math.ceil(h / e.slidesPerColumn) * e.slidesPerColumn, "auto" !== e.slidesPerView && "row" === e.slidesPerColumnFill && (E = Math.max(E, e.slidesPerView * e.slidesPerColumn))); for (var C, M = e.slidesPerColumn, P = E / M, z = Math.floor(h / e.slidesPerColumn), k = 0; k < h; k += 1) { S = 0; var $ = d.eq(k); if (e.slidesPerColumn > 1) { var L = void 0, I = void 0, D = void 0; if ("row" === e.slidesPerColumnFill && e.slidesPerGroup > 1) { var O = Math.floor(k / (e.slidesPerGroup * e.slidesPerColumn)), A = k - e.slidesPerColumn * e.slidesPerGroup * O, G = 0 === O ? e.slidesPerGroup : Math.min(Math.ceil((h - O * M * e.slidesPerGroup) / M), e.slidesPerGroup); L = (I = A - (D = Math.floor(A / G)) * G + O * e.slidesPerGroup) + D * E / M, $.css({ "-webkit-box-ordinal-group": L, "-moz-box-ordinal-group": L, "-ms-flex-order": L, "-webkit-order": L, order: L }) } else "column" === e.slidesPerColumnFill ? (D = k - (I = Math.floor(k / M)) * M, (I > z || I === z && D === M - 1) && (D += 1) >= M && (D = 0, I += 1)) : I = k - (D = Math.floor(k / P)) * P; $.css("margin-" + (this.isHorizontal() ? "top" : "left"), 0 !== D && e.spaceBetween && e.spaceBetween + "px") } if ("none" !== $.css("display")) { if ("auto" === e.slidesPerView) { var B = t.getComputedStyle($[0], null), H = $[0].style.transform, N = $[0].style.webkitTransform; if (H && ($[0].style.transform = "none"), N && ($[0].style.webkitTransform = "none"), e.roundLengths) S = this.isHorizontal() ? $.outerWidth(!0) : $.outerHeight(!0); else if (this.isHorizontal()) { var X = parseFloat(B.getPropertyValue("width")), V = parseFloat(B.getPropertyValue("padding-left")), Y = parseFloat(B.getPropertyValue("padding-right")), F = parseFloat(B.getPropertyValue("margin-left")), W = parseFloat(B.getPropertyValue("margin-right")), R = B.getPropertyValue("box-sizing"); S = R && "border-box" === R ? X + F + W : X + V + Y + F + W } else { var q = parseFloat(B.getPropertyValue("height")), j = parseFloat(B.getPropertyValue("padding-top")), K = parseFloat(B.getPropertyValue("padding-bottom")), U = parseFloat(B.getPropertyValue("margin-top")), _ = parseFloat(B.getPropertyValue("margin-bottom")), Z = B.getPropertyValue("box-sizing"); S = Z && "border-box" === Z ? q + U + _ : q + j + K + U + _ } H && ($[0].style.transform = H), N && ($[0].style.webkitTransform = N), e.roundLengths && (S = Math.floor(S)) } else S = (s - (e.slidesPerView - 1) * w) / e.slidesPerView, e.roundLengths && (S = Math.floor(S)), d[k] && (this.isHorizontal() ? d[k].style.width = S + "px" : d[k].style.height = S + "px"); d[k] && (d[k].swiperSlideSize = S), u.push(S), e.centeredSlides ? (y = y + S / 2 + x / 2 + w, 0 === x && 0 !== k && (y = y - s / 2 - w), 0 === k && (y = y - s / 2 - w), Math.abs(y) < .001 && (y = 0), e.roundLengths && (y = Math.floor(y)), T % e.slidesPerGroup == 0 && p.push(y), c.push(y)) : (e.roundLengths && (y = Math.floor(y)), T % e.slidesPerGroup == 0 && p.push(y), c.push(y), y = y + S + w), this.virtualSize += S + w, x = S, T += 1 } } if (this.virtualSize = Math.max(this.virtualSize, s) + m, a && r && ("slide" === e.effect || "coverflow" === e.effect) && i.css({ width: this.virtualSize + e.spaceBetween + "px" }), e.setWrapperSize && (this.isHorizontal() ? i.css({ width: this.virtualSize + e.spaceBetween + "px" }) : i.css({ height: this.virtualSize + e.spaceBetween + "px" })), e.slidesPerColumn > 1 && (this.virtualSize = (S + e.spaceBetween) * E, this.virtualSize = Math.ceil(this.virtualSize / e.slidesPerColumn) - e.spaceBetween, this.isHorizontal() ? i.css({ width: this.virtualSize + e.spaceBetween + "px" }) : i.css({ height: this.virtualSize + e.spaceBetween + "px" }), e.centeredSlides)) { C = []; for (var Q = 0; Q < p.length; Q += 1) { var J = p[Q]; e.roundLengths && (J = Math.floor(J)), p[Q] < this.virtualSize + p[0] && C.push(J) } p = C } if (!e.centeredSlides) { C = []; for (var ee = 0; ee < p.length; ee += 1) { var te = p[ee]; e.roundLengths && (te = Math.floor(te)), p[ee] <= this.virtualSize - s && C.push(te) } p = C, Math.floor(this.virtualSize - s) - Math.floor(p[p.length - 1]) > 1 && p.push(this.virtualSize - s) } if (0 === p.length && (p = [0]), 0 !== e.spaceBetween && (this.isHorizontal() ? a ? d.filter(v).css({ marginLeft: w + "px" }) : d.filter(v).css({ marginRight: w + "px" }) : d.filter(v).css({ marginBottom: w + "px" })), e.centeredSlides && e.centeredSlidesBounds) { var ie = 0; u.forEach((function (t) { ie += t + (e.spaceBetween ? e.spaceBetween : 0) })); var se = (ie -= e.spaceBetween) - s; p = p.map((function (e) { return e < 0 ? -f : e > se ? se + m : e })) } if (e.centerInsufficientSlides) { var ae = 0; if (u.forEach((function (t) { ae += t + (e.spaceBetween ? e.spaceBetween : 0) })), (ae -= e.spaceBetween) < s) { var re = (s - ae) / 2; p.forEach((function (e, t) { p[t] = e - re })), c.forEach((function (e, t) { c[t] = e + re })) } } n.extend(this, { slides: d, snapGrid: p, slidesGrid: c, slidesSizesGrid: u }), h !== l && this.emit("slidesLengthChange"), p.length !== g && (this.params.watchOverflow && this.checkOverflow(), this.emit("snapGridLengthChange")), c.length !== b && this.emit("slidesGridLengthChange"), (e.watchSlidesProgress || e.watchSlidesVisibility) && this.updateSlidesOffset() } }, updateAutoHeight: function (e) { var t, i = [], s = 0; if ("number" == typeof e ? this.setTransition(e) : !0 === e && this.setTransition(this.params.speed), "auto" !== this.params.slidesPerView && this.params.slidesPerView > 1) for (t = 0; t < Math.ceil(this.params.slidesPerView); t += 1) { var a = this.activeIndex + t; if (a > this.slides.length) break; i.push(this.slides.eq(a)[0]) } else i.push(this.slides.eq(this.activeIndex)[0]); for (t = 0; t < i.length; t += 1)if (void 0 !== i[t]) { var r = i[t].offsetHeight; s = r > s ? r : s } s && this.$wrapperEl.css("height", s + "px") }, updateSlidesOffset: function () { for (var e = this.slides, t = 0; t < e.length; t += 1)e[t].swiperSlideOffset = this.isHorizontal() ? e[t].offsetLeft : e[t].offsetTop }, updateSlidesProgress: function (e) { void 0 === e && (e = this && this.translate || 0); var t = this.params, i = this.slides, a = this.rtlTranslate; if (0 !== i.length) { void 0 === i[0].swiperSlideOffset && this.updateSlidesOffset(); var r = -e; a && (r = e), i.removeClass(t.slideVisibleClass), this.visibleSlidesIndexes = [], this.visibleSlides = []; for (var n = 0; n < i.length; n += 1) { var o = i[n], l = (r + (t.centeredSlides ? this.minTranslate() : 0) - o.swiperSlideOffset) / (o.swiperSlideSize + t.spaceBetween); if (t.watchSlidesVisibility) { var d = -(r - o.swiperSlideOffset), h = d + this.slidesSizesGrid[n]; (d >= 0 && d < this.size - 1 || h > 1 && h <= this.size || d <= 0 && h >= this.size) && (this.visibleSlides.push(o), this.visibleSlidesIndexes.push(n), i.eq(n).addClass(t.slideVisibleClass)) } o.progress = a ? -l : l } this.visibleSlides = s(this.visibleSlides) } }, updateProgress: function (e) { if (void 0 === e) { var t = this.rtlTranslate ? -1 : 1; e = this && this.translate && this.translate * t || 0 } var i = this.params, s = this.maxTranslate() - this.minTranslate(), a = this.progress, r = this.isBeginning, o = this.isEnd, l = r, d = o; 0 === s ? (a = 0, r = !0, o = !0) : (r = (a = (e - this.minTranslate()) / s) <= 0, o = a >= 1), n.extend(this, { progress: a, isBeginning: r, isEnd: o }), (i.watchSlidesProgress || i.watchSlidesVisibility) && this.updateSlidesProgress(e), r && !l && this.emit("reachBeginning toEdge"), o && !d && this.emit("reachEnd toEdge"), (l && !r || d && !o) && this.emit("fromEdge"), this.emit("progress", a) }, updateSlidesClasses: function () { var e, t = this.slides, i = this.params, s = this.$wrapperEl, a = this.activeIndex, r = this.realIndex, n = this.virtual && i.virtual.enabled; t.removeClass(i.slideActiveClass + " " + i.slideNextClass + " " + i.slidePrevClass + " " + i.slideDuplicateActiveClass + " " + i.slideDuplicateNextClass + " " + i.slideDuplicatePrevClass), (e = n ? this.$wrapperEl.find("." + i.slideClass + '[data-swiper-slide-index="' + a + '"]') : t.eq(a)).addClass(i.slideActiveClass), i.loop && (e.hasClass(i.slideDuplicateClass) ? s.children("." + i.slideClass + ":not(." + i.slideDuplicateClass + ')[data-swiper-slide-index="' + r + '"]').addClass(i.slideDuplicateActiveClass) : s.children("." + i.slideClass + "." + i.slideDuplicateClass + '[data-swiper-slide-index="' + r + '"]').addClass(i.slideDuplicateActiveClass)); var o = e.nextAll("." + i.slideClass).eq(0).addClass(i.slideNextClass); i.loop && 0 === o.length && (o = t.eq(0)).addClass(i.slideNextClass); var l = e.prevAll("." + i.slideClass).eq(0).addClass(i.slidePrevClass); i.loop && 0 === l.length && (l = t.eq(-1)).addClass(i.slidePrevClass), i.loop && (o.hasClass(i.slideDuplicateClass) ? s.children("." + i.slideClass + ":not(." + i.slideDuplicateClass + ')[data-swiper-slide-index="' + o.attr("data-swiper-slide-index") + '"]').addClass(i.slideDuplicateNextClass) : s.children("." + i.slideClass + "." + i.slideDuplicateClass + '[data-swiper-slide-index="' + o.attr("data-swiper-slide-index") + '"]').addClass(i.slideDuplicateNextClass), l.hasClass(i.slideDuplicateClass) ? s.children("." + i.slideClass + ":not(." + i.slideDuplicateClass + ')[data-swiper-slide-index="' + l.attr("data-swiper-slide-index") + '"]').addClass(i.slideDuplicatePrevClass) : s.children("." + i.slideClass + "." + i.slideDuplicateClass + '[data-swiper-slide-index="' + l.attr("data-swiper-slide-index") + '"]').addClass(i.slideDuplicatePrevClass)) }, updateActiveIndex: function (e) { var t, i = this.rtlTranslate ? this.translate : -this.translate, s = this.slidesGrid, a = this.snapGrid, r = this.params, o = this.activeIndex, l = this.realIndex, d = this.snapIndex, h = e; if (void 0 === h) { for (var p = 0; p < s.length; p += 1)void 0 !== s[p + 1] ? i >= s[p] && i < s[p + 1] - (s[p + 1] - s[p]) / 2 ? h = p : i >= s[p] && i < s[p + 1] && (h = p + 1) : i >= s[p] && (h = p); r.normalizeSlideIndex && (h < 0 || void 0 === h) && (h = 0) } if ((t = a.indexOf(i) >= 0 ? a.indexOf(i) : Math.floor(h / r.slidesPerGroup)) >= a.length && (t = a.length - 1), h !== o) { var c = parseInt(this.slides.eq(h).attr("data-swiper-slide-index") || h, 10); n.extend(this, { snapIndex: t, realIndex: c, previousIndex: o, activeIndex: h }), this.emit("activeIndexChange"), this.emit("snapIndexChange"), l !== c && this.emit("realIndexChange"), (this.initialized || this.runCallbacksOnInit) && this.emit("slideChange") } else t !== d && (this.snapIndex = t, this.emit("snapIndexChange")) }, updateClickedSlide: function (e) { var t = this.params, i = s(e.target).closest("." + t.slideClass)[0], a = !1; if (i) for (var r = 0; r < this.slides.length; r += 1)this.slides[r] === i && (a = !0); if (!i || !a) return this.clickedSlide = void 0, void (this.clickedIndex = void 0); this.clickedSlide = i, this.virtual && this.params.virtual.enabled ? this.clickedIndex = parseInt(s(i).attr("data-swiper-slide-index"), 10) : this.clickedIndex = s(i).index(), t.slideToClickedSlide && void 0 !== this.clickedIndex && this.clickedIndex !== this.activeIndex && this.slideToClickedSlide() } }; var p = { getTranslate: function (e) { void 0 === e && (e = this.isHorizontal() ? "x" : "y"); var t = this.params, i = this.rtlTranslate, s = this.translate, a = this.$wrapperEl; if (t.virtualTranslate) return i ? -s : s; if (t.cssMode) return s; var r = n.getTranslate(a[0], e); return i && (r = -r), r || 0 }, setTranslate: function (e, t) { var i = this.rtlTranslate, s = this.params, a = this.$wrapperEl, r = this.wrapperEl, n = this.progress, o = 0, l = 0; this.isHorizontal() ? o = i ? -e : e : l = e, s.roundLengths && (o = Math.floor(o), l = Math.floor(l)), s.cssMode ? r[this.isHorizontal() ? "scrollLeft" : "scrollTop"] = this.isHorizontal() ? -o : -l : s.virtualTranslate || a.transform("translate3d(" + o + "px, " + l + "px, 0px)"), this.previousTranslate = this.translate, this.translate = this.isHorizontal() ? o : l; var d = this.maxTranslate() - this.minTranslate(); (0 === d ? 0 : (e - this.minTranslate()) / d) !== n && this.updateProgress(e), this.emit("setTranslate", this.translate, t) }, minTranslate: function () { return -this.snapGrid[0] }, maxTranslate: function () { return -this.snapGrid[this.snapGrid.length - 1] }, translateTo: function (e, t, i, s, a) { var r; void 0 === e && (e = 0), void 0 === t && (t = this.params.speed), void 0 === i && (i = !0), void 0 === s && (s = !0); var n = this, o = n.params, l = n.wrapperEl; if (n.animating && o.preventInteractionOnTransition) return !1; var d, h = n.minTranslate(), p = n.maxTranslate(); if (d = s && e > h ? h : s && e < p ? p : e, n.updateProgress(d), o.cssMode) { var c = n.isHorizontal(); return 0 === t ? l[c ? "scrollLeft" : "scrollTop"] = -d : l.scrollTo ? l.scrollTo(((r = {})[c ? "left" : "top"] = -d, r.behavior = "smooth", r)) : l[c ? "scrollLeft" : "scrollTop"] = -d, !0 } return 0 === t ? (n.setTransition(0), n.setTranslate(d), i && (n.emit("beforeTransitionStart", t, a), n.emit("transitionEnd"))) : (n.setTransition(t), n.setTranslate(d), i && (n.emit("beforeTransitionStart", t, a), n.emit("transitionStart")), n.animating || (n.animating = !0, n.onTranslateToWrapperTransitionEnd || (n.onTranslateToWrapperTransitionEnd = function (e) { n && !n.destroyed && e.target === this && (n.$wrapperEl[0].removeEventListener("transitionend", n.onTranslateToWrapperTransitionEnd), n.$wrapperEl[0].removeEventListener("webkitTransitionEnd", n.onTranslateToWrapperTransitionEnd), n.onTranslateToWrapperTransitionEnd = null, delete n.onTranslateToWrapperTransitionEnd, i && n.emit("transitionEnd")) }), n.$wrapperEl[0].addEventListener("transitionend", n.onTranslateToWrapperTransitionEnd), n.$wrapperEl[0].addEventListener("webkitTransitionEnd", n.onTranslateToWrapperTransitionEnd))), !0 } }; var c = { setTransition: function (e, t) { this.params.cssMode || this.$wrapperEl.transition(e), this.emit("setTransition", e, t) }, transitionStart: function (e, t) { void 0 === e && (e = !0); var i = this.activeIndex, s = this.params, a = this.previousIndex; if (!s.cssMode) { s.autoHeight && this.updateAutoHeight(); var r = t; if (r || (r = i > a ? "next" : i < a ? "prev" : "reset"), this.emit("transitionStart"), e && i !== a) { if ("reset" === r) return void this.emit("slideResetTransitionStart"); this.emit("slideChangeTransitionStart"), "next" === r ? this.emit("slideNextTransitionStart") : this.emit("slidePrevTransitionStart") } } }, transitionEnd: function (e, t) { void 0 === e && (e = !0); var i = this.activeIndex, s = this.previousIndex, a = this.params; if (this.animating = !1, !a.cssMode) { this.setTransition(0); var r = t; if (r || (r = i > s ? "next" : i < s ? "prev" : "reset"), this.emit("transitionEnd"), e && i !== s) { if ("reset" === r) return void this.emit("slideResetTransitionEnd"); this.emit("slideChangeTransitionEnd"), "next" === r ? this.emit("slideNextTransitionEnd") : this.emit("slidePrevTransitionEnd") } } } }; var u = { slideTo: function (e, t, i, s) { var a; void 0 === e && (e = 0), void 0 === t && (t = this.params.speed), void 0 === i && (i = !0); var r = this, n = e; n < 0 && (n = 0); var o = r.params, l = r.snapGrid, d = r.slidesGrid, h = r.previousIndex, p = r.activeIndex, c = r.rtlTranslate, u = r.wrapperEl; if (r.animating && o.preventInteractionOnTransition) return !1; var v = Math.floor(n / o.slidesPerGroup); v >= l.length && (v = l.length - 1), (p || o.initialSlide || 0) === (h || 0) && i && r.emit("beforeSlideChangeStart"); var f, m = -l[v]; if (r.updateProgress(m), o.normalizeSlideIndex) for (var g = 0; g < d.length; g += 1)-Math.floor(100 * m) >= Math.floor(100 * d[g]) && (n = g); if (r.initialized && n !== p) { if (!r.allowSlideNext && m < r.translate && m < r.minTranslate()) return !1; if (!r.allowSlidePrev && m > r.translate && m > r.maxTranslate() && (p || 0) !== n) return !1 } if (f = n > p ? "next" : n < p ? "prev" : "reset", c && -m === r.translate || !c && m === r.translate) return r.updateActiveIndex(n), o.autoHeight && r.updateAutoHeight(), r.updateSlidesClasses(), "slide" !== o.effect && r.setTranslate(m), "reset" !== f && (r.transitionStart(i, f), r.transitionEnd(i, f)), !1; if (o.cssMode) { var b = r.isHorizontal(); return 0 === t ? u[b ? "scrollLeft" : "scrollTop"] = -m : u.scrollTo ? u.scrollTo(((a = {})[b ? "left" : "top"] = -m, a.behavior = "smooth", a)) : u[b ? "scrollLeft" : "scrollTop"] = -m, !0 } return 0 === t ? (r.setTransition(0), r.setTranslate(m), r.updateActiveIndex(n), r.updateSlidesClasses(), r.emit("beforeTransitionStart", t, s), r.transitionStart(i, f), r.transitionEnd(i, f)) : (r.setTransition(t), r.setTranslate(m), r.updateActiveIndex(n), r.updateSlidesClasses(), r.emit("beforeTransitionStart", t, s), r.transitionStart(i, f), r.animating || (r.animating = !0, r.onSlideToWrapperTransitionEnd || (r.onSlideToWrapperTransitionEnd = function (e) { r && !r.destroyed && e.target === this && (r.$wrapperEl[0].removeEventListener("transitionend", r.onSlideToWrapperTransitionEnd), r.$wrapperEl[0].removeEventListener("webkitTransitionEnd", r.onSlideToWrapperTransitionEnd), r.onSlideToWrapperTransitionEnd = null, delete r.onSlideToWrapperTransitionEnd, r.transitionEnd(i, f)) }), r.$wrapperEl[0].addEventListener("transitionend", r.onSlideToWrapperTransitionEnd), r.$wrapperEl[0].addEventListener("webkitTransitionEnd", r.onSlideToWrapperTransitionEnd))), !0 }, slideToLoop: function (e, t, i, s) { void 0 === e && (e = 0), void 0 === t && (t = this.params.speed), void 0 === i && (i = !0); var a = e; return this.params.loop && (a += this.loopedSlides), this.slideTo(a, t, i, s) }, slideNext: function (e, t, i) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0); var s = this.params, a = this.animating; return s.loop ? !a && (this.loopFix(), this._clientLeft = this.$wrapperEl[0].clientLeft, this.slideTo(this.activeIndex + s.slidesPerGroup, e, t, i)) : this.slideTo(this.activeIndex + s.slidesPerGroup, e, t, i) }, slidePrev: function (e, t, i) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0); var s = this.params, a = this.animating, r = this.snapGrid, n = this.slidesGrid, o = this.rtlTranslate; if (s.loop) { if (a) return !1; this.loopFix(), this._clientLeft = this.$wrapperEl[0].clientLeft } function l(e) { return e < 0 ? -Math.floor(Math.abs(e)) : Math.floor(e) } var d, h = l(o ? this.translate : -this.translate), p = r.map((function (e) { return l(e) })), c = (n.map((function (e) { return l(e) })), r[p.indexOf(h)], r[p.indexOf(h) - 1]); return void 0 === c && s.cssMode && r.forEach((function (e) { !c && h >= e && (c = e) })), void 0 !== c && (d = n.indexOf(c)) < 0 && (d = this.activeIndex - 1), this.slideTo(d, e, t, i) }, slideReset: function (e, t, i) { return void 0 === e && (e = this.params.speed), void 0 === t && (t = !0), this.slideTo(this.activeIndex, e, t, i) }, slideToClosest: function (e, t, i, s) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0), void 0 === s && (s = .5); var a = this.activeIndex, r = Math.floor(a / this.params.slidesPerGroup), n = this.rtlTranslate ? this.translate : -this.translate; if (n >= this.snapGrid[r]) { var o = this.snapGrid[r]; n - o > (this.snapGrid[r + 1] - o) * s && (a += this.params.slidesPerGroup) } else { var l = this.snapGrid[r - 1]; n - l <= (this.snapGrid[r] - l) * s && (a -= this.params.slidesPerGroup) } return a = Math.max(a, 0), a = Math.min(a, this.snapGrid.length - 1), this.slideTo(a, e, t, i) }, slideToClickedSlide: function () { var e, t = this, i = t.params, a = t.$wrapperEl, r = "auto" === i.slidesPerView ? t.slidesPerViewDynamic() : i.slidesPerView, o = t.clickedIndex; if (i.loop) { if (t.animating) return; e = parseInt(s(t.clickedSlide).attr("data-swiper-slide-index"), 10), i.centeredSlides ? o < t.loopedSlides - r / 2 || o > t.slides.length - t.loopedSlides + r / 2 ? (t.loopFix(), o = a.children("." + i.slideClass + '[data-swiper-slide-index="' + e + '"]:not(.' + i.slideDuplicateClass + ")").eq(0).index(), n.nextTick((function () { t.slideTo(o) }))) : t.slideTo(o) : o > t.slides.length - r ? (t.loopFix(), o = a.children("." + i.slideClass + '[data-swiper-slide-index="' + e + '"]:not(.' + i.slideDuplicateClass + ")").eq(0).index(), n.nextTick((function () { t.slideTo(o) }))) : t.slideTo(o) } else t.slideTo(o) } }; var v = { loopCreate: function () { var t = this, i = t.params, a = t.$wrapperEl; a.children("." + i.slideClass + "." + i.slideDuplicateClass).remove(); var r = a.children("." + i.slideClass); if (i.loopFillGroupWithBlank) { var n = i.slidesPerGroup - r.length % i.slidesPerGroup; if (n !== i.slidesPerGroup) { for (var o = 0; o < n; o += 1) { var l = s(e.createElement("div")).addClass(i.slideClass + " " + i.slideBlankClass); a.append(l) } r = a.children("." + i.slideClass) } } "auto" !== i.slidesPerView || i.loopedSlides || (i.loopedSlides = r.length), t.loopedSlides = Math.ceil(parseFloat(i.loopedSlides || i.slidesPerView, 10)), t.loopedSlides += i.loopAdditionalSlides, t.loopedSlides > r.length && (t.loopedSlides = r.length); var d = [], h = []; r.each((function (e, i) { var a = s(i); e < t.loopedSlides && h.push(i), e < r.length && e >= r.length - t.loopedSlides && d.push(i), a.attr("data-swiper-slide-index", e) })); for (var p = 0; p < h.length; p += 1)a.append(s(h[p].cloneNode(!0)).addClass(i.slideDuplicateClass)); for (var c = d.length - 1; c >= 0; c -= 1)a.prepend(s(d[c].cloneNode(!0)).addClass(i.slideDuplicateClass)) }, loopFix: function () { this.emit("beforeLoopFix"); var e, t = this.activeIndex, i = this.slides, s = this.loopedSlides, a = this.allowSlidePrev, r = this.allowSlideNext, n = this.snapGrid, o = this.rtlTranslate; this.allowSlidePrev = !0, this.allowSlideNext = !0; var l = -n[t] - this.getTranslate(); if (t < s) e = i.length - 3 * s + t, e += s, this.slideTo(e, 0, !1, !0) && 0 !== l && this.setTranslate((o ? -this.translate : this.translate) - l); else if (t >= i.length - s) { e = -i.length + t + s, e += s, this.slideTo(e, 0, !1, !0) && 0 !== l && this.setTranslate((o ? -this.translate : this.translate) - l) } this.allowSlidePrev = a, this.allowSlideNext = r, this.emit("loopFix") }, loopDestroy: function () { var e = this.$wrapperEl, t = this.params, i = this.slides; e.children("." + t.slideClass + "." + t.slideDuplicateClass + ",." + t.slideClass + "." + t.slideBlankClass).remove(), i.removeAttr("data-swiper-slide-index") } }; var f = { setGrabCursor: function (e) { if (!(o.touch || !this.params.simulateTouch || this.params.watchOverflow && this.isLocked || this.params.cssMode)) { var t = this.el; t.style.cursor = "move", t.style.cursor = e ? "-webkit-grabbing" : "-webkit-grab", t.style.cursor = e ? "-moz-grabbin" : "-moz-grab", t.style.cursor = e ? "grabbing" : "grab" } }, unsetGrabCursor: function () { o.touch || this.params.watchOverflow && this.isLocked || this.params.cssMode || (this.el.style.cursor = "") } }; var m, g, b, w, y, x, T, E, S, C, M, P, z, k, $, L = { appendSlide: function (e) { var t = this.$wrapperEl, i = this.params; if (i.loop && this.loopDestroy(), "object" == typeof e && "length" in e) for (var s = 0; s < e.length; s += 1)e[s] && t.append(e[s]); else t.append(e); i.loop && this.loopCreate(), i.observer && o.observer || this.update() }, prependSlide: function (e) { var t = this.params, i = this.$wrapperEl, s = this.activeIndex; t.loop && this.loopDestroy(); var a = s + 1; if ("object" == typeof e && "length" in e) { for (var r = 0; r < e.length; r += 1)e[r] && i.prepend(e[r]); a = s + e.length } else i.prepend(e); t.loop && this.loopCreate(), t.observer && o.observer || this.update(), this.slideTo(a, 0, !1) }, addSlide: function (e, t) { var i = this.$wrapperEl, s = this.params, a = this.activeIndex; s.loop && (a -= this.loopedSlides, this.loopDestroy(), this.slides = i.children("." + s.slideClass)); var r = this.slides.length; if (e <= 0) this.prependSlide(t); else if (e >= r) this.appendSlide(t); else { for (var n = a > e ? a + 1 : a, l = [], d = r - 1; d >= e; d -= 1) { var h = this.slides.eq(d); h.remove(), l.unshift(h) } if ("object" == typeof t && "length" in t) { for (var p = 0; p < t.length; p += 1)t[p] && i.append(t[p]); n = a > e ? a + t.length : a } else i.append(t); for (var c = 0; c < l.length; c += 1)i.append(l[c]); s.loop && this.loopCreate(), s.observer && o.observer || this.update(), s.loop ? this.slideTo(n + this.loopedSlides, 0, !1) : this.slideTo(n, 0, !1) } }, removeSlide: function (e) { var t = this.params, i = this.$wrapperEl, s = this.activeIndex; t.loop && (s -= this.loopedSlides, this.loopDestroy(), this.slides = i.children("." + t.slideClass)); var a, r = s; if ("object" == typeof e && "length" in e) { for (var n = 0; n < e.length; n += 1)a = e[n], this.slides[a] && this.slides.eq(a).remove(), a < r && (r -= 1); r = Math.max(r, 0) } else a = e, this.slides[a] && this.slides.eq(a).remove(), a < r && (r -= 1), r = Math.max(r, 0); t.loop && this.loopCreate(), t.observer && o.observer || this.update(), t.loop ? this.slideTo(r + this.loopedSlides, 0, !1) : this.slideTo(r, 0, !1) }, removeAllSlides: function () { for (var e = [], t = 0; t < this.slides.length; t += 1)e.push(t); this.removeSlide(e) } }, I = (m = t.navigator.platform, g = t.navigator.userAgent, b = { ios: !1, android: !1, androidChrome: !1, desktop: !1, iphone: !1, ipod: !1, ipad: !1, edge: !1, ie: !1, firefox: !1, macos: !1, windows: !1, cordova: !(!t.cordova && !t.phonegap), phonegap: !(!t.cordova && !t.phonegap), electron: !1 }, w = t.screen.width, y = t.screen.height, x = g.match(/(Android);?[\s\/]+([\d.]+)?/), T = g.match(/(iPad).*OS\s([\d_]+)/), E = g.match(/(iPod)(.*OS\s([\d_]+))?/), S = !T && g.match(/(iPhone\sOS|iOS)\s([\d_]+)/), C = g.indexOf("MSIE ") >= 0 || g.indexOf("Trident/") >= 0, M = g.indexOf("Edge/") >= 0, P = g.indexOf("Gecko/") >= 0 && g.indexOf("Firefox/") >= 0, z = "Win32" === m, k = g.toLowerCase().indexOf("electron") >= 0, $ = "MacIntel" === m, !T && $ && o.touch && (1024 === w && 1366 === y || 834 === w && 1194 === y || 834 === w && 1112 === y || 768 === w && 1024 === y) && (T = g.match(/(Version)\/([\d.]+)/), $ = !1), b.ie = C, b.edge = M, b.firefox = P, x && !z && (b.os = "android", b.osVersion = x[2], b.android = !0, b.androidChrome = g.toLowerCase().indexOf("chrome") >= 0), (T || S || E) && (b.os = "ios", b.ios = !0), S && !E && (b.osVersion = S[2].replace(/_/g, "."), b.iphone = !0), T && (b.osVersion = T[2].replace(/_/g, "."), b.ipad = !0), E && (b.osVersion = E[3] ? E[3].replace(/_/g, ".") : null, b.ipod = !0), b.ios && b.osVersion && g.indexOf("Version/") >= 0 && "10" === b.osVersion.split(".")[0] && (b.osVersion = g.toLowerCase().split("version/")[1].split(" ")[0]), b.webView = !(!(S || T || E) || !g.match(/.*AppleWebKit(?!.*Safari)/i) && !t.navigator.standalone) || t.matchMedia && t.matchMedia("(display-mode: standalone)").matches, b.webview = b.webView, b.standalone = b.webView, b.desktop = !(b.ios || b.android) || k, b.desktop && (b.electron = k, b.macos = $, b.windows = z, b.macos && (b.os = "macos"), b.windows && (b.os = "windows")), b.pixelRatio = t.devicePixelRatio || 1, b); function D(i) { var a = this.touchEventsData, r = this.params, o = this.touches; if (!this.animating || !r.preventInteractionOnTransition) { var l = i; l.originalEvent && (l = l.originalEvent); var d = s(l.target); if (("wrapper" !== r.touchEventsTarget || d.closest(this.wrapperEl).length) && (a.isTouchEvent = "touchstart" === l.type, (a.isTouchEvent || !("which" in l) || 3 !== l.which) && !(!a.isTouchEvent && "button" in l && l.button > 0 || a.isTouched && a.isMoved))) if (r.noSwiping && d.closest(r.noSwipingSelector ? r.noSwipingSelector : "." + r.noSwipingClass)[0]) this.allowClick = !0; else if (!r.swipeHandler || d.closest(r.swipeHandler)[0]) { o.currentX = "touchstart" === l.type ? l.targetTouches[0].pageX : l.pageX, o.currentY = "touchstart" === l.type ? l.targetTouches[0].pageY : l.pageY; var h = o.currentX, p = o.currentY, c = r.edgeSwipeDetection || r.iOSEdgeSwipeDetection, u = r.edgeSwipeThreshold || r.iOSEdgeSwipeThreshold; if (!c || !(h <= u || h >= t.screen.width - u)) { if (n.extend(a, { isTouched: !0, isMoved: !1, allowTouchCallbacks: !0, isScrolling: void 0, startMoving: void 0 }), o.startX = h, o.startY = p, a.touchStartTime = n.now(), this.allowClick = !0, this.updateSize(), this.swipeDirection = void 0, r.threshold > 0 && (a.allowThresholdMove = !1), "touchstart" !== l.type) { var v = !0; d.is(a.formElements) && (v = !1), e.activeElement && s(e.activeElement).is(a.formElements) && e.activeElement !== d[0] && e.activeElement.blur(); var f = v && this.allowTouchMove && r.touchStartPreventDefault; (r.touchStartForcePreventDefault || f) && l.preventDefault() } this.emit("touchStart", l) } } } } function O(t) { var i = this.touchEventsData, a = this.params, r = this.touches, o = this.rtlTranslate, l = t; if (l.originalEvent && (l = l.originalEvent), i.isTouched) { if (!i.isTouchEvent || "mousemove" !== l.type) { var d = "touchmove" === l.type && l.targetTouches && (l.targetTouches[0] || l.changedTouches[0]), h = "touchmove" === l.type ? d.pageX : l.pageX, p = "touchmove" === l.type ? d.pageY : l.pageY; if (l.preventedByNestedSwiper) return r.startX = h, void (r.startY = p); if (!this.allowTouchMove) return this.allowClick = !1, void (i.isTouched && (n.extend(r, { startX: h, startY: p, currentX: h, currentY: p }), i.touchStartTime = n.now())); if (i.isTouchEvent && a.touchReleaseOnEdges && !a.loop) if (this.isVertical()) { if (p < r.startY && this.translate <= this.maxTranslate() || p > r.startY && this.translate >= this.minTranslate()) return i.isTouched = !1, void (i.isMoved = !1) } else if (h < r.startX && this.translate <= this.maxTranslate() || h > r.startX && this.translate >= this.minTranslate()) return; if (i.isTouchEvent && e.activeElement && l.target === e.activeElement && s(l.target).is(i.formElements)) return i.isMoved = !0, void (this.allowClick = !1); if (i.allowTouchCallbacks && this.emit("touchMove", l), !(l.targetTouches && l.targetTouches.length > 1)) { r.currentX = h, r.currentY = p; var c = r.currentX - r.startX, u = r.currentY - r.startY; if (!(this.params.threshold && Math.sqrt(Math.pow(c, 2) + Math.pow(u, 2)) < this.params.threshold)) { var v; if (void 0 === i.isScrolling) this.isHorizontal() && r.currentY === r.startY || this.isVertical() && r.currentX === r.startX ? i.isScrolling = !1 : c * c + u * u >= 25 && (v = 180 * Math.atan2(Math.abs(u), Math.abs(c)) / Math.PI, i.isScrolling = this.isHorizontal() ? v > a.touchAngle : 90 - v > a.touchAngle); if (i.isScrolling && this.emit("touchMoveOpposite", l), void 0 === i.startMoving && (r.currentX === r.startX && r.currentY === r.startY || (i.startMoving = !0)), i.isScrolling) i.isTouched = !1; else if (i.startMoving) { this.allowClick = !1, a.cssMode || l.preventDefault(), a.touchMoveStopPropagation && !a.nested && l.stopPropagation(), i.isMoved || (a.loop && this.loopFix(), i.startTranslate = this.getTranslate(), this.setTransition(0), this.animating && this.$wrapperEl.trigger("webkitTransitionEnd transitionend"), i.allowMomentumBounce = !1, !a.grabCursor || !0 !== this.allowSlideNext && !0 !== this.allowSlidePrev || this.setGrabCursor(!0), this.emit("sliderFirstMove", l)), this.emit("sliderMove", l), i.isMoved = !0; var f = this.isHorizontal() ? c : u; r.diff = f, f *= a.touchRatio, o && (f = -f), this.swipeDirection = f > 0 ? "prev" : "next", i.currentTranslate = f + i.startTranslate; var m = !0, g = a.resistanceRatio; if (a.touchReleaseOnEdges && (g = 0), f > 0 && i.currentTranslate > this.minTranslate() ? (m = !1, a.resistance && (i.currentTranslate = this.minTranslate() - 1 + Math.pow(-this.minTranslate() + i.startTranslate + f, g))) : f < 0 && i.currentTranslate < this.maxTranslate() && (m = !1, a.resistance && (i.currentTranslate = this.maxTranslate() + 1 - Math.pow(this.maxTranslate() - i.startTranslate - f, g))), m && (l.preventedByNestedSwiper = !0), !this.allowSlideNext && "next" === this.swipeDirection && i.currentTranslate < i.startTranslate && (i.currentTranslate = i.startTranslate), !this.allowSlidePrev && "prev" === this.swipeDirection && i.currentTranslate > i.startTranslate && (i.currentTranslate = i.startTranslate), a.threshold > 0) { if (!(Math.abs(f) > a.threshold || i.allowThresholdMove)) return void (i.currentTranslate = i.startTranslate); if (!i.allowThresholdMove) return i.allowThresholdMove = !0, r.startX = r.currentX, r.startY = r.currentY, i.currentTranslate = i.startTranslate, void (r.diff = this.isHorizontal() ? r.currentX - r.startX : r.currentY - r.startY) } a.followFinger && !a.cssMode && ((a.freeMode || a.watchSlidesProgress || a.watchSlidesVisibility) && (this.updateActiveIndex(), this.updateSlidesClasses()), a.freeMode && (0 === i.velocities.length && i.velocities.push({ position: r[this.isHorizontal() ? "startX" : "startY"], time: i.touchStartTime }), i.velocities.push({ position: r[this.isHorizontal() ? "currentX" : "currentY"], time: n.now() })), this.updateProgress(i.currentTranslate), this.setTranslate(i.currentTranslate)) } } } } } else i.startMoving && i.isScrolling && this.emit("touchMoveOpposite", l) } function A(e) { var t = this, i = t.touchEventsData, s = t.params, a = t.touches, r = t.rtlTranslate, o = t.$wrapperEl, l = t.slidesGrid, d = t.snapGrid, h = e; if (h.originalEvent && (h = h.originalEvent), i.allowTouchCallbacks && t.emit("touchEnd", h), i.allowTouchCallbacks = !1, !i.isTouched) return i.isMoved && s.grabCursor && t.setGrabCursor(!1), i.isMoved = !1, void (i.startMoving = !1); s.grabCursor && i.isMoved && i.isTouched && (!0 === t.allowSlideNext || !0 === t.allowSlidePrev) && t.setGrabCursor(!1); var p, c = n.now(), u = c - i.touchStartTime; if (t.allowClick && (t.updateClickedSlide(h), t.emit("tap click", h), u < 300 && c - i.lastClickTime < 300 && t.emit("doubleTap doubleClick", h)), i.lastClickTime = n.now(), n.nextTick((function () { t.destroyed || (t.allowClick = !0) })), !i.isTouched || !i.isMoved || !t.swipeDirection || 0 === a.diff || i.currentTranslate === i.startTranslate) return i.isTouched = !1, i.isMoved = !1, void (i.startMoving = !1); if (i.isTouched = !1, i.isMoved = !1, i.startMoving = !1, p = s.followFinger ? r ? t.translate : -t.translate : -i.currentTranslate, !s.cssMode) if (s.freeMode) { if (p < -t.minTranslate()) return void t.slideTo(t.activeIndex); if (p > -t.maxTranslate()) return void (t.slides.length < d.length ? t.slideTo(d.length - 1) : t.slideTo(t.slides.length - 1)); if (s.freeModeMomentum) { if (i.velocities.length > 1) { var v = i.velocities.pop(), f = i.velocities.pop(), m = v.position - f.position, g = v.time - f.time; t.velocity = m / g, t.velocity /= 2, Math.abs(t.velocity) < s.freeModeMinimumVelocity && (t.velocity = 0), (g > 150 || n.now() - v.time > 300) && (t.velocity = 0) } else t.velocity = 0; t.velocity *= s.freeModeMomentumVelocityRatio, i.velocities.length = 0; var b = 1e3 * s.freeModeMomentumRatio, w = t.velocity * b, y = t.translate + w; r && (y = -y); var x, T, E = !1, S = 20 * Math.abs(t.velocity) * s.freeModeMomentumBounceRatio; if (y < t.maxTranslate()) s.freeModeMomentumBounce ? (y + t.maxTranslate() < -S && (y = t.maxTranslate() - S), x = t.maxTranslate(), E = !0, i.allowMomentumBounce = !0) : y = t.maxTranslate(), s.loop && s.centeredSlides && (T = !0); else if (y > t.minTranslate()) s.freeModeMomentumBounce ? (y - t.minTranslate() > S && (y = t.minTranslate() + S), x = t.minTranslate(), E = !0, i.allowMomentumBounce = !0) : y = t.minTranslate(), s.loop && s.centeredSlides && (T = !0); else if (s.freeModeSticky) { for (var C, M = 0; M < d.length; M += 1)if (d[M] > -y) { C = M; break } y = -(y = Math.abs(d[C] - y) < Math.abs(d[C - 1] - y) || "next" === t.swipeDirection ? d[C] : d[C - 1]) } if (T && t.once("transitionEnd", (function () { t.loopFix() })), 0 !== t.velocity) { if (b = r ? Math.abs((-y - t.translate) / t.velocity) : Math.abs((y - t.translate) / t.velocity), s.freeModeSticky) { var P = Math.abs((r ? -y : y) - t.translate), z = t.slidesSizesGrid[t.activeIndex]; b = P < z ? s.speed : P < 2 * z ? 1.5 * s.speed : 2.5 * s.speed } } else if (s.freeModeSticky) return void t.slideToClosest(); s.freeModeMomentumBounce && E ? (t.updateProgress(x), t.setTransition(b), t.setTranslate(y), t.transitionStart(!0, t.swipeDirection), t.animating = !0, o.transitionEnd((function () { t && !t.destroyed && i.allowMomentumBounce && (t.emit("momentumBounce"), t.setTransition(s.speed), t.setTranslate(x), o.transitionEnd((function () { t && !t.destroyed && t.transitionEnd() }))) }))) : t.velocity ? (t.updateProgress(y), t.setTransition(b), t.setTranslate(y), t.transitionStart(!0, t.swipeDirection), t.animating || (t.animating = !0, o.transitionEnd((function () { t && !t.destroyed && t.transitionEnd() })))) : t.updateProgress(y), t.updateActiveIndex(), t.updateSlidesClasses() } else if (s.freeModeSticky) return void t.slideToClosest(); (!s.freeModeMomentum || u >= s.longSwipesMs) && (t.updateProgress(), t.updateActiveIndex(), t.updateSlidesClasses()) } else { for (var k = 0, $ = t.slidesSizesGrid[0], L = 0; L < l.length; L += s.slidesPerGroup)void 0 !== l[L + s.slidesPerGroup] ? p >= l[L] && p < l[L + s.slidesPerGroup] && (k = L, $ = l[L + s.slidesPerGroup] - l[L]) : p >= l[L] && (k = L, $ = l[l.length - 1] - l[l.length - 2]); var I = (p - l[k]) / $; if (u > s.longSwipesMs) { if (!s.longSwipes) return void t.slideTo(t.activeIndex); "next" === t.swipeDirection && (I >= s.longSwipesRatio ? t.slideTo(k + s.slidesPerGroup) : t.slideTo(k)), "prev" === t.swipeDirection && (I > 1 - s.longSwipesRatio ? t.slideTo(k + s.slidesPerGroup) : t.slideTo(k)) } else { if (!s.shortSwipes) return void t.slideTo(t.activeIndex); t.navigation && (h.target === t.navigation.nextEl || h.target === t.navigation.prevEl) ? h.target === t.navigation.nextEl ? t.slideTo(k + s.slidesPerGroup) : t.slideTo(k) : ("next" === t.swipeDirection && t.slideTo(k + s.slidesPerGroup), "prev" === t.swipeDirection && t.slideTo(k)) } } } function G() { var e = this.params, t = this.el; if (!t || 0 !== t.offsetWidth) { e.breakpoints && this.setBreakpoint(); var i = this.allowSlideNext, s = this.allowSlidePrev, a = this.snapGrid; this.allowSlideNext = !0, this.allowSlidePrev = !0, this.updateSize(), this.updateSlides(), this.updateSlidesClasses(), ("auto" === e.slidesPerView || e.slidesPerView > 1) && this.isEnd && !this.params.centeredSlides ? this.slideTo(this.slides.length - 1, 0, !1, !0) : this.slideTo(this.activeIndex, 0, !1, !0), this.autoplay && this.autoplay.running && this.autoplay.paused && this.autoplay.run(), this.allowSlidePrev = s, this.allowSlideNext = i, this.params.watchOverflow && a !== this.snapGrid && this.checkOverflow() } } function B(e) { this.allowClick || (this.params.preventClicks && e.preventDefault(), this.params.preventClicksPropagation && this.animating && (e.stopPropagation(), e.stopImmediatePropagation())) } function H() { var e = this.wrapperEl; this.previousTranslate = this.translate, this.translate = this.isHorizontal() ? -e.scrollLeft : -e.scrollTop, -0 === this.translate && (this.translate = 0), this.updateActiveIndex(), this.updateSlidesClasses(); var t = this.maxTranslate() - this.minTranslate(); (0 === t ? 0 : (this.translate - this.minTranslate()) / t) !== this.progress && this.updateProgress(this.translate), this.emit("setTranslate", this.translate, !1) } var N = !1; function X() { } var V = { init: !0, direction: "horizontal", touchEventsTarget: "container", initialSlide: 0, speed: 300, cssMode: !1, updateOnWindowResize: !0, preventInteractionOnTransition: !1, edgeSwipeDetection: !1, edgeSwipeThreshold: 20, freeMode: !1, freeModeMomentum: !0, freeModeMomentumRatio: 1, freeModeMomentumBounce: !0, freeModeMomentumBounceRatio: 1, freeModeMomentumVelocityRatio: 1, freeModeSticky: !1, freeModeMinimumVelocity: .02, autoHeight: !1, setWrapperSize: !1, virtualTranslate: !1, effect: "slide", breakpoints: void 0, spaceBetween: 0, slidesPerView: 1, slidesPerColumn: 1, slidesPerColumnFill: "column", slidesPerGroup: 1, centeredSlides: !1, centeredSlidesBounds: !1, slidesOffsetBefore: 0, slidesOffsetAfter: 0, normalizeSlideIndex: !0, centerInsufficientSlides: !1, watchOverflow: !1, roundLengths: !1, touchRatio: 1, touchAngle: 45, simulateTouch: !0, shortSwipes: !0, longSwipes: !0, longSwipesRatio: .5, longSwipesMs: 300, followFinger: !0, allowTouchMove: !0, threshold: 0, touchMoveStopPropagation: !1, touchStartPreventDefault: !0, touchStartForcePreventDefault: !1, touchReleaseOnEdges: !1, uniqueNavElements: !0, resistance: !0, resistanceRatio: .85, watchSlidesProgress: !1, watchSlidesVisibility: !1, grabCursor: !1, preventClicks: !0, preventClicksPropagation: !0, slideToClickedSlide: !1, preloadImages: !0, updateOnImagesReady: !0, loop: !1, loopAdditionalSlides: 0, loopedSlides: null, loopFillGroupWithBlank: !1, allowSlidePrev: !0, allowSlideNext: !0, swipeHandler: null, noSwiping: !0, noSwipingClass: "swiper-no-swiping", noSwipingSelector: null, passiveListeners: !0, containerModifierClass: "swiper-container-", slideClass: "swiper-slide", slideBlankClass: "swiper-slide-invisible-blank", slideActiveClass: "swiper-slide-active", slideDuplicateActiveClass: "swiper-slide-duplicate-active", slideVisibleClass: "swiper-slide-visible", slideDuplicateClass: "swiper-slide-duplicate", slideNextClass: "swiper-slide-next", slideDuplicateNextClass: "swiper-slide-duplicate-next", slidePrevClass: "swiper-slide-prev", slideDuplicatePrevClass: "swiper-slide-duplicate-prev", wrapperClass: "swiper-wrapper", runCallbacksOnInit: !0 }, Y = { update: h, translate: p, transition: c, slide: u, loop: v, grabCursor: f, manipulation: L, events: { attachEvents: function () { var t = this.params, i = this.touchEvents, s = this.el, a = this.wrapperEl; this.onTouchStart = D.bind(this), this.onTouchMove = O.bind(this), this.onTouchEnd = A.bind(this), t.cssMode && (this.onScroll = H.bind(this)), this.onClick = B.bind(this); var r = !!t.nested; if (!o.touch && o.pointerEvents) s.addEventListener(i.start, this.onTouchStart, !1), e.addEventListener(i.move, this.onTouchMove, r), e.addEventListener(i.end, this.onTouchEnd, !1); else { if (o.touch) { var n = !("touchstart" !== i.start || !o.passiveListener || !t.passiveListeners) && { passive: !0, capture: !1 }; s.addEventListener(i.start, this.onTouchStart, n), s.addEventListener(i.move, this.onTouchMove, o.passiveListener ? { passive: !1, capture: r } : r), s.addEventListener(i.end, this.onTouchEnd, n), i.cancel && s.addEventListener(i.cancel, this.onTouchEnd, n), N || (e.addEventListener("touchstart", X), N = !0) } (t.simulateTouch && !I.ios && !I.android || t.simulateTouch && !o.touch && I.ios) && (s.addEventListener("mousedown", this.onTouchStart, !1), e.addEventListener("mousemove", this.onTouchMove, r), e.addEventListener("mouseup", this.onTouchEnd, !1)) } (t.preventClicks || t.preventClicksPropagation) && s.addEventListener("click", this.onClick, !0), t.cssMode && a.addEventListener("scroll", this.onScroll), t.updateOnWindowResize ? this.on(I.ios || I.android ? "resize orientationchange observerUpdate" : "resize observerUpdate", G, !0) : this.on("observerUpdate", G, !0) }, detachEvents: function () { var t = this.params, i = this.touchEvents, s = this.el, a = this.wrapperEl, r = !!t.nested; if (!o.touch && o.pointerEvents) s.removeEventListener(i.start, this.onTouchStart, !1), e.removeEventListener(i.move, this.onTouchMove, r), e.removeEventListener(i.end, this.onTouchEnd, !1); else { if (o.touch) { var n = !("onTouchStart" !== i.start || !o.passiveListener || !t.passiveListeners) && { passive: !0, capture: !1 }; s.removeEventListener(i.start, this.onTouchStart, n), s.removeEventListener(i.move, this.onTouchMove, r), s.removeEventListener(i.end, this.onTouchEnd, n), i.cancel && s.removeEventListener(i.cancel, this.onTouchEnd, n) } (t.simulateTouch && !I.ios && !I.android || t.simulateTouch && !o.touch && I.ios) && (s.removeEventListener("mousedown", this.onTouchStart, !1), e.removeEventListener("mousemove", this.onTouchMove, r), e.removeEventListener("mouseup", this.onTouchEnd, !1)) } (t.preventClicks || t.preventClicksPropagation) && s.removeEventListener("click", this.onClick, !0), t.cssMode && a.removeEventListener("scroll", this.onScroll), this.off(I.ios || I.android ? "resize orientationchange observerUpdate" : "resize observerUpdate", G) } }, breakpoints: { setBreakpoint: function () { var e = this.activeIndex, t = this.initialized, i = this.loopedSlides; void 0 === i && (i = 0); var s = this.params, a = this.$el, r = s.breakpoints; if (r && (!r || 0 !== Object.keys(r).length)) { var o = this.getBreakpoint(r); if (o && this.currentBreakpoint !== o) { var l = o in r ? r[o] : void 0; l && ["slidesPerView", "spaceBetween", "slidesPerGroup", "slidesPerColumn"].forEach((function (e) { var t = l[e]; void 0 !== t && (l[e] = "slidesPerView" !== e || "AUTO" !== t && "auto" !== t ? "slidesPerView" === e ? parseFloat(t) : parseInt(t, 10) : "auto") })); var d = l || this.originalParams, h = s.slidesPerColumn > 1, p = d.slidesPerColumn > 1; h && !p ? a.removeClass(s.containerModifierClass + "multirow " + s.containerModifierClass + "multirow-column") : !h && p && (a.addClass(s.containerModifierClass + "multirow"), "column" === d.slidesPerColumnFill && a.addClass(s.containerModifierClass + "multirow-column")); var c = d.direction && d.direction !== s.direction, u = s.loop && (d.slidesPerView !== s.slidesPerView || c); c && t && this.changeDirection(), n.extend(this.params, d), n.extend(this, { allowTouchMove: this.params.allowTouchMove, allowSlideNext: this.params.allowSlideNext, allowSlidePrev: this.params.allowSlidePrev }), this.currentBreakpoint = o, u && t && (this.loopDestroy(), this.loopCreate(), this.updateSlides(), this.slideTo(e - i + this.loopedSlides, 0, !1)), this.emit("breakpoint", d) } } }, getBreakpoint: function (e) { if (e) { var i = !1, s = []; Object.keys(e).forEach((function (e) { s.push(e) })), s.sort((function (e, t) { return parseInt(e, 10) - parseInt(t, 10) })); for (var a = 0; a < s.length; a += 1) { var r = s[a]; r <= t.innerWidth && (i = r) } return i || "max" } } }, checkOverflow: { checkOverflow: function () { var e = this.params, t = this.isLocked, i = this.slides.length > 0 && e.slidesOffsetBefore + e.spaceBetween * (this.slides.length - 1) + this.slides[0].offsetWidth * this.slides.length; e.slidesOffsetBefore && e.slidesOffsetAfter && i ? this.isLocked = i <= this.size : this.isLocked = 1 === this.snapGrid.length, this.allowSlideNext = !this.isLocked, this.allowSlidePrev = !this.isLocked, t !== this.isLocked && this.emit(this.isLocked ? "lock" : "unlock"), t && t !== this.isLocked && (this.isEnd = !1, this.navigation.update()) } }, classes: { addClasses: function () { var e = this.classNames, t = this.params, i = this.rtl, s = this.$el, a = []; a.push("initialized"), a.push(t.direction), t.freeMode && a.push("free-mode"), t.autoHeight && a.push("autoheight"), i && a.push("rtl"), t.slidesPerColumn > 1 && (a.push("multirow"), "column" === t.slidesPerColumnFill && a.push("multirow-column")), I.android && a.push("android"), I.ios && a.push("ios"), t.cssMode && a.push("css-mode"), a.forEach((function (i) { e.push(t.containerModifierClass + i) })), s.addClass(e.join(" ")) }, removeClasses: function () { var e = this.$el, t = this.classNames; e.removeClass(t.join(" ")) } }, images: { loadImage: function (e, i, s, a, r, n) { var o; function l() { n && n() } e.complete && r ? l() : i ? ((o = new t.Image).onload = l, o.onerror = l, a && (o.sizes = a), s && (o.srcset = s), i && (o.src = i)) : l() }, preloadImages: function () { var e = this; function t() { null != e && e && !e.destroyed && (void 0 !== e.imagesLoaded && (e.imagesLoaded += 1), e.imagesLoaded === e.imagesToLoad.length && (e.params.updateOnImagesReady && e.update(), e.emit("imagesReady"))) } e.imagesToLoad = e.$el.find("img"); for (var i = 0; i < e.imagesToLoad.length; i += 1) { var s = e.imagesToLoad[i]; e.loadImage(s, s.currentSrc || s.getAttribute("src"), s.srcset || s.getAttribute("srcset"), s.sizes || s.getAttribute("sizes"), !0, t) } } } }, F = {}, W = function (e) { function t() { for (var i, a, r, l = [], d = arguments.length; d--;)l[d] = arguments[d]; 1 === l.length && l[0].constructor && l[0].constructor === Object ? r = l[0] : (a = (i = l)[0], r = i[1]), r || (r = {}), r = n.extend({}, r), a && !r.el && (r.el = a), e.call(this, r), Object.keys(Y).forEach((function (e) { Object.keys(Y[e]).forEach((function (i) { t.prototype[i] || (t.prototype[i] = Y[e][i]) })) })); var h = this; void 0 === h.modules && (h.modules = {}), Object.keys(h.modules).forEach((function (e) { var t = h.modules[e]; if (t.params) { var i = Object.keys(t.params)[0], s = t.params[i]; if ("object" != typeof s || null === s) return; if (!(i in r && "enabled" in s)) return; !0 === r[i] && (r[i] = { enabled: !0 }), "object" != typeof r[i] || "enabled" in r[i] || (r[i].enabled = !0), r[i] || (r[i] = { enabled: !1 }) } })); var p = n.extend({}, V); h.useModulesParams(p), h.params = n.extend({}, p, F, r), h.originalParams = n.extend({}, h.params), h.passedParams = n.extend({}, r), h.$ = s; var c = s(h.params.el); if (a = c[0]) { if (c.length > 1) { var u = []; return c.each((function (e, i) { var s = n.extend({}, r, { el: i }); u.push(new t(s)) })), u } var v, f, m; return a.swiper = h, c.data("swiper", h), a && a.shadowRoot && a.shadowRoot.querySelector ? (v = s(a.shadowRoot.querySelector("." + h.params.wrapperClass))).children = function (e) { return c.children(e) } : v = c.children("." + h.params.wrapperClass), n.extend(h, { $el: c, el: a, $wrapperEl: v, wrapperEl: v[0], classNames: [], slides: s(), slidesGrid: [], snapGrid: [], slidesSizesGrid: [], isHorizontal: function () { return "horizontal" === h.params.direction }, isVertical: function () { return "vertical" === h.params.direction }, rtl: "rtl" === a.dir.toLowerCase() || "rtl" === c.css("direction"), rtlTranslate: "horizontal" === h.params.direction && ("rtl" === a.dir.toLowerCase() || "rtl" === c.css("direction")), wrongRTL: "-webkit-box" === v.css("display"), activeIndex: 0, realIndex: 0, isBeginning: !0, isEnd: !1, translate: 0, previousTranslate: 0, progress: 0, velocity: 0, animating: !1, allowSlideNext: h.params.allowSlideNext, allowSlidePrev: h.params.allowSlidePrev, touchEvents: (f = ["touchstart", "touchmove", "touchend", "touchcancel"], m = ["mousedown", "mousemove", "mouseup"], o.pointerEvents && (m = ["pointerdown", "pointermove", "pointerup"]), h.touchEventsTouch = { start: f[0], move: f[1], end: f[2], cancel: f[3] }, h.touchEventsDesktop = { start: m[0], move: m[1], end: m[2] }, o.touch || !h.params.simulateTouch ? h.touchEventsTouch : h.touchEventsDesktop), touchEventsData: { isTouched: void 0, isMoved: void 0, allowTouchCallbacks: void 0, touchStartTime: void 0, isScrolling: void 0, currentTranslate: void 0, startTranslate: void 0, allowThresholdMove: void 0, formElements: "input, select, option, textarea, button, video", lastClickTime: n.now(), clickTimeout: void 0, velocities: [], allowMomentumBounce: void 0, isTouchEvent: void 0, startMoving: void 0 }, allowClick: !0, allowTouchMove: h.params.allowTouchMove, touches: { startX: 0, startY: 0, currentX: 0, currentY: 0, diff: 0 }, imagesToLoad: [], imagesLoaded: 0 }), h.useModules(), h.params.init && h.init(), h } } e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t; var i = { extendedDefaults: { configurable: !0 }, defaults: { configurable: !0 }, Class: { configurable: !0 }, $: { configurable: !0 } }; return t.prototype.slidesPerViewDynamic = function () { var e = this.params, t = this.slides, i = this.slidesGrid, s = this.size, a = this.activeIndex, r = 1; if (e.centeredSlides) { for (var n, o = t[a].swiperSlideSize, l = a + 1; l < t.length; l += 1)t[l] && !n && (r += 1, (o += t[l].swiperSlideSize) > s && (n = !0)); for (var d = a - 1; d >= 0; d -= 1)t[d] && !n && (r += 1, (o += t[d].swiperSlideSize) > s && (n = !0)) } else for (var h = a + 1; h < t.length; h += 1)i[h] - i[a] < s && (r += 1); return r }, t.prototype.update = function () { var e = this; if (e && !e.destroyed) { var t = e.snapGrid, i = e.params; i.breakpoints && e.setBreakpoint(), e.updateSize(), e.updateSlides(), e.updateProgress(), e.updateSlidesClasses(), e.params.freeMode ? (s(), e.params.autoHeight && e.updateAutoHeight()) : (("auto" === e.params.slidesPerView || e.params.slidesPerView > 1) && e.isEnd && !e.params.centeredSlides ? e.slideTo(e.slides.length - 1, 0, !1, !0) : e.slideTo(e.activeIndex, 0, !1, !0)) || s(), i.watchOverflow && t !== e.snapGrid && e.checkOverflow(), e.emit("update") } function s() { var t = e.rtlTranslate ? -1 * e.translate : e.translate, i = Math.min(Math.max(t, e.maxTranslate()), e.minTranslate()); e.setTranslate(i), e.updateActiveIndex(), e.updateSlidesClasses() } }, t.prototype.changeDirection = function (e, t) { void 0 === t && (t = !0); var i = this.params.direction; return e || (e = "horizontal" === i ? "vertical" : "horizontal"), e === i || "horizontal" !== e && "vertical" !== e ? this : (this.$el.removeClass("" + this.params.containerModifierClass + i).addClass("" + this.params.containerModifierClass + e), this.params.direction = e, this.slides.each((function (t, i) { "vertical" === e ? i.style.width = "" : i.style.height = "" })), this.emit("changeDirection"), t && this.update(), this) }, t.prototype.init = function () { this.initialized || (this.emit("beforeInit"), this.params.breakpoints && this.setBreakpoint(), this.addClasses(), this.params.loop && this.loopCreate(), this.updateSize(), this.updateSlides(), this.params.watchOverflow && this.checkOverflow(), this.params.grabCursor && this.setGrabCursor(), this.params.preloadImages && this.preloadImages(), this.params.loop ? this.slideTo(this.params.initialSlide + this.loopedSlides, 0, this.params.runCallbacksOnInit) : this.slideTo(this.params.initialSlide, 0, this.params.runCallbacksOnInit), this.attachEvents(), this.initialized = !0, this.emit("init")) }, t.prototype.destroy = function (e, t) { void 0 === e && (e = !0), void 0 === t && (t = !0); var i = this, s = i.params, a = i.$el, r = i.$wrapperEl, o = i.slides; return void 0 === i.params || i.destroyed ? null : (i.emit("beforeDestroy"), i.initialized = !1, i.detachEvents(), s.loop && i.loopDestroy(), t && (i.removeClasses(), a.removeAttr("style"), r.removeAttr("style"), o && o.length && o.removeClass([s.slideVisibleClass, s.slideActiveClass, s.slideNextClass, s.slidePrevClass].join(" ")).removeAttr("style").removeAttr("data-swiper-slide-index")), i.emit("destroy"), Object.keys(i.eventsListeners).forEach((function (e) { i.off(e) })), !1 !== e && (i.$el[0].swiper = null, i.$el.data("swiper", null), n.deleteProps(i)), i.destroyed = !0, null) }, t.extendDefaults = function (e) { n.extend(F, e) }, i.extendedDefaults.get = function () { return F }, i.defaults.get = function () { return V }, i.Class.get = function () { return e }, i.$.get = function () { return s }, Object.defineProperties(t, i), t }(l), R = { name: "device", proto: { device: I }, static: { device: I } }, q = { name: "support", proto: { support: o }, static: { support: o } }, j = { isEdge: !!t.navigator.userAgent.match(/Edge/g), isSafari: function () { var e = t.navigator.userAgent.toLowerCase(); return e.indexOf("safari") >= 0 && e.indexOf("chrome") < 0 && e.indexOf("android") < 0 }(), isUiWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent) }, K = { name: "browser", proto: { browser: j }, static: { browser: j } }, U = { name: "resize", create: function () { var e = this; n.extend(e, { resize: { resizeHandler: function () { e && !e.destroyed && e.initialized && (e.emit("beforeResize"), e.emit("resize")) }, orientationChangeHandler: function () { e && !e.destroyed && e.initialized && e.emit("orientationchange") } } }) }, on: { init: function () { t.addEventListener("resize", this.resize.resizeHandler), t.addEventListener("orientationchange", this.resize.orientationChangeHandler) }, destroy: function () { t.removeEventListener("resize", this.resize.resizeHandler), t.removeEventListener("orientationchange", this.resize.orientationChangeHandler) } } }, _ = { func: t.MutationObserver || t.WebkitMutationObserver, attach: function (e, i) { void 0 === i && (i = {}); var s = this, a = new (0, _.func)((function (e) { if (1 !== e.length) { var i = function () { s.emit("observerUpdate", e[0]) }; t.requestAnimationFrame ? t.requestAnimationFrame(i) : t.setTimeout(i, 0) } else s.emit("observerUpdate", e[0]) })); a.observe(e, { attributes: void 0 === i.attributes || i.attributes, childList: void 0 === i.childList || i.childList, characterData: void 0 === i.characterData || i.characterData }), s.observer.observers.push(a) }, init: function () { if (o.observer && this.params.observer) { if (this.params.observeParents) for (var e = this.$el.parents(), t = 0; t < e.length; t += 1)this.observer.attach(e[t]); this.observer.attach(this.$el[0], { childList: this.params.observeSlideChildren }), this.observer.attach(this.$wrapperEl[0], { attributes: !1 }) } }, destroy: function () { this.observer.observers.forEach((function (e) { e.disconnect() })), this.observer.observers = [] } }, Z = { name: "observer", params: { observer: !1, observeParents: !1, observeSlideChildren: !1 }, create: function () { n.extend(this, { observer: { init: _.init.bind(this), attach: _.attach.bind(this), destroy: _.destroy.bind(this), observers: [] } }) }, on: { init: function () { this.observer.init() }, destroy: function () { this.observer.destroy() } } }, Q = { update: function (e) { var t = this, i = t.params, s = i.slidesPerView, a = i.slidesPerGroup, r = i.centeredSlides, o = t.params.virtual, l = o.addSlidesBefore, d = o.addSlidesAfter, h = t.virtual, p = h.from, c = h.to, u = h.slides, v = h.slidesGrid, f = h.renderSlide, m = h.offset; t.updateActiveIndex(); var g, b, w, y = t.activeIndex || 0; g = t.rtlTranslate ? "right" : t.isHorizontal() ? "left" : "top", r ? (b = Math.floor(s / 2) + a + l, w = Math.floor(s / 2) + a + d) : (b = s + (a - 1) + l, w = a + d); var x = Math.max((y || 0) - w, 0), T = Math.min((y || 0) + b, u.length - 1), E = (t.slidesGrid[x] || 0) - (t.slidesGrid[0] || 0); function S() { t.updateSlides(), t.updateProgress(), t.updateSlidesClasses(), t.lazy && t.params.lazy.enabled && t.lazy.load() } if (n.extend(t.virtual, { from: x, to: T, offset: E, slidesGrid: t.slidesGrid }), p === x && c === T && !e) return t.slidesGrid !== v && E !== m && t.slides.css(g, E + "px"), void t.updateProgress(); if (t.params.virtual.renderExternal) return t.params.virtual.renderExternal.call(t, { offset: E, from: x, to: T, slides: function () { for (var e = [], t = x; t <= T; t += 1)e.push(u[t]); return e }() }), void S(); var C = [], M = []; if (e) t.$wrapperEl.find("." + t.params.slideClass).remove(); else for (var P = p; P <= c; P += 1)(P < x || P > T) && t.$wrapperEl.find("." + t.params.slideClass + '[data-swiper-slide-index="' + P + '"]').remove(); for (var z = 0; z < u.length; z += 1)z >= x && z <= T && (void 0 === c || e ? M.push(z) : (z > c && M.push(z), z < p && C.push(z))); M.forEach((function (e) { t.$wrapperEl.append(f(u[e], e)) })), C.sort((function (e, t) { return t - e })).forEach((function (e) { t.$wrapperEl.prepend(f(u[e], e)) })), t.$wrapperEl.children(".swiper-slide").css(g, E + "px"), S() }, renderSlide: function (e, t) { var i = this.params.virtual; if (i.cache && this.virtual.cache[t]) return this.virtual.cache[t]; var a = i.renderSlide ? s(i.renderSlide.call(this, e, t)) : s('<div class="' + this.params.slideClass + '" data-swiper-slide-index="' + t + '">' + e + "</div>"); return a.attr("data-swiper-slide-index") || a.attr("data-swiper-slide-index", t), i.cache && (this.virtual.cache[t] = a), a }, appendSlide: function (e) { if ("object" == typeof e && "length" in e) for (var t = 0; t < e.length; t += 1)e[t] && this.virtual.slides.push(e[t]); else this.virtual.slides.push(e); this.virtual.update(!0) }, prependSlide: function (e) { var t = this.activeIndex, i = t + 1, s = 1; if (Array.isArray(e)) { for (var a = 0; a < e.length; a += 1)e[a] && this.virtual.slides.unshift(e[a]); i = t + e.length, s = e.length } else this.virtual.slides.unshift(e); if (this.params.virtual.cache) { var r = this.virtual.cache, n = {}; Object.keys(r).forEach((function (e) { var t = r[e], i = t.attr("data-swiper-slide-index"); i && t.attr("data-swiper-slide-index", parseInt(i, 10) + 1), n[parseInt(e, 10) + s] = t })), this.virtual.cache = n } this.virtual.update(!0), this.slideTo(i, 0) }, removeSlide: function (e) { if (null != e) { var t = this.activeIndex; if (Array.isArray(e)) for (var i = e.length - 1; i >= 0; i -= 1)this.virtual.slides.splice(e[i], 1), this.params.virtual.cache && delete this.virtual.cache[e[i]], e[i] < t && (t -= 1), t = Math.max(t, 0); else this.virtual.slides.splice(e, 1), this.params.virtual.cache && delete this.virtual.cache[e], e < t && (t -= 1), t = Math.max(t, 0); this.virtual.update(!0), this.slideTo(t, 0) } }, removeAllSlides: function () { this.virtual.slides = [], this.params.virtual.cache && (this.virtual.cache = {}), this.virtual.update(!0), this.slideTo(0, 0) } }, J = { name: "virtual", params: { virtual: { enabled: !1, slides: [], cache: !0, renderSlide: null, renderExternal: null, addSlidesBefore: 0, addSlidesAfter: 0 } }, create: function () { n.extend(this, { virtual: { update: Q.update.bind(this), appendSlide: Q.appendSlide.bind(this), prependSlide: Q.prependSlide.bind(this), removeSlide: Q.removeSlide.bind(this), removeAllSlides: Q.removeAllSlides.bind(this), renderSlide: Q.renderSlide.bind(this), slides: this.params.virtual.slides, cache: {} } }) }, on: { beforeInit: function () { if (this.params.virtual.enabled) { this.classNames.push(this.params.containerModifierClass + "virtual"); var e = { watchSlidesProgress: !0 }; n.extend(this.params, e), n.extend(this.originalParams, e), this.params.initialSlide || this.virtual.update() } }, setTranslate: function () { this.params.virtual.enabled && this.virtual.update() } } }, ee = { handle: function (i) { var s = this.rtlTranslate, a = i; a.originalEvent && (a = a.originalEvent); var r = a.keyCode || a.charCode; if (!this.allowSlideNext && (this.isHorizontal() && 39 === r || this.isVertical() && 40 === r || 34 === r)) return !1; if (!this.allowSlidePrev && (this.isHorizontal() && 37 === r || this.isVertical() && 38 === r || 33 === r)) return !1; if (!(a.shiftKey || a.altKey || a.ctrlKey || a.metaKey || e.activeElement && e.activeElement.nodeName && ("input" === e.activeElement.nodeName.toLowerCase() || "textarea" === e.activeElement.nodeName.toLowerCase()))) { if (this.params.keyboard.onlyInViewport && (33 === r || 34 === r || 37 === r || 39 === r || 38 === r || 40 === r)) { var n = !1; if (this.$el.parents("." + this.params.slideClass).length > 0 && 0 === this.$el.parents("." + this.params.slideActiveClass).length) return; var o = t.innerWidth, l = t.innerHeight, d = this.$el.offset(); s && (d.left -= this.$el[0].scrollLeft); for (var h = [[d.left, d.top], [d.left + this.width, d.top], [d.left, d.top + this.height], [d.left + this.width, d.top + this.height]], p = 0; p < h.length; p += 1) { var c = h[p]; c[0] >= 0 && c[0] <= o && c[1] >= 0 && c[1] <= l && (n = !0) } if (!n) return } this.isHorizontal() ? (33 !== r && 34 !== r && 37 !== r && 39 !== r || (a.preventDefault ? a.preventDefault() : a.returnValue = !1), (34 !== r && 39 !== r || s) && (33 !== r && 37 !== r || !s) || this.slideNext(), (33 !== r && 37 !== r || s) && (34 !== r && 39 !== r || !s) || this.slidePrev()) : (33 !== r && 34 !== r && 38 !== r && 40 !== r || (a.preventDefault ? a.preventDefault() : a.returnValue = !1), 34 !== r && 40 !== r || this.slideNext(), 33 !== r && 38 !== r || this.slidePrev()), this.emit("keyPress", r) } }, enable: function () { this.keyboard.enabled || (s(e).on("keydown", this.keyboard.handle), this.keyboard.enabled = !0) }, disable: function () { this.keyboard.enabled && (s(e).off("keydown", this.keyboard.handle), this.keyboard.enabled = !1) } }, te = { name: "keyboard", params: { keyboard: { enabled: !1, onlyInViewport: !0 } }, create: function () { n.extend(this, { keyboard: { enabled: !1, enable: ee.enable.bind(this), disable: ee.disable.bind(this), handle: ee.handle.bind(this) } }) }, on: { init: function () { this.params.keyboard.enabled && this.keyboard.enable() }, destroy: function () { this.keyboard.enabled && this.keyboard.disable() } } }; var ie = { lastScrollTime: n.now(), lastEventBeforeSnap: void 0, recentWheelEvents: [], event: function () { return t.navigator.userAgent.indexOf("firefox") > -1 ? "DOMMouseScroll" : function () { var t = "onwheel" in e; if (!t) { var i = e.createElement("div"); i.setAttribute("onwheel", "return;"), t = "function" == typeof i.onwheel } return !t && e.implementation && e.implementation.hasFeature && !0 !== e.implementation.hasFeature("", "") && (t = e.implementation.hasFeature("Events.wheel", "3.0")), t }() ? "wheel" : "mousewheel" }, normalize: function (e) { var t = 0, i = 0, s = 0, a = 0; return "detail" in e && (i = e.detail), "wheelDelta" in e && (i = -e.wheelDelta / 120), "wheelDeltaY" in e && (i = -e.wheelDeltaY / 120), "wheelDeltaX" in e && (t = -e.wheelDeltaX / 120), "axis" in e && e.axis === e.HORIZONTAL_AXIS && (t = i, i = 0), s = 10 * t, a = 10 * i, "deltaY" in e && (a = e.deltaY), "deltaX" in e && (s = e.deltaX), e.shiftKey && !s && (s = a, a = 0), (s || a) && e.deltaMode && (1 === e.deltaMode ? (s *= 40, a *= 40) : (s *= 800, a *= 800)), s && !t && (t = s < 1 ? -1 : 1), a && !i && (i = a < 1 ? -1 : 1), { spinX: t, spinY: i, pixelX: s, pixelY: a } }, handleMouseEnter: function () { this.mouseEntered = !0 }, handleMouseLeave: function () { this.mouseEntered = !1 }, handle: function (e) { var t = e, i = this, s = i.params.mousewheel; if (i.params.cssMode && t.preventDefault(), !i.mouseEntered && !s.releaseOnEdges) return !0; t.originalEvent && (t = t.originalEvent); var a = 0, r = i.rtlTranslate ? -1 : 1, o = ie.normalize(t); if (s.forceToAxis) if (i.isHorizontal()) { if (!(Math.abs(o.pixelX) > Math.abs(o.pixelY))) return !0; a = o.pixelX * r } else { if (!(Math.abs(o.pixelY) > Math.abs(o.pixelX))) return !0; a = o.pixelY } else a = Math.abs(o.pixelX) > Math.abs(o.pixelY) ? -o.pixelX * r : -o.pixelY; if (0 === a) return !0; if (s.invert && (a = -a), i.params.freeMode) { var l = { time: n.now(), delta: Math.abs(a), direction: Math.sign(a) }, d = i.mousewheel.lastEventBeforeSnap, h = d && l.time < d.time + 500 && l.delta <= d.delta && l.direction === d.direction; if (!h) { i.mousewheel.lastEventBeforeSnap = void 0, i.params.loop && i.loopFix(); var p = i.getTranslate() + a * s.sensitivity, c = i.isBeginning, u = i.isEnd; if (p >= i.minTranslate() && (p = i.minTranslate()), p <= i.maxTranslate() && (p = i.maxTranslate()), i.setTransition(0), i.setTranslate(p), i.updateProgress(), i.updateActiveIndex(), i.updateSlidesClasses(), (!c && i.isBeginning || !u && i.isEnd) && i.updateSlidesClasses(), i.params.freeModeSticky) { clearTimeout(i.mousewheel.timeout), i.mousewheel.timeout = void 0; var v = i.mousewheel.recentWheelEvents; v.length >= 15 && v.shift(); var f = v.length ? v[v.length - 1] : void 0, m = v[0]; if (v.push(l), f && (l.delta > f.delta || l.direction !== f.direction)) v.splice(0); else if (v.length >= 15 && l.time - m.time < 500 && m.delta - l.delta >= 1 && l.delta <= 6) { var g = a > 0 ? .8 : .2; i.mousewheel.lastEventBeforeSnap = l, v.splice(0), i.mousewheel.timeout = n.nextTick((function () { i.slideToClosest(i.params.speed, !0, void 0, g) }), 0) } i.mousewheel.timeout || (i.mousewheel.timeout = n.nextTick((function () { i.mousewheel.lastEventBeforeSnap = l, v.splice(0), i.slideToClosest(i.params.speed, !0, void 0, .5) }), 500)) } if (h || i.emit("scroll", t), i.params.autoplay && i.params.autoplayDisableOnInteraction && i.autoplay.stop(), p === i.minTranslate() || p === i.maxTranslate()) return !0 } } else { var b = { time: n.now(), delta: Math.abs(a), direction: Math.sign(a), raw: e }, w = i.mousewheel.recentWheelEvents; w.length >= 2 && w.shift(); var y = w.length ? w[w.length - 1] : void 0; if (w.push(b), y ? (b.direction !== y.direction || b.delta > y.delta) && i.mousewheel.animateSlider(b) : i.mousewheel.animateSlider(b), i.mousewheel.releaseScroll(b)) return !0 } return t.preventDefault ? t.preventDefault() : t.returnValue = !1, !1 }, animateSlider: function (e) { return e.delta >= 6 && n.now() - this.mousewheel.lastScrollTime < 60 || (e.direction < 0 ? this.isEnd && !this.params.loop || this.animating || (this.slideNext(), this.emit("scroll", e.raw)) : this.isBeginning && !this.params.loop || this.animating || (this.slidePrev(), this.emit("scroll", e.raw)), this.mousewheel.lastScrollTime = (new t.Date).getTime(), !1) }, releaseScroll: function (e) { var t = this.params.mousewheel; if (e.direction < 0) { if (this.isEnd && !this.params.loop && t.releaseOnEdges) return !0 } else if (this.isBeginning && !this.params.loop && t.releaseOnEdges) return !0; return !1 }, enable: function () { var e = ie.event(); if (this.params.cssMode) return this.wrapperEl.removeEventListener(e, this.mousewheel.handle), !0; if (!e) return !1; if (this.mousewheel.enabled) return !1; var t = this.$el; return "container" !== this.params.mousewheel.eventsTarged && (t = s(this.params.mousewheel.eventsTarged)), t.on("mouseenter", this.mousewheel.handleMouseEnter), t.on("mouseleave", this.mousewheel.handleMouseLeave), t.on(e, this.mousewheel.handle), this.mousewheel.enabled = !0, !0 }, disable: function () { var e = ie.event(); if (this.params.cssMode) return this.wrapperEl.addEventListener(e, this.mousewheel.handle), !0; if (!e) return !1; if (!this.mousewheel.enabled) return !1; var t = this.$el; return "container" !== this.params.mousewheel.eventsTarged && (t = s(this.params.mousewheel.eventsTarged)), t.off(e, this.mousewheel.handle), this.mousewheel.enabled = !1, !0 } }, se = { update: function () { var e = this.params.navigation; if (!this.params.loop) { var t = this.navigation, i = t.$nextEl, s = t.$prevEl; s && s.length > 0 && (this.isBeginning ? s.addClass(e.disabledClass) : s.removeClass(e.disabledClass), s[this.params.watchOverflow && this.isLocked ? "addClass" : "removeClass"](e.lockClass)), i && i.length > 0 && (this.isEnd ? i.addClass(e.disabledClass) : i.removeClass(e.disabledClass), i[this.params.watchOverflow && this.isLocked ? "addClass" : "removeClass"](e.lockClass)) } }, onPrevClick: function (e) { e.preventDefault(), this.isBeginning && !this.params.loop || this.slidePrev() }, onNextClick: function (e) { e.preventDefault(), this.isEnd && !this.params.loop || this.slideNext() }, init: function () { var e, t, i = this.params.navigation; (i.nextEl || i.prevEl) && (i.nextEl && (e = s(i.nextEl), this.params.uniqueNavElements && "string" == typeof i.nextEl && e.length > 1 && 1 === this.$el.find(i.nextEl).length && (e = this.$el.find(i.nextEl))), i.prevEl && (t = s(i.prevEl), this.params.uniqueNavElements && "string" == typeof i.prevEl && t.length > 1 && 1 === this.$el.find(i.prevEl).length && (t = this.$el.find(i.prevEl))), e && e.length > 0 && e.on("click", this.navigation.onNextClick), t && t.length > 0 && t.on("click", this.navigation.onPrevClick), n.extend(this.navigation, { $nextEl: e, nextEl: e && e[0], $prevEl: t, prevEl: t && t[0] })) }, destroy: function () { var e = this.navigation, t = e.$nextEl, i = e.$prevEl; t && t.length && (t.off("click", this.navigation.onNextClick), t.removeClass(this.params.navigation.disabledClass)), i && i.length && (i.off("click", this.navigation.onPrevClick), i.removeClass(this.params.navigation.disabledClass)) } }, ae = { update: function () { var e = this.rtl, t = this.params.pagination; if (t.el && this.pagination.el && this.pagination.$el && 0 !== this.pagination.$el.length) { var i, a = this.virtual && this.params.virtual.enabled ? this.virtual.slides.length : this.slides.length, r = this.pagination.$el, n = this.params.loop ? Math.ceil((a - 2 * this.loopedSlides) / this.params.slidesPerGroup) : this.snapGrid.length; if (this.params.loop ? ((i = Math.ceil((this.activeIndex - this.loopedSlides) / this.params.slidesPerGroup)) > a - 1 - 2 * this.loopedSlides && (i -= a - 2 * this.loopedSlides), i > n - 1 && (i -= n), i < 0 && "bullets" !== this.params.paginationType && (i = n + i)) : i = void 0 !== this.snapIndex ? this.snapIndex : this.activeIndex || 0, "bullets" === t.type && this.pagination.bullets && this.pagination.bullets.length > 0) { var o, l, d, h = this.pagination.bullets; if (t.dynamicBullets && (this.pagination.bulletSize = h.eq(0)[this.isHorizontal() ? "outerWidth" : "outerHeight"](!0), r.css(this.isHorizontal() ? "width" : "height", this.pagination.bulletSize * (t.dynamicMainBullets + 4) + "px"), t.dynamicMainBullets > 1 && void 0 !== this.previousIndex && (this.pagination.dynamicBulletIndex += i - this.previousIndex, this.pagination.dynamicBulletIndex > t.dynamicMainBullets - 1 ? this.pagination.dynamicBulletIndex = t.dynamicMainBullets - 1 : this.pagination.dynamicBulletIndex < 0 && (this.pagination.dynamicBulletIndex = 0)), o = i - this.pagination.dynamicBulletIndex, d = ((l = o + (Math.min(h.length, t.dynamicMainBullets) - 1)) + o) / 2), h.removeClass(t.bulletActiveClass + " " + t.bulletActiveClass + "-next " + t.bulletActiveClass + "-next-next " + t.bulletActiveClass + "-prev " + t.bulletActiveClass + "-prev-prev " + t.bulletActiveClass + "-main"), r.length > 1) h.each((function (e, a) { var r = s(a), n = r.index(); n === i && r.addClass(t.bulletActiveClass), t.dynamicBullets && (n >= o && n <= l && r.addClass(t.bulletActiveClass + "-main"), n === o && r.prev().addClass(t.bulletActiveClass + "-prev").prev().addClass(t.bulletActiveClass + "-prev-prev"), n === l && r.next().addClass(t.bulletActiveClass + "-next").next().addClass(t.bulletActiveClass + "-next-next")) })); else { var p = h.eq(i), c = p.index(); if (p.addClass(t.bulletActiveClass), t.dynamicBullets) { for (var u = h.eq(o), v = h.eq(l), f = o; f <= l; f += 1)h.eq(f).addClass(t.bulletActiveClass + "-main"); if (this.params.loop) if (c >= h.length - t.dynamicMainBullets) { for (var m = t.dynamicMainBullets; m >= 0; m -= 1)h.eq(h.length - m).addClass(t.bulletActiveClass + "-main"); h.eq(h.length - t.dynamicMainBullets - 1).addClass(t.bulletActiveClass + "-prev") } else u.prev().addClass(t.bulletActiveClass + "-prev").prev().addClass(t.bulletActiveClass + "-prev-prev"), v.next().addClass(t.bulletActiveClass + "-next").next().addClass(t.bulletActiveClass + "-next-next"); else u.prev().addClass(t.bulletActiveClass + "-prev").prev().addClass(t.bulletActiveClass + "-prev-prev"), v.next().addClass(t.bulletActiveClass + "-next").next().addClass(t.bulletActiveClass + "-next-next") } } if (t.dynamicBullets) { var g = Math.min(h.length, t.dynamicMainBullets + 4), b = (this.pagination.bulletSize * g - this.pagination.bulletSize) / 2 - d * this.pagination.bulletSize, w = e ? "right" : "left"; h.css(this.isHorizontal() ? w : "top", b + "px") } } if ("fraction" === t.type && (r.find("." + t.currentClass).text(t.formatFractionCurrent(i + 1)), r.find("." + t.totalClass).text(t.formatFractionTotal(n))), "progressbar" === t.type) { var y; y = t.progressbarOpposite ? this.isHorizontal() ? "vertical" : "horizontal" : this.isHorizontal() ? "horizontal" : "vertical"; var x = (i + 1) / n, T = 1, E = 1; "horizontal" === y ? T = x : E = x, r.find("." + t.progressbarFillClass).transform("translate3d(0,0,0) scaleX(" + T + ") scaleY(" + E + ")").transition(this.params.speed) } "custom" === t.type && t.renderCustom ? (r.html(t.renderCustom(this, i + 1, n)), this.emit("paginationRender", this, r[0])) : this.emit("paginationUpdate", this, r[0]), r[this.params.watchOverflow && this.isLocked ? "addClass" : "removeClass"](t.lockClass) } }, render: function () { var e = this.params.pagination; if (e.el && this.pagination.el && this.pagination.$el && 0 !== this.pagination.$el.length) { var t = this.virtual && this.params.virtual.enabled ? this.virtual.slides.length : this.slides.length, i = this.pagination.$el, s = ""; if ("bullets" === e.type) { for (var a = this.params.loop ? Math.ceil((t - 2 * this.loopedSlides) / this.params.slidesPerGroup) : this.snapGrid.length, r = 0; r < a; r += 1)e.renderBullet ? s += e.renderBullet.call(this, r, e.bulletClass) : s += "<" + e.bulletElement + ' class="' + e.bulletClass + '"></' + e.bulletElement + ">"; i.html(s), this.pagination.bullets = i.find("." + e.bulletClass) } "fraction" === e.type && (s = e.renderFraction ? e.renderFraction.call(this, e.currentClass, e.totalClass) : '<span class="' + e.currentClass + '"></span> / <span class="' + e.totalClass + '"></span>', i.html(s)), "progressbar" === e.type && (s = e.renderProgressbar ? e.renderProgressbar.call(this, e.progressbarFillClass) : '<span class="' + e.progressbarFillClass + '"></span>', i.html(s)), "custom" !== e.type && this.emit("paginationRender", this.pagination.$el[0]) } }, init: function () { var e = this, t = e.params.pagination; if (t.el) { var i = s(t.el); 0 !== i.length && (e.params.uniqueNavElements && "string" == typeof t.el && i.length > 1 && 1 === e.$el.find(t.el).length && (i = e.$el.find(t.el)), "bullets" === t.type && t.clickable && i.addClass(t.clickableClass), i.addClass(t.modifierClass + t.type), "bullets" === t.type && t.dynamicBullets && (i.addClass("" + t.modifierClass + t.type + "-dynamic"), e.pagination.dynamicBulletIndex = 0, t.dynamicMainBullets < 1 && (t.dynamicMainBullets = 1)), "progressbar" === t.type && t.progressbarOpposite && i.addClass(t.progressbarOppositeClass), t.clickable && i.on("click", "." + t.bulletClass, (function (t) { t.preventDefault(); var i = s(this).index() * e.params.slidesPerGroup; e.params.loop && (i += e.loopedSlides), e.slideTo(i) })), n.extend(e.pagination, { $el: i, el: i[0] })) } }, destroy: function () { var e = this.params.pagination; if (e.el && this.pagination.el && this.pagination.$el && 0 !== this.pagination.$el.length) { var t = this.pagination.$el; t.removeClass(e.hiddenClass), t.removeClass(e.modifierClass + e.type), this.pagination.bullets && this.pagination.bullets.removeClass(e.bulletActiveClass), e.clickable && t.off("click", "." + e.bulletClass) } } }, re = { setTranslate: function () { if (this.params.scrollbar.el && this.scrollbar.el) { var e = this.scrollbar, t = this.rtlTranslate, i = this.progress, s = e.dragSize, a = e.trackSize, r = e.$dragEl, n = e.$el, o = this.params.scrollbar, l = s, d = (a - s) * i; t ? (d = -d) > 0 ? (l = s - d, d = 0) : -d + s > a && (l = a + d) : d < 0 ? (l = s + d, d = 0) : d + s > a && (l = a - d), this.isHorizontal() ? (r.transform("translate3d(" + d + "px, 0, 0)"), r[0].style.width = l + "px") : (r.transform("translate3d(0px, " + d + "px, 0)"), r[0].style.height = l + "px"), o.hide && (clearTimeout(this.scrollbar.timeout), n[0].style.opacity = 1, this.scrollbar.timeout = setTimeout((function () { n[0].style.opacity = 0, n.transition(400) }), 1e3)) } }, setTransition: function (e) { this.params.scrollbar.el && this.scrollbar.el && this.scrollbar.$dragEl.transition(e) }, updateSize: function () { if (this.params.scrollbar.el && this.scrollbar.el) { var e = this.scrollbar, t = e.$dragEl, i = e.$el; t[0].style.width = "", t[0].style.height = ""; var s, a = this.isHorizontal() ? i[0].offsetWidth : i[0].offsetHeight, r = this.size / (this.size * this.snapGrid.length), o = r * (a / this.size); s = "auto" === this.params.scrollbar.dragSize ? a * r : parseInt(this.params.scrollbar.dragSize, 10), this.isHorizontal() ? t[0].style.width = s + "px" : t[0].style.height = s + "px", i[0].style.display = r >= 1 ? "none" : "", this.params.scrollbar.hide && (i[0].style.opacity = 0), n.extend(e, { trackSize: a, divider: r, moveDivider: o, dragSize: s }), e.$el[this.params.watchOverflow && this.isLocked ? "addClass" : "removeClass"](this.params.scrollbar.lockClass) } }, getPointerPosition: function (e) { return this.isHorizontal() ? "touchstart" === e.type || "touchmove" === e.type ? e.targetTouches[0].clientX : e.clientX : "touchstart" === e.type || "touchmove" === e.type ? e.targetTouches[0].clientY : e.clientY }, setDragPosition: function (e) { var t, i = this.scrollbar, s = this.rtlTranslate, a = i.$el, r = i.dragSize, n = i.trackSize, o = i.dragStartPos; t = (i.getPointerPosition(e) - a.offset()[this.isHorizontal() ? "left" : "top"] - (null !== o ? o : r / 2)) / (n - r), t = Math.max(Math.min(t, 1), 0), s && (t = 1 - t); var l = this.minTranslate() + (this.maxTranslate() - this.minTranslate()) * t; this.updateProgress(l), this.setTranslate(l), this.updateActiveIndex(), this.updateSlidesClasses() }, onDragStart: function (e) { var t = this.params.scrollbar, i = this.scrollbar, s = this.$wrapperEl, a = i.$el, r = i.$dragEl; this.scrollbar.isTouched = !0, this.scrollbar.dragStartPos = e.target === r[0] || e.target === r ? i.getPointerPosition(e) - e.target.getBoundingClientRect()[this.isHorizontal() ? "left" : "top"] : null, e.preventDefault(), e.stopPropagation(), s.transition(100), r.transition(100), i.setDragPosition(e), clearTimeout(this.scrollbar.dragTimeout), a.transition(0), t.hide && a.css("opacity", 1), this.params.cssMode && this.$wrapperEl.css("scroll-snap-type", "none"), this.emit("scrollbarDragStart", e) }, onDragMove: function (e) { var t = this.scrollbar, i = this.$wrapperEl, s = t.$el, a = t.$dragEl; this.scrollbar.isTouched && (e.preventDefault ? e.preventDefault() : e.returnValue = !1, t.setDragPosition(e), i.transition(0), s.transition(0), a.transition(0), this.emit("scrollbarDragMove", e)) }, onDragEnd: function (e) { var t = this.params.scrollbar, i = this.scrollbar, s = this.$wrapperEl, a = i.$el; this.scrollbar.isTouched && (this.scrollbar.isTouched = !1, this.params.cssMode && (this.$wrapperEl.css("scroll-snap-type", ""), s.transition("")), t.hide && (clearTimeout(this.scrollbar.dragTimeout), this.scrollbar.dragTimeout = n.nextTick((function () { a.css("opacity", 0), a.transition(400) }), 1e3)), this.emit("scrollbarDragEnd", e), t.snapOnRelease && this.slideToClosest()) }, enableDraggable: function () { if (this.params.scrollbar.el) { var t = this.scrollbar, i = this.touchEventsTouch, s = this.touchEventsDesktop, a = this.params, r = t.$el[0], n = !(!o.passiveListener || !a.passiveListeners) && { passive: !1, capture: !1 }, l = !(!o.passiveListener || !a.passiveListeners) && { passive: !0, capture: !1 }; o.touch ? (r.addEventListener(i.start, this.scrollbar.onDragStart, n), r.addEventListener(i.move, this.scrollbar.onDragMove, n), r.addEventListener(i.end, this.scrollbar.onDragEnd, l)) : (r.addEventListener(s.start, this.scrollbar.onDragStart, n), e.addEventListener(s.move, this.scrollbar.onDragMove, n), e.addEventListener(s.end, this.scrollbar.onDragEnd, l)) } }, disableDraggable: function () { if (this.params.scrollbar.el) { var t = this.scrollbar, i = this.touchEventsTouch, s = this.touchEventsDesktop, a = this.params, r = t.$el[0], n = !(!o.passiveListener || !a.passiveListeners) && { passive: !1, capture: !1 }, l = !(!o.passiveListener || !a.passiveListeners) && { passive: !0, capture: !1 }; o.touch ? (r.removeEventListener(i.start, this.scrollbar.onDragStart, n), r.removeEventListener(i.move, this.scrollbar.onDragMove, n), r.removeEventListener(i.end, this.scrollbar.onDragEnd, l)) : (r.removeEventListener(s.start, this.scrollbar.onDragStart, n), e.removeEventListener(s.move, this.scrollbar.onDragMove, n), e.removeEventListener(s.end, this.scrollbar.onDragEnd, l)) } }, init: function () { if (this.params.scrollbar.el) { var e = this.scrollbar, t = this.$el, i = this.params.scrollbar, a = s(i.el); this.params.uniqueNavElements && "string" == typeof i.el && a.length > 1 && 1 === t.find(i.el).length && (a = t.find(i.el)); var r = a.find("." + this.params.scrollbar.dragClass); 0 === r.length && (r = s('<div class="' + this.params.scrollbar.dragClass + '"></div>'), a.append(r)), n.extend(e, { $el: a, el: a[0], $dragEl: r, dragEl: r[0] }), i.draggable && e.enableDraggable() } }, destroy: function () { this.scrollbar.disableDraggable() } }, ne = { setTransform: function (e, t) { var i = this.rtl, a = s(e), r = i ? -1 : 1, n = a.attr("data-swiper-parallax") || "0", o = a.attr("data-swiper-parallax-x"), l = a.attr("data-swiper-parallax-y"), d = a.attr("data-swiper-parallax-scale"), h = a.attr("data-swiper-parallax-opacity"); if (o || l ? (o = o || "0", l = l || "0") : this.isHorizontal() ? (o = n, l = "0") : (l = n, o = "0"), o = o.indexOf("%") >= 0 ? parseInt(o, 10) * t * r + "%" : o * t * r + "px", l = l.indexOf("%") >= 0 ? parseInt(l, 10) * t + "%" : l * t + "px", null != h) { var p = h - (h - 1) * (1 - Math.abs(t)); a[0].style.opacity = p } if (null == d) a.transform("translate3d(" + o + ", " + l + ", 0px)"); else { var c = d - (d - 1) * (1 - Math.abs(t)); a.transform("translate3d(" + o + ", " + l + ", 0px) scale(" + c + ")") } }, setTranslate: function () { var e = this, t = e.$el, i = e.slides, a = e.progress, r = e.snapGrid; t.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((function (t, i) { e.parallax.setTransform(i, a) })), i.each((function (t, i) { var n = i.progress; e.params.slidesPerGroup > 1 && "auto" !== e.params.slidesPerView && (n += Math.ceil(t / 2) - a * (r.length - 1)), n = Math.min(Math.max(n, -1), 1), s(i).find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((function (t, i) { e.parallax.setTransform(i, n) })) })) }, setTransition: function (e) { void 0 === e && (e = this.params.speed); this.$el.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((function (t, i) { var a = s(i), r = parseInt(a.attr("data-swiper-parallax-duration"), 10) || e; 0 === e && (r = 0), a.transition(r) })) } }, oe = { getDistanceBetweenTouches: function (e) { if (e.targetTouches.length < 2) return 1; var t = e.targetTouches[0].pageX, i = e.targetTouches[0].pageY, s = e.targetTouches[1].pageX, a = e.targetTouches[1].pageY; return Math.sqrt(Math.pow(s - t, 2) + Math.pow(a - i, 2)) }, onGestureStart: function (e) { var t = this.params.zoom, i = this.zoom, a = i.gesture; if (i.fakeGestureTouched = !1, i.fakeGestureMoved = !1, !o.gestures) { if ("touchstart" !== e.type || "touchstart" === e.type && e.targetTouches.length < 2) return; i.fakeGestureTouched = !0, a.scaleStart = oe.getDistanceBetweenTouches(e) } a.$slideEl && a.$slideEl.length || (a.$slideEl = s(e.target).closest(".swiper-slide"), 0 === a.$slideEl.length && (a.$slideEl = this.slides.eq(this.activeIndex)), a.$imageEl = a.$slideEl.find("img, svg, canvas"), a.$imageWrapEl = a.$imageEl.parent("." + t.containerClass), a.maxRatio = a.$imageWrapEl.attr("data-swiper-zoom") || t.maxRatio, 0 !== a.$imageWrapEl.length) ? (a.$imageEl.transition(0), this.zoom.isScaling = !0) : a.$imageEl = void 0 }, onGestureChange: function (e) { var t = this.params.zoom, i = this.zoom, s = i.gesture; if (!o.gestures) { if ("touchmove" !== e.type || "touchmove" === e.type && e.targetTouches.length < 2) return; i.fakeGestureMoved = !0, s.scaleMove = oe.getDistanceBetweenTouches(e) } s.$imageEl && 0 !== s.$imageEl.length && (o.gestures ? i.scale = e.scale * i.currentScale : i.scale = s.scaleMove / s.scaleStart * i.currentScale, i.scale > s.maxRatio && (i.scale = s.maxRatio - 1 + Math.pow(i.scale - s.maxRatio + 1, .5)), i.scale < t.minRatio && (i.scale = t.minRatio + 1 - Math.pow(t.minRatio - i.scale + 1, .5)), s.$imageEl.transform("translate3d(0,0,0) scale(" + i.scale + ")")) }, onGestureEnd: function (e) { var t = this.params.zoom, i = this.zoom, s = i.gesture; if (!o.gestures) { if (!i.fakeGestureTouched || !i.fakeGestureMoved) return; if ("touchend" !== e.type || "touchend" === e.type && e.changedTouches.length < 2 && !I.android) return; i.fakeGestureTouched = !1, i.fakeGestureMoved = !1 } s.$imageEl && 0 !== s.$imageEl.length && (i.scale = Math.max(Math.min(i.scale, s.maxRatio), t.minRatio), s.$imageEl.transition(this.params.speed).transform("translate3d(0,0,0) scale(" + i.scale + ")"), i.currentScale = i.scale, i.isScaling = !1, 1 === i.scale && (s.$slideEl = void 0)) }, onTouchStart: function (e) { var t = this.zoom, i = t.gesture, s = t.image; i.$imageEl && 0 !== i.$imageEl.length && (s.isTouched || (I.android && e.preventDefault(), s.isTouched = !0, s.touchesStart.x = "touchstart" === e.type ? e.targetTouches[0].pageX : e.pageX, s.touchesStart.y = "touchstart" === e.type ? e.targetTouches[0].pageY : e.pageY)) }, onTouchMove: function (e) { var t = this.zoom, i = t.gesture, s = t.image, a = t.velocity; if (i.$imageEl && 0 !== i.$imageEl.length && (this.allowClick = !1, s.isTouched && i.$slideEl)) { s.isMoved || (s.width = i.$imageEl[0].offsetWidth, s.height = i.$imageEl[0].offsetHeight, s.startX = n.getTranslate(i.$imageWrapEl[0], "x") || 0, s.startY = n.getTranslate(i.$imageWrapEl[0], "y") || 0, i.slideWidth = i.$slideEl[0].offsetWidth, i.slideHeight = i.$slideEl[0].offsetHeight, i.$imageWrapEl.transition(0), this.rtl && (s.startX = -s.startX, s.startY = -s.startY)); var r = s.width * t.scale, o = s.height * t.scale; if (!(r < i.slideWidth && o < i.slideHeight)) { if (s.minX = Math.min(i.slideWidth / 2 - r / 2, 0), s.maxX = -s.minX, s.minY = Math.min(i.slideHeight / 2 - o / 2, 0), s.maxY = -s.minY, s.touchesCurrent.x = "touchmove" === e.type ? e.targetTouches[0].pageX : e.pageX, s.touchesCurrent.y = "touchmove" === e.type ? e.targetTouches[0].pageY : e.pageY, !s.isMoved && !t.isScaling) { if (this.isHorizontal() && (Math.floor(s.minX) === Math.floor(s.startX) && s.touchesCurrent.x < s.touchesStart.x || Math.floor(s.maxX) === Math.floor(s.startX) && s.touchesCurrent.x > s.touchesStart.x)) return void (s.isTouched = !1); if (!this.isHorizontal() && (Math.floor(s.minY) === Math.floor(s.startY) && s.touchesCurrent.y < s.touchesStart.y || Math.floor(s.maxY) === Math.floor(s.startY) && s.touchesCurrent.y > s.touchesStart.y)) return void (s.isTouched = !1) } e.preventDefault(), e.stopPropagation(), s.isMoved = !0, s.currentX = s.touchesCurrent.x - s.touchesStart.x + s.startX, s.currentY = s.touchesCurrent.y - s.touchesStart.y + s.startY, s.currentX < s.minX && (s.currentX = s.minX + 1 - Math.pow(s.minX - s.currentX + 1, .8)), s.currentX > s.maxX && (s.currentX = s.maxX - 1 + Math.pow(s.currentX - s.maxX + 1, .8)), s.currentY < s.minY && (s.currentY = s.minY + 1 - Math.pow(s.minY - s.currentY + 1, .8)), s.currentY > s.maxY && (s.currentY = s.maxY - 1 + Math.pow(s.currentY - s.maxY + 1, .8)), a.prevPositionX || (a.prevPositionX = s.touchesCurrent.x), a.prevPositionY || (a.prevPositionY = s.touchesCurrent.y), a.prevTime || (a.prevTime = Date.now()), a.x = (s.touchesCurrent.x - a.prevPositionX) / (Date.now() - a.prevTime) / 2, a.y = (s.touchesCurrent.y - a.prevPositionY) / (Date.now() - a.prevTime) / 2, Math.abs(s.touchesCurrent.x - a.prevPositionX) < 2 && (a.x = 0), Math.abs(s.touchesCurrent.y - a.prevPositionY) < 2 && (a.y = 0), a.prevPositionX = s.touchesCurrent.x, a.prevPositionY = s.touchesCurrent.y, a.prevTime = Date.now(), i.$imageWrapEl.transform("translate3d(" + s.currentX + "px, " + s.currentY + "px,0)") } } }, onTouchEnd: function () { var e = this.zoom, t = e.gesture, i = e.image, s = e.velocity; if (t.$imageEl && 0 !== t.$imageEl.length) { if (!i.isTouched || !i.isMoved) return i.isTouched = !1, void (i.isMoved = !1); i.isTouched = !1, i.isMoved = !1; var a = 300, r = 300, n = s.x * a, o = i.currentX + n, l = s.y * r, d = i.currentY + l; 0 !== s.x && (a = Math.abs((o - i.currentX) / s.x)), 0 !== s.y && (r = Math.abs((d - i.currentY) / s.y)); var h = Math.max(a, r); i.currentX = o, i.currentY = d; var p = i.width * e.scale, c = i.height * e.scale; i.minX = Math.min(t.slideWidth / 2 - p / 2, 0), i.maxX = -i.minX, i.minY = Math.min(t.slideHeight / 2 - c / 2, 0), i.maxY = -i.minY, i.currentX = Math.max(Math.min(i.currentX, i.maxX), i.minX), i.currentY = Math.max(Math.min(i.currentY, i.maxY), i.minY), t.$imageWrapEl.transition(h).transform("translate3d(" + i.currentX + "px, " + i.currentY + "px,0)") } }, onTransitionEnd: function () { var e = this.zoom, t = e.gesture; t.$slideEl && this.previousIndex !== this.activeIndex && (t.$imageEl.transform("translate3d(0,0,0) scale(1)"), t.$imageWrapEl.transform("translate3d(0,0,0)"), e.scale = 1, e.currentScale = 1, t.$slideEl = void 0, t.$imageEl = void 0, t.$imageWrapEl = void 0) }, toggle: function (e) { var t = this.zoom; t.scale && 1 !== t.scale ? t.out() : t.in(e) }, in: function (e) { var t, i, a, r, n, o, l, d, h, p, c, u, v, f, m, g, b = this.zoom, w = this.params.zoom, y = b.gesture, x = b.image; (y.$slideEl || (y.$slideEl = this.clickedSlide ? s(this.clickedSlide) : this.slides.eq(this.activeIndex), y.$imageEl = y.$slideEl.find("img, svg, canvas"), y.$imageWrapEl = y.$imageEl.parent("." + w.containerClass)), y.$imageEl && 0 !== y.$imageEl.length) && (y.$slideEl.addClass("" + w.zoomedSlideClass), void 0 === x.touchesStart.x && e ? (t = "touchend" === e.type ? e.changedTouches[0].pageX : e.pageX, i = "touchend" === e.type ? e.changedTouches[0].pageY : e.pageY) : (t = x.touchesStart.x, i = x.touchesStart.y), b.scale = y.$imageWrapEl.attr("data-swiper-zoom") || w.maxRatio, b.currentScale = y.$imageWrapEl.attr("data-swiper-zoom") || w.maxRatio, e ? (m = y.$slideEl[0].offsetWidth, g = y.$slideEl[0].offsetHeight, a = y.$slideEl.offset().left + m / 2 - t, r = y.$slideEl.offset().top + g / 2 - i, l = y.$imageEl[0].offsetWidth, d = y.$imageEl[0].offsetHeight, h = l * b.scale, p = d * b.scale, v = -(c = Math.min(m / 2 - h / 2, 0)), f = -(u = Math.min(g / 2 - p / 2, 0)), (n = a * b.scale) < c && (n = c), n > v && (n = v), (o = r * b.scale) < u && (o = u), o > f && (o = f)) : (n = 0, o = 0), y.$imageWrapEl.transition(300).transform("translate3d(" + n + "px, " + o + "px,0)"), y.$imageEl.transition(300).transform("translate3d(0,0,0) scale(" + b.scale + ")")) }, out: function () { var e = this.zoom, t = this.params.zoom, i = e.gesture; i.$slideEl || (i.$slideEl = this.clickedSlide ? s(this.clickedSlide) : this.slides.eq(this.activeIndex), i.$imageEl = i.$slideEl.find("img, svg, canvas"), i.$imageWrapEl = i.$imageEl.parent("." + t.containerClass)), i.$imageEl && 0 !== i.$imageEl.length && (e.scale = 1, e.currentScale = 1, i.$imageWrapEl.transition(300).transform("translate3d(0,0,0)"), i.$imageEl.transition(300).transform("translate3d(0,0,0) scale(1)"), i.$slideEl.removeClass("" + t.zoomedSlideClass), i.$slideEl = void 0) }, enable: function () { var e = this.zoom; if (!e.enabled) { e.enabled = !0; var t = !("touchstart" !== this.touchEvents.start || !o.passiveListener || !this.params.passiveListeners) && { passive: !0, capture: !1 }, i = !o.passiveListener || { passive: !1, capture: !0 }; o.gestures ? (this.$wrapperEl.on("gesturestart", ".swiper-slide", e.onGestureStart, t), this.$wrapperEl.on("gesturechange", ".swiper-slide", e.onGestureChange, t), this.$wrapperEl.on("gestureend", ".swiper-slide", e.onGestureEnd, t)) : "touchstart" === this.touchEvents.start && (this.$wrapperEl.on(this.touchEvents.start, ".swiper-slide", e.onGestureStart, t), this.$wrapperEl.on(this.touchEvents.move, ".swiper-slide", e.onGestureChange, i), this.$wrapperEl.on(this.touchEvents.end, ".swiper-slide", e.onGestureEnd, t), this.touchEvents.cancel && this.$wrapperEl.on(this.touchEvents.cancel, ".swiper-slide", e.onGestureEnd, t)), this.$wrapperEl.on(this.touchEvents.move, "." + this.params.zoom.containerClass, e.onTouchMove, i) } }, disable: function () { var e = this.zoom; if (e.enabled) { this.zoom.enabled = !1; var t = !("touchstart" !== this.touchEvents.start || !o.passiveListener || !this.params.passiveListeners) && { passive: !0, capture: !1 }, i = !o.passiveListener || { passive: !1, capture: !0 }; o.gestures ? (this.$wrapperEl.off("gesturestart", ".swiper-slide", e.onGestureStart, t), this.$wrapperEl.off("gesturechange", ".swiper-slide", e.onGestureChange, t), this.$wrapperEl.off("gestureend", ".swiper-slide", e.onGestureEnd, t)) : "touchstart" === this.touchEvents.start && (this.$wrapperEl.off(this.touchEvents.start, ".swiper-slide", e.onGestureStart, t), this.$wrapperEl.off(this.touchEvents.move, ".swiper-slide", e.onGestureChange, i), this.$wrapperEl.off(this.touchEvents.end, ".swiper-slide", e.onGestureEnd, t), this.touchEvents.cancel && this.$wrapperEl.off(this.touchEvents.cancel, ".swiper-slide", e.onGestureEnd, t)), this.$wrapperEl.off(this.touchEvents.move, "." + this.params.zoom.containerClass, e.onTouchMove, i) } } }, le = { loadInSlide: function (e, t) { void 0 === t && (t = !0); var i = this, a = i.params.lazy; if (void 0 !== e && 0 !== i.slides.length) { var r = i.virtual && i.params.virtual.enabled ? i.$wrapperEl.children("." + i.params.slideClass + '[data-swiper-slide-index="' + e + '"]') : i.slides.eq(e), n = r.find("." + a.elementClass + ":not(." + a.loadedClass + "):not(." + a.loadingClass + ")"); !r.hasClass(a.elementClass) || r.hasClass(a.loadedClass) || r.hasClass(a.loadingClass) || (n = n.add(r[0])), 0 !== n.length && n.each((function (e, n) { var o = s(n); o.addClass(a.loadingClass); var l = o.attr("data-background"), d = o.attr("data-src"), h = o.attr("data-srcset"), p = o.attr("data-sizes"); i.loadImage(o[0], d || l, h, p, !1, (function () { if (null != i && i && (!i || i.params) && !i.destroyed) { if (l ? (o.css("background-image", 'url("' + l + '")'), o.removeAttr("data-background")) : (h && (o.attr("srcset", h), o.removeAttr("data-srcset")), p && (o.attr("sizes", p), o.removeAttr("data-sizes")), d && (o.attr("src", d), o.removeAttr("data-src"))), o.addClass(a.loadedClass).removeClass(a.loadingClass), r.find("." + a.preloaderClass).remove(), i.params.loop && t) { var e = r.attr("data-swiper-slide-index"); if (r.hasClass(i.params.slideDuplicateClass)) { var s = i.$wrapperEl.children('[data-swiper-slide-index="' + e + '"]:not(.' + i.params.slideDuplicateClass + ")"); i.lazy.loadInSlide(s.index(), !1) } else { var n = i.$wrapperEl.children("." + i.params.slideDuplicateClass + '[data-swiper-slide-index="' + e + '"]'); i.lazy.loadInSlide(n.index(), !1) } } i.emit("lazyImageReady", r[0], o[0]) } })), i.emit("lazyImageLoad", r[0], o[0]) })) } }, load: function () { var e = this, t = e.$wrapperEl, i = e.params, a = e.slides, r = e.activeIndex, n = e.virtual && i.virtual.enabled, o = i.lazy, l = i.slidesPerView; function d(e) { if (n) { if (t.children("." + i.slideClass + '[data-swiper-slide-index="' + e + '"]').length) return !0 } else if (a[e]) return !0; return !1 } function h(e) { return n ? s(e).attr("data-swiper-slide-index") : s(e).index() } if ("auto" === l && (l = 0), e.lazy.initialImageLoaded || (e.lazy.initialImageLoaded = !0), e.params.watchSlidesVisibility) t.children("." + i.slideVisibleClass).each((function (t, i) { var a = n ? s(i).attr("data-swiper-slide-index") : s(i).index(); e.lazy.loadInSlide(a) })); else if (l > 1) for (var p = r; p < r + l; p += 1)d(p) && e.lazy.loadInSlide(p); else e.lazy.loadInSlide(r); if (o.loadPrevNext) if (l > 1 || o.loadPrevNextAmount && o.loadPrevNextAmount > 1) { for (var c = o.loadPrevNextAmount, u = l, v = Math.min(r + u + Math.max(c, u), a.length), f = Math.max(r - Math.max(u, c), 0), m = r + l; m < v; m += 1)d(m) && e.lazy.loadInSlide(m); for (var g = f; g < r; g += 1)d(g) && e.lazy.loadInSlide(g) } else { var b = t.children("." + i.slideNextClass); b.length > 0 && e.lazy.loadInSlide(h(b)); var w = t.children("." + i.slidePrevClass); w.length > 0 && e.lazy.loadInSlide(h(w)) } } }, de = { LinearSpline: function (e, t) { var i, s, a, r, n, o = function (e, t) { for (s = -1, i = e.length; i - s > 1;)e[a = i + s >> 1] <= t ? s = a : i = a; return i }; return this.x = e, this.y = t, this.lastIndex = e.length - 1, this.interpolate = function (e) { return e ? (n = o(this.x, e), r = n - 1, (e - this.x[r]) * (this.y[n] - this.y[r]) / (this.x[n] - this.x[r]) + this.y[r]) : 0 }, this }, getInterpolateFunction: function (e) { this.controller.spline || (this.controller.spline = this.params.loop ? new de.LinearSpline(this.slidesGrid, e.slidesGrid) : new de.LinearSpline(this.snapGrid, e.snapGrid)) }, setTranslate: function (e, t) { var i, s, a = this, r = a.controller.control; function n(e) { var t = a.rtlTranslate ? -a.translate : a.translate; "slide" === a.params.controller.by && (a.controller.getInterpolateFunction(e), s = -a.controller.spline.interpolate(-t)), s && "container" !== a.params.controller.by || (i = (e.maxTranslate() - e.minTranslate()) / (a.maxTranslate() - a.minTranslate()), s = (t - a.minTranslate()) * i + e.minTranslate()), a.params.controller.inverse && (s = e.maxTranslate() - s), e.updateProgress(s), e.setTranslate(s, a), e.updateActiveIndex(), e.updateSlidesClasses() } if (Array.isArray(r)) for (var o = 0; o < r.length; o += 1)r[o] !== t && r[o] instanceof W && n(r[o]); else r instanceof W && t !== r && n(r) }, setTransition: function (e, t) { var i, s = this, a = s.controller.control; function r(t) { t.setTransition(e, s), 0 !== e && (t.transitionStart(), t.params.autoHeight && n.nextTick((function () { t.updateAutoHeight() })), t.$wrapperEl.transitionEnd((function () { a && (t.params.loop && "slide" === s.params.controller.by && t.loopFix(), t.transitionEnd()) }))) } if (Array.isArray(a)) for (i = 0; i < a.length; i += 1)a[i] !== t && a[i] instanceof W && r(a[i]); else a instanceof W && t !== a && r(a) } }, he = { makeElFocusable: function (e) { return e.attr("tabIndex", "0"), e }, addElRole: function (e, t) { return e.attr("role", t), e }, addElLabel: function (e, t) { return e.attr("aria-label", t), e }, disableEl: function (e) { return e.attr("aria-disabled", !0), e }, enableEl: function (e) { return e.attr("aria-disabled", !1), e }, onEnterKey: function (e) { var t = this.params.a11y; if (13 === e.keyCode) { var i = s(e.target); this.navigation && this.navigation.$nextEl && i.is(this.navigation.$nextEl) && (this.isEnd && !this.params.loop || this.slideNext(), this.isEnd ? this.a11y.notify(t.lastSlideMessage) : this.a11y.notify(t.nextSlideMessage)), this.navigation && this.navigation.$prevEl && i.is(this.navigation.$prevEl) && (this.isBeginning && !this.params.loop || this.slidePrev(), this.isBeginning ? this.a11y.notify(t.firstSlideMessage) : this.a11y.notify(t.prevSlideMessage)), this.pagination && i.is("." + this.params.pagination.bulletClass) && i[0].click() } }, notify: function (e) { var t = this.a11y.liveRegion; 0 !== t.length && (t.html(""), t.html(e)) }, updateNavigation: function () { if (!this.params.loop && this.navigation) { var e = this.navigation, t = e.$nextEl, i = e.$prevEl; i && i.length > 0 && (this.isBeginning ? this.a11y.disableEl(i) : this.a11y.enableEl(i)), t && t.length > 0 && (this.isEnd ? this.a11y.disableEl(t) : this.a11y.enableEl(t)) } }, updatePagination: function () { var e = this, t = e.params.a11y; e.pagination && e.params.pagination.clickable && e.pagination.bullets && e.pagination.bullets.length && e.pagination.bullets.each((function (i, a) { var r = s(a); e.a11y.makeElFocusable(r), e.a11y.addElRole(r, "button"), e.a11y.addElLabel(r, t.paginationBulletMessage.replace(/{{index}}/, r.index() + 1)) })) }, init: function () { this.$el.append(this.a11y.liveRegion); var e, t, i = this.params.a11y; this.navigation && this.navigation.$nextEl && (e = this.navigation.$nextEl), this.navigation && this.navigation.$prevEl && (t = this.navigation.$prevEl), e && (this.a11y.makeElFocusable(e), this.a11y.addElRole(e, "button"), this.a11y.addElLabel(e, i.nextSlideMessage), e.on("keydown", this.a11y.onEnterKey)), t && (this.a11y.makeElFocusable(t), this.a11y.addElRole(t, "button"), this.a11y.addElLabel(t, i.prevSlideMessage), t.on("keydown", this.a11y.onEnterKey)), this.pagination && this.params.pagination.clickable && this.pagination.bullets && this.pagination.bullets.length && this.pagination.$el.on("keydown", "." + this.params.pagination.bulletClass, this.a11y.onEnterKey) }, destroy: function () { var e, t; this.a11y.liveRegion && this.a11y.liveRegion.length > 0 && this.a11y.liveRegion.remove(), this.navigation && this.navigation.$nextEl && (e = this.navigation.$nextEl), this.navigation && this.navigation.$prevEl && (t = this.navigation.$prevEl), e && e.off("keydown", this.a11y.onEnterKey), t && t.off("keydown", this.a11y.onEnterKey), this.pagination && this.params.pagination.clickable && this.pagination.bullets && this.pagination.bullets.length && this.pagination.$el.off("keydown", "." + this.params.pagination.bulletClass, this.a11y.onEnterKey) } }, pe = { init: function () { if (this.params.history) { if (!t.history || !t.history.pushState) return this.params.history.enabled = !1, void (this.params.hashNavigation.enabled = !0); var e = this.history; e.initialized = !0, e.paths = pe.getPathValues(), (e.paths.key || e.paths.value) && (e.scrollToSlide(0, e.paths.value, this.params.runCallbacksOnInit), this.params.history.replaceState || t.addEventListener("popstate", this.history.setHistoryPopState)) } }, destroy: function () { this.params.history.replaceState || t.removeEventListener("popstate", this.history.setHistoryPopState) }, setHistoryPopState: function () { this.history.paths = pe.getPathValues(), this.history.scrollToSlide(this.params.speed, this.history.paths.value, !1) }, getPathValues: function () { var e = t.location.pathname.slice(1).split("/").filter((function (e) { return "" !== e })), i = e.length; return { key: e[i - 2], value: e[i - 1] } }, setHistory: function (e, i) { if (this.history.initialized && this.params.history.enabled) { var s = this.slides.eq(i), a = pe.slugify(s.attr("data-history")); t.location.pathname.includes(e) || (a = e + "/" + a); var r = t.history.state; r && r.value === a || (this.params.history.replaceState ? t.history.replaceState({ value: a }, null, a) : t.history.pushState({ value: a }, null, a)) } }, slugify: function (e) { return e.toString().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, "") }, scrollToSlide: function (e, t, i) { if (t) for (var s = 0, a = this.slides.length; s < a; s += 1) { var r = this.slides.eq(s); if (pe.slugify(r.attr("data-history")) === t && !r.hasClass(this.params.slideDuplicateClass)) { var n = r.index(); this.slideTo(n, e, i) } } else this.slideTo(0, e, i) } }, ce = { onHashCange: function () { var t = e.location.hash.replace("#", ""); if (t !== this.slides.eq(this.activeIndex).attr("data-hash")) { var i = this.$wrapperEl.children("." + this.params.slideClass + '[data-hash="' + t + '"]').index(); if (void 0 === i) return; this.slideTo(i) } }, setHash: function () { if (this.hashNavigation.initialized && this.params.hashNavigation.enabled) if (this.params.hashNavigation.replaceState && t.history && t.history.replaceState) t.history.replaceState(null, null, "#" + this.slides.eq(this.activeIndex).attr("data-hash") || ""); else { var i = this.slides.eq(this.activeIndex), s = i.attr("data-hash") || i.attr("data-history"); e.location.hash = s || "" } }, init: function () { if (!(!this.params.hashNavigation.enabled || this.params.history && this.params.history.enabled)) { this.hashNavigation.initialized = !0; var i = e.location.hash.replace("#", ""); if (i) for (var a = 0, r = this.slides.length; a < r; a += 1) { var n = this.slides.eq(a); if ((n.attr("data-hash") || n.attr("data-history")) === i && !n.hasClass(this.params.slideDuplicateClass)) { var o = n.index(); this.slideTo(o, 0, this.params.runCallbacksOnInit, !0) } } this.params.hashNavigation.watchState && s(t).on("hashchange", this.hashNavigation.onHashCange) } }, destroy: function () { this.params.hashNavigation.watchState && s(t).off("hashchange", this.hashNavigation.onHashCange) } }, ue = { run: function () { var e = this, t = e.slides.eq(e.activeIndex), i = e.params.autoplay.delay; t.attr("data-swiper-autoplay") && (i = t.attr("data-swiper-autoplay") || e.params.autoplay.delay), clearTimeout(e.autoplay.timeout), e.autoplay.timeout = n.nextTick((function () { e.params.autoplay.reverseDirection ? e.params.loop ? (e.loopFix(), e.slidePrev(e.params.speed, !0, !0), e.emit("autoplay")) : e.isBeginning ? e.params.autoplay.stopOnLastSlide ? e.autoplay.stop() : (e.slideTo(e.slides.length - 1, e.params.speed, !0, !0), e.emit("autoplay")) : (e.slidePrev(e.params.speed, !0, !0), e.emit("autoplay")) : e.params.loop ? (e.loopFix(), e.slideNext(e.params.speed, !0, !0), e.emit("autoplay")) : e.isEnd ? e.params.autoplay.stopOnLastSlide ? e.autoplay.stop() : (e.slideTo(0, e.params.speed, !0, !0), e.emit("autoplay")) : (e.slideNext(e.params.speed, !0, !0), e.emit("autoplay")), e.params.cssMode && e.autoplay.running && e.autoplay.run() }), i) }, start: function () { return void 0 === this.autoplay.timeout && (!this.autoplay.running && (this.autoplay.running = !0, this.emit("autoplayStart"), this.autoplay.run(), !0)) }, stop: function () { return !!this.autoplay.running && (void 0 !== this.autoplay.timeout && (this.autoplay.timeout && (clearTimeout(this.autoplay.timeout), this.autoplay.timeout = void 0), this.autoplay.running = !1, this.emit("autoplayStop"), !0)) }, pause: function (e) { this.autoplay.running && (this.autoplay.paused || (this.autoplay.timeout && clearTimeout(this.autoplay.timeout), this.autoplay.paused = !0, 0 !== e && this.params.autoplay.waitForTransition ? (this.$wrapperEl[0].addEventListener("transitionend", this.autoplay.onTransitionEnd), this.$wrapperEl[0].addEventListener("webkitTransitionEnd", this.autoplay.onTransitionEnd)) : (this.autoplay.paused = !1, this.autoplay.run()))) } }, ve = { setTranslate: function () { for (var e = this.slides, t = 0; t < e.length; t += 1) { var i = this.slides.eq(t), s = -i[0].swiperSlideOffset; this.params.virtualTranslate || (s -= this.translate); var a = 0; this.isHorizontal() || (a = s, s = 0); var r = this.params.fadeEffect.crossFade ? Math.max(1 - Math.abs(i[0].progress), 0) : 1 + Math.min(Math.max(i[0].progress, -1), 0); i.css({ opacity: r }).transform("translate3d(" + s + "px, " + a + "px, 0px)") } }, setTransition: function (e) { var t = this, i = t.slides, s = t.$wrapperEl; if (i.transition(e), t.params.virtualTranslate && 0 !== e) { var a = !1; i.transitionEnd((function () { if (!a && t && !t.destroyed) { a = !0, t.animating = !1; for (var e = ["webkitTransitionEnd", "transitionend"], i = 0; i < e.length; i += 1)s.trigger(e[i]) } })) } } }, fe = { setTranslate: function () { var e, t = this.$el, i = this.$wrapperEl, a = this.slides, r = this.width, n = this.height, o = this.rtlTranslate, l = this.size, d = this.params.cubeEffect, h = this.isHorizontal(), p = this.virtual && this.params.virtual.enabled, c = 0; d.shadow && (h ? (0 === (e = i.find(".swiper-cube-shadow")).length && (e = s('<div class="swiper-cube-shadow"></div>'), i.append(e)), e.css({ height: r + "px" })) : 0 === (e = t.find(".swiper-cube-shadow")).length && (e = s('<div class="swiper-cube-shadow"></div>'), t.append(e))); for (var u = 0; u < a.length; u += 1) { var v = a.eq(u), f = u; p && (f = parseInt(v.attr("data-swiper-slide-index"), 10)); var m = 90 * f, g = Math.floor(m / 360); o && (m = -m, g = Math.floor(-m / 360)); var b = Math.max(Math.min(v[0].progress, 1), -1), w = 0, y = 0, x = 0; f % 4 == 0 ? (w = 4 * -g * l, x = 0) : (f - 1) % 4 == 0 ? (w = 0, x = 4 * -g * l) : (f - 2) % 4 == 0 ? (w = l + 4 * g * l, x = l) : (f - 3) % 4 == 0 && (w = -l, x = 3 * l + 4 * l * g), o && (w = -w), h || (y = w, w = 0); var T = "rotateX(" + (h ? 0 : -m) + "deg) rotateY(" + (h ? m : 0) + "deg) translate3d(" + w + "px, " + y + "px, " + x + "px)"; if (b <= 1 && b > -1 && (c = 90 * f + 90 * b, o && (c = 90 * -f - 90 * b)), v.transform(T), d.slideShadows) { var E = h ? v.find(".swiper-slide-shadow-left") : v.find(".swiper-slide-shadow-top"), S = h ? v.find(".swiper-slide-shadow-right") : v.find(".swiper-slide-shadow-bottom"); 0 === E.length && (E = s('<div class="swiper-slide-shadow-' + (h ? "left" : "top") + '"></div>'), v.append(E)), 0 === S.length && (S = s('<div class="swiper-slide-shadow-' + (h ? "right" : "bottom") + '"></div>'), v.append(S)), E.length && (E[0].style.opacity = Math.max(-b, 0)), S.length && (S[0].style.opacity = Math.max(b, 0)) } } if (i.css({ "-webkit-transform-origin": "50% 50% -" + l / 2 + "px", "-moz-transform-origin": "50% 50% -" + l / 2 + "px", "-ms-transform-origin": "50% 50% -" + l / 2 + "px", "transform-origin": "50% 50% -" + l / 2 + "px" }), d.shadow) if (h) e.transform("translate3d(0px, " + (r / 2 + d.shadowOffset) + "px, " + -r / 2 + "px) rotateX(90deg) rotateZ(0deg) scale(" + d.shadowScale + ")"); else { var C = Math.abs(c) - 90 * Math.floor(Math.abs(c) / 90), M = 1.5 - (Math.sin(2 * C * Math.PI / 360) / 2 + Math.cos(2 * C * Math.PI / 360) / 2), P = d.shadowScale, z = d.shadowScale / M, k = d.shadowOffset; e.transform("scale3d(" + P + ", 1, " + z + ") translate3d(0px, " + (n / 2 + k) + "px, " + -n / 2 / z + "px) rotateX(-90deg)") } var $ = j.isSafari || j.isUiWebView ? -l / 2 : 0; i.transform("translate3d(0px,0," + $ + "px) rotateX(" + (this.isHorizontal() ? 0 : c) + "deg) rotateY(" + (this.isHorizontal() ? -c : 0) + "deg)") }, setTransition: function (e) { var t = this.$el; this.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e), this.params.cubeEffect.shadow && !this.isHorizontal() && t.find(".swiper-cube-shadow").transition(e) } }, me = { setTranslate: function () { for (var e = this.slides, t = this.rtlTranslate, i = 0; i < e.length; i += 1) { var a = e.eq(i), r = a[0].progress; this.params.flipEffect.limitRotation && (r = Math.max(Math.min(a[0].progress, 1), -1)); var n = -180 * r, o = 0, l = -a[0].swiperSlideOffset, d = 0; if (this.isHorizontal() ? t && (n = -n) : (d = l, l = 0, o = -n, n = 0), a[0].style.zIndex = -Math.abs(Math.round(r)) + e.length, this.params.flipEffect.slideShadows) { var h = this.isHorizontal() ? a.find(".swiper-slide-shadow-left") : a.find(".swiper-slide-shadow-top"), p = this.isHorizontal() ? a.find(".swiper-slide-shadow-right") : a.find(".swiper-slide-shadow-bottom"); 0 === h.length && (h = s('<div class="swiper-slide-shadow-' + (this.isHorizontal() ? "left" : "top") + '"></div>'), a.append(h)), 0 === p.length && (p = s('<div class="swiper-slide-shadow-' + (this.isHorizontal() ? "right" : "bottom") + '"></div>'), a.append(p)), h.length && (h[0].style.opacity = Math.max(-r, 0)), p.length && (p[0].style.opacity = Math.max(r, 0)) } a.transform("translate3d(" + l + "px, " + d + "px, 0px) rotateX(" + o + "deg) rotateY(" + n + "deg)") } }, setTransition: function (e) { var t = this, i = t.slides, s = t.activeIndex, a = t.$wrapperEl; if (i.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e), t.params.virtualTranslate && 0 !== e) { var r = !1; i.eq(s).transitionEnd((function () { if (!r && t && !t.destroyed) { r = !0, t.animating = !1; for (var e = ["webkitTransitionEnd", "transitionend"], i = 0; i < e.length; i += 1)a.trigger(e[i]) } })) } } }, ge = { setTranslate: function () { for (var e = this.width, t = this.height, i = this.slides, a = this.$wrapperEl, r = this.slidesSizesGrid, n = this.params.coverflowEffect, l = this.isHorizontal(), d = this.translate, h = l ? e / 2 - d : t / 2 - d, p = l ? n.rotate : -n.rotate, c = n.depth, u = 0, v = i.length; u < v; u += 1) { var f = i.eq(u), m = r[u], g = (h - f[0].swiperSlideOffset - m / 2) / m * n.modifier, b = l ? p * g : 0, w = l ? 0 : p * g, y = -c * Math.abs(g), x = l ? 0 : n.stretch * g, T = l ? n.stretch * g : 0; Math.abs(T) < .001 && (T = 0), Math.abs(x) < .001 && (x = 0), Math.abs(y) < .001 && (y = 0), Math.abs(b) < .001 && (b = 0), Math.abs(w) < .001 && (w = 0); var E = "translate3d(" + T + "px," + x + "px," + y + "px) rotateX(" + w + "deg) rotateY(" + b + "deg)"; if (f.transform(E), f[0].style.zIndex = 1 - Math.abs(Math.round(g)), n.slideShadows) { var S = l ? f.find(".swiper-slide-shadow-left") : f.find(".swiper-slide-shadow-top"), C = l ? f.find(".swiper-slide-shadow-right") : f.find(".swiper-slide-shadow-bottom"); 0 === S.length && (S = s('<div class="swiper-slide-shadow-' + (l ? "left" : "top") + '"></div>'), f.append(S)), 0 === C.length && (C = s('<div class="swiper-slide-shadow-' + (l ? "right" : "bottom") + '"></div>'), f.append(C)), S.length && (S[0].style.opacity = g > 0 ? g : 0), C.length && (C[0].style.opacity = -g > 0 ? -g : 0) } } (o.pointerEvents || o.prefixedPointerEvents) && (a[0].style.perspectiveOrigin = h + "px 50%") }, setTransition: function (e) { this.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e) } }, be = { init: function () { var e = this.params.thumbs, t = this.constructor; e.swiper instanceof t ? (this.thumbs.swiper = e.swiper, n.extend(this.thumbs.swiper.originalParams, { watchSlidesProgress: !0, slideToClickedSlide: !1 }), n.extend(this.thumbs.swiper.params, { watchSlidesProgress: !0, slideToClickedSlide: !1 })) : n.isObject(e.swiper) && (this.thumbs.swiper = new t(n.extend({}, e.swiper, { watchSlidesVisibility: !0, watchSlidesProgress: !0, slideToClickedSlide: !1 })), this.thumbs.swiperCreated = !0), this.thumbs.swiper.$el.addClass(this.params.thumbs.thumbsContainerClass), this.thumbs.swiper.on("tap", this.thumbs.onThumbClick) }, onThumbClick: function () { var e = this.thumbs.swiper; if (e) { var t = e.clickedIndex, i = e.clickedSlide; if (!(i && s(i).hasClass(this.params.thumbs.slideThumbActiveClass) || null == t)) { var a; if (a = e.params.loop ? parseInt(s(e.clickedSlide).attr("data-swiper-slide-index"), 10) : t, this.params.loop) { var r = this.activeIndex; this.slides.eq(r).hasClass(this.params.slideDuplicateClass) && (this.loopFix(), this._clientLeft = this.$wrapperEl[0].clientLeft, r = this.activeIndex); var n = this.slides.eq(r).prevAll('[data-swiper-slide-index="' + a + '"]').eq(0).index(), o = this.slides.eq(r).nextAll('[data-swiper-slide-index="' + a + '"]').eq(0).index(); a = void 0 === n ? o : void 0 === o ? n : o - r < r - n ? o : n } this.slideTo(a) } } }, update: function (e) { var t = this.thumbs.swiper; if (t) { var i = "auto" === t.params.slidesPerView ? t.slidesPerViewDynamic() : t.params.slidesPerView; if (this.realIndex !== t.realIndex) { var s, a = t.activeIndex; if (t.params.loop) { t.slides.eq(a).hasClass(t.params.slideDuplicateClass) && (t.loopFix(), t._clientLeft = t.$wrapperEl[0].clientLeft, a = t.activeIndex); var r = t.slides.eq(a).prevAll('[data-swiper-slide-index="' + this.realIndex + '"]').eq(0).index(), n = t.slides.eq(a).nextAll('[data-swiper-slide-index="' + this.realIndex + '"]').eq(0).index(); s = void 0 === r ? n : void 0 === n ? r : n - a == a - r ? a : n - a < a - r ? n : r } else s = this.realIndex; t.visibleSlidesIndexes && t.visibleSlidesIndexes.indexOf(s) < 0 && (t.params.centeredSlides ? s = s > a ? s - Math.floor(i / 2) + 1 : s + Math.floor(i / 2) - 1 : s > a && (s = s - i + 1), t.slideTo(s, e ? 0 : void 0)) } var o = 1, l = this.params.thumbs.slideThumbActiveClass; if (this.params.slidesPerView > 1 && !this.params.centeredSlides && (o = this.params.slidesPerView), this.params.thumbs.multipleActiveThumbs || (o = 1), o = Math.floor(o), t.slides.removeClass(l), t.params.loop || t.params.virtual && t.params.virtual.enabled) for (var d = 0; d < o; d += 1)t.$wrapperEl.children('[data-swiper-slide-index="' + (this.realIndex + d) + '"]').addClass(l); else for (var h = 0; h < o; h += 1)t.slides.eq(this.realIndex + h).addClass(l) } } }, we = [R, q, K, U, Z, J, te, { name: "mousewheel", params: { mousewheel: { enabled: !1, releaseOnEdges: !1, invert: !1, forceToAxis: !1, sensitivity: 1, eventsTarged: "container" } }, create: function () { n.extend(this, { mousewheel: { enabled: !1, enable: ie.enable.bind(this), disable: ie.disable.bind(this), handle: ie.handle.bind(this), handleMouseEnter: ie.handleMouseEnter.bind(this), handleMouseLeave: ie.handleMouseLeave.bind(this), animateSlider: ie.animateSlider.bind(this), releaseScroll: ie.releaseScroll.bind(this), lastScrollTime: n.now(), lastEventBeforeSnap: void 0, recentWheelEvents: [] } }) }, on: { init: function () { !this.params.mousewheel.enabled && this.params.cssMode && this.mousewheel.disable(), this.params.mousewheel.enabled && this.mousewheel.enable() }, destroy: function () { this.params.cssMode && this.mousewheel.enable(), this.mousewheel.enabled && this.mousewheel.disable() } } }, { name: "navigation", params: { navigation: { nextEl: null, prevEl: null, hideOnClick: !1, disabledClass: "swiper-button-disabled", hiddenClass: "swiper-button-hidden", lockClass: "swiper-button-lock" } }, create: function () { n.extend(this, { navigation: { init: se.init.bind(this), update: se.update.bind(this), destroy: se.destroy.bind(this), onNextClick: se.onNextClick.bind(this), onPrevClick: se.onPrevClick.bind(this) } }) }, on: { init: function () { this.navigation.init(), this.navigation.update() }, toEdge: function () { this.navigation.update() }, fromEdge: function () { this.navigation.update() }, destroy: function () { this.navigation.destroy() }, click: function (e) { var t, i = this.navigation, a = i.$nextEl, r = i.$prevEl; !this.params.navigation.hideOnClick || s(e.target).is(r) || s(e.target).is(a) || (a ? t = a.hasClass(this.params.navigation.hiddenClass) : r && (t = r.hasClass(this.params.navigation.hiddenClass)), !0 === t ? this.emit("navigationShow", this) : this.emit("navigationHide", this), a && a.toggleClass(this.params.navigation.hiddenClass), r && r.toggleClass(this.params.navigation.hiddenClass)) } } }, { name: "pagination", params: { pagination: { el: null, bulletElement: "span", clickable: !1, hideOnClick: !1, renderBullet: null, renderProgressbar: null, renderFraction: null, renderCustom: null, progressbarOpposite: !1, type: "bullets", dynamicBullets: !1, dynamicMainBullets: 1, formatFractionCurrent: function (e) { return e }, formatFractionTotal: function (e) { return e }, bulletClass: "swiper-pagination-bullet", bulletActiveClass: "swiper-pagination-bullet-active", modifierClass: "swiper-pagination-", currentClass: "swiper-pagination-current", totalClass: "swiper-pagination-total", hiddenClass: "swiper-pagination-hidden", progressbarFillClass: "swiper-pagination-progressbar-fill", progressbarOppositeClass: "swiper-pagination-progressbar-opposite", clickableClass: "swiper-pagination-clickable", lockClass: "swiper-pagination-lock" } }, create: function () { n.extend(this, { pagination: { init: ae.init.bind(this), render: ae.render.bind(this), update: ae.update.bind(this), destroy: ae.destroy.bind(this), dynamicBulletIndex: 0 } }) }, on: { init: function () { this.pagination.init(), this.pagination.render(), this.pagination.update() }, activeIndexChange: function () { this.params.loop ? this.pagination.update() : void 0 === this.snapIndex && this.pagination.update() }, snapIndexChange: function () { this.params.loop || this.pagination.update() }, slidesLengthChange: function () { this.params.loop && (this.pagination.render(), this.pagination.update()) }, snapGridLengthChange: function () { this.params.loop || (this.pagination.render(), this.pagination.update()) }, destroy: function () { this.pagination.destroy() }, click: function (e) { this.params.pagination.el && this.params.pagination.hideOnClick && this.pagination.$el.length > 0 && !s(e.target).hasClass(this.params.pagination.bulletClass) && (!0 === this.pagination.$el.hasClass(this.params.pagination.hiddenClass) ? this.emit("paginationShow", this) : this.emit("paginationHide", this), this.pagination.$el.toggleClass(this.params.pagination.hiddenClass)) } } }, { name: "scrollbar", params: { scrollbar: { el: null, dragSize: "auto", hide: !1, draggable: !1, snapOnRelease: !0, lockClass: "swiper-scrollbar-lock", dragClass: "swiper-scrollbar-drag" } }, create: function () { n.extend(this, { scrollbar: { init: re.init.bind(this), destroy: re.destroy.bind(this), updateSize: re.updateSize.bind(this), setTranslate: re.setTranslate.bind(this), setTransition: re.setTransition.bind(this), enableDraggable: re.enableDraggable.bind(this), disableDraggable: re.disableDraggable.bind(this), setDragPosition: re.setDragPosition.bind(this), getPointerPosition: re.getPointerPosition.bind(this), onDragStart: re.onDragStart.bind(this), onDragMove: re.onDragMove.bind(this), onDragEnd: re.onDragEnd.bind(this), isTouched: !1, timeout: null, dragTimeout: null } }) }, on: { init: function () { this.scrollbar.init(), this.scrollbar.updateSize(), this.scrollbar.setTranslate() }, update: function () { this.scrollbar.updateSize() }, resize: function () { this.scrollbar.updateSize() }, observerUpdate: function () { this.scrollbar.updateSize() }, setTranslate: function () { this.scrollbar.setTranslate() }, setTransition: function (e) { this.scrollbar.setTransition(e) }, destroy: function () { this.scrollbar.destroy() } } }, { name: "parallax", params: { parallax: { enabled: !1 } }, create: function () { n.extend(this, { parallax: { setTransform: ne.setTransform.bind(this), setTranslate: ne.setTranslate.bind(this), setTransition: ne.setTransition.bind(this) } }) }, on: { beforeInit: function () { this.params.parallax.enabled && (this.params.watchSlidesProgress = !0, this.originalParams.watchSlidesProgress = !0) }, init: function () { this.params.parallax.enabled && this.parallax.setTranslate() }, setTranslate: function () { this.params.parallax.enabled && this.parallax.setTranslate() }, setTransition: function (e) { this.params.parallax.enabled && this.parallax.setTransition(e) } } }, { name: "zoom", params: { zoom: { enabled: !1, maxRatio: 3, minRatio: 1, toggle: !0, containerClass: "swiper-zoom-container", zoomedSlideClass: "swiper-slide-zoomed" } }, create: function () { var e = this, t = { enabled: !1, scale: 1, currentScale: 1, isScaling: !1, gesture: { $slideEl: void 0, slideWidth: void 0, slideHeight: void 0, $imageEl: void 0, $imageWrapEl: void 0, maxRatio: 3 }, image: { isTouched: void 0, isMoved: void 0, currentX: void 0, currentY: void 0, minX: void 0, minY: void 0, maxX: void 0, maxY: void 0, width: void 0, height: void 0, startX: void 0, startY: void 0, touchesStart: {}, touchesCurrent: {} }, velocity: { x: void 0, y: void 0, prevPositionX: void 0, prevPositionY: void 0, prevTime: void 0 } }; "onGestureStart onGestureChange onGestureEnd onTouchStart onTouchMove onTouchEnd onTransitionEnd toggle enable disable in out".split(" ").forEach((function (i) { t[i] = oe[i].bind(e) })), n.extend(e, { zoom: t }); var i = 1; Object.defineProperty(e.zoom, "scale", { get: function () { return i }, set: function (t) { if (i !== t) { var s = e.zoom.gesture.$imageEl ? e.zoom.gesture.$imageEl[0] : void 0, a = e.zoom.gesture.$slideEl ? e.zoom.gesture.$slideEl[0] : void 0; e.emit("zoomChange", t, s, a) } i = t } }) }, on: { init: function () { this.params.zoom.enabled && this.zoom.enable() }, destroy: function () { this.zoom.disable() }, touchStart: function (e) { this.zoom.enabled && this.zoom.onTouchStart(e) }, touchEnd: function (e) { this.zoom.enabled && this.zoom.onTouchEnd(e) }, doubleTap: function (e) { this.params.zoom.enabled && this.zoom.enabled && this.params.zoom.toggle && this.zoom.toggle(e) }, transitionEnd: function () { this.zoom.enabled && this.params.zoom.enabled && this.zoom.onTransitionEnd() }, slideChange: function () { this.zoom.enabled && this.params.zoom.enabled && this.params.cssMode && this.zoom.onTransitionEnd() } } }, { name: "lazy", params: { lazy: { enabled: !1, loadPrevNext: !1, loadPrevNextAmount: 1, loadOnTransitionStart: !1, elementClass: "swiper-lazy", loadingClass: "swiper-lazy-loading", loadedClass: "swiper-lazy-loaded", preloaderClass: "swiper-lazy-preloader" } }, create: function () { n.extend(this, { lazy: { initialImageLoaded: !1, load: le.load.bind(this), loadInSlide: le.loadInSlide.bind(this) } }) }, on: { beforeInit: function () { this.params.lazy.enabled && this.params.preloadImages && (this.params.preloadImages = !1) }, init: function () { this.params.lazy.enabled && !this.params.loop && 0 === this.params.initialSlide && this.lazy.load() }, scroll: function () { this.params.freeMode && !this.params.freeModeSticky && this.lazy.load() }, resize: function () { this.params.lazy.enabled && this.lazy.load() }, scrollbarDragMove: function () { this.params.lazy.enabled && this.lazy.load() }, transitionStart: function () { this.params.lazy.enabled && (this.params.lazy.loadOnTransitionStart || !this.params.lazy.loadOnTransitionStart && !this.lazy.initialImageLoaded) && this.lazy.load() }, transitionEnd: function () { this.params.lazy.enabled && !this.params.lazy.loadOnTransitionStart && this.lazy.load() }, slideChange: function () { this.params.lazy.enabled && this.params.cssMode && this.lazy.load() } } }, { name: "controller", params: { controller: { control: void 0, inverse: !1, by: "slide" } }, create: function () { n.extend(this, { controller: { control: this.params.controller.control, getInterpolateFunction: de.getInterpolateFunction.bind(this), setTranslate: de.setTranslate.bind(this), setTransition: de.setTransition.bind(this) } }) }, on: { update: function () { this.controller.control && this.controller.spline && (this.controller.spline = void 0, delete this.controller.spline) }, resize: function () { this.controller.control && this.controller.spline && (this.controller.spline = void 0, delete this.controller.spline) }, observerUpdate: function () { this.controller.control && this.controller.spline && (this.controller.spline = void 0, delete this.controller.spline) }, setTranslate: function (e, t) { this.controller.control && this.controller.setTranslate(e, t) }, setTransition: function (e, t) { this.controller.control && this.controller.setTransition(e, t) } } }, { name: "a11y", params: { a11y: { enabled: !0, notificationClass: "swiper-notification", prevSlideMessage: "Previous slide", nextSlideMessage: "Next slide", firstSlideMessage: "This is the first slide", lastSlideMessage: "This is the last slide", paginationBulletMessage: "Go to slide {{index}}" } }, create: function () { var e = this; n.extend(e, { a11y: { liveRegion: s('<span class="' + e.params.a11y.notificationClass + '" aria-live="assertive" aria-atomic="true"></span>') } }), Object.keys(he).forEach((function (t) { e.a11y[t] = he[t].bind(e) })) }, on: { init: function () { this.params.a11y.enabled && (this.a11y.init(), this.a11y.updateNavigation()) }, toEdge: function () { this.params.a11y.enabled && this.a11y.updateNavigation() }, fromEdge: function () { this.params.a11y.enabled && this.a11y.updateNavigation() }, paginationUpdate: function () { this.params.a11y.enabled && this.a11y.updatePagination() }, destroy: function () { this.params.a11y.enabled && this.a11y.destroy() } } }, { name: "history", params: { history: { enabled: !1, replaceState: !1, key: "slides" } }, create: function () { n.extend(this, { history: { init: pe.init.bind(this), setHistory: pe.setHistory.bind(this), setHistoryPopState: pe.setHistoryPopState.bind(this), scrollToSlide: pe.scrollToSlide.bind(this), destroy: pe.destroy.bind(this) } }) }, on: { init: function () { this.params.history.enabled && this.history.init() }, destroy: function () { this.params.history.enabled && this.history.destroy() }, transitionEnd: function () { this.history.initialized && this.history.setHistory(this.params.history.key, this.activeIndex) }, slideChange: function () { this.history.initialized && this.params.cssMode && this.history.setHistory(this.params.history.key, this.activeIndex) } } }, { name: "hash-navigation", params: { hashNavigation: { enabled: !1, replaceState: !1, watchState: !1 } }, create: function () { n.extend(this, { hashNavigation: { initialized: !1, init: ce.init.bind(this), destroy: ce.destroy.bind(this), setHash: ce.setHash.bind(this), onHashCange: ce.onHashCange.bind(this) } }) }, on: { init: function () { this.params.hashNavigation.enabled && this.hashNavigation.init() }, destroy: function () { this.params.hashNavigation.enabled && this.hashNavigation.destroy() }, transitionEnd: function () { this.hashNavigation.initialized && this.hashNavigation.setHash() }, slideChange: function () { this.hashNavigation.initialized && this.params.cssMode && this.hashNavigation.setHash() } } }, { name: "autoplay", params: { autoplay: { enabled: !1, delay: 3e3, waitForTransition: !0, disableOnInteraction: !0, stopOnLastSlide: !1, reverseDirection: !1 } }, create: function () { var e = this; n.extend(e, { autoplay: { running: !1, paused: !1, run: ue.run.bind(e), start: ue.start.bind(e), stop: ue.stop.bind(e), pause: ue.pause.bind(e), onVisibilityChange: function () { "hidden" === document.visibilityState && e.autoplay.running && e.autoplay.pause(), "visible" === document.visibilityState && e.autoplay.paused && (e.autoplay.run(), e.autoplay.paused = !1) }, onTransitionEnd: function (t) { e && !e.destroyed && e.$wrapperEl && t.target === this && (e.$wrapperEl[0].removeEventListener("transitionend", e.autoplay.onTransitionEnd), e.$wrapperEl[0].removeEventListener("webkitTransitionEnd", e.autoplay.onTransitionEnd), e.autoplay.paused = !1, e.autoplay.running ? e.autoplay.run() : e.autoplay.stop()) } } }) }, on: { init: function () { this.params.autoplay.enabled && (this.autoplay.start(), document.addEventListener("visibilitychange", this.autoplay.onVisibilityChange)) }, beforeTransitionStart: function (e, t) { this.autoplay.running && (t || !this.params.autoplay.disableOnInteraction ? this.autoplay.pause(e) : this.autoplay.stop()) }, sliderFirstMove: function () { this.autoplay.running && (this.params.autoplay.disableOnInteraction ? this.autoplay.stop() : this.autoplay.pause()) }, touchEnd: function () { this.params.cssMode && this.autoplay.paused && !this.params.autoplay.disableOnInteraction && this.autoplay.run() }, destroy: function () { this.autoplay.running && this.autoplay.stop(), document.removeEventListener("visibilitychange", this.autoplay.onVisibilityChange) } } }, { name: "effect-fade", params: { fadeEffect: { crossFade: !1 } }, create: function () { n.extend(this, { fadeEffect: { setTranslate: ve.setTranslate.bind(this), setTransition: ve.setTransition.bind(this) } }) }, on: { beforeInit: function () { if ("fade" === this.params.effect) { this.classNames.push(this.params.containerModifierClass + "fade"); var e = { slidesPerView: 1, slidesPerColumn: 1, slidesPerGroup: 1, watchSlidesProgress: !0, spaceBetween: 0, virtualTranslate: !0 }; n.extend(this.params, e), n.extend(this.originalParams, e) } }, setTranslate: function () { "fade" === this.params.effect && this.fadeEffect.setTranslate() }, setTransition: function (e) { "fade" === this.params.effect && this.fadeEffect.setTransition(e) } } }, { name: "effect-cube", params: { cubeEffect: { slideShadows: !0, shadow: !0, shadowOffset: 20, shadowScale: .94 } }, create: function () { n.extend(this, { cubeEffect: { setTranslate: fe.setTranslate.bind(this), setTransition: fe.setTransition.bind(this) } }) }, on: { beforeInit: function () { if ("cube" === this.params.effect) { this.classNames.push(this.params.containerModifierClass + "cube"), this.classNames.push(this.params.containerModifierClass + "3d"); var e = { slidesPerView: 1, slidesPerColumn: 1, slidesPerGroup: 1, watchSlidesProgress: !0, resistanceRatio: 0, spaceBetween: 0, centeredSlides: !1, virtualTranslate: !0 }; n.extend(this.params, e), n.extend(this.originalParams, e) } }, setTranslate: function () { "cube" === this.params.effect && this.cubeEffect.setTranslate() }, setTransition: function (e) { "cube" === this.params.effect && this.cubeEffect.setTransition(e) } } }, { name: "effect-flip", params: { flipEffect: { slideShadows: !0, limitRotation: !0 } }, create: function () { n.extend(this, { flipEffect: { setTranslate: me.setTranslate.bind(this), setTransition: me.setTransition.bind(this) } }) }, on: { beforeInit: function () { if ("flip" === this.params.effect) { this.classNames.push(this.params.containerModifierClass + "flip"), this.classNames.push(this.params.containerModifierClass + "3d"); var e = { slidesPerView: 1, slidesPerColumn: 1, slidesPerGroup: 1, watchSlidesProgress: !0, spaceBetween: 0, virtualTranslate: !0 }; n.extend(this.params, e), n.extend(this.originalParams, e) } }, setTranslate: function () { "flip" === this.params.effect && this.flipEffect.setTranslate() }, setTransition: function (e) { "flip" === this.params.effect && this.flipEffect.setTransition(e) } } }, { name: "effect-coverflow", params: { coverflowEffect: { rotate: 50, stretch: 0, depth: 100, modifier: 1, slideShadows: !0 } }, create: function () { n.extend(this, { coverflowEffect: { setTranslate: ge.setTranslate.bind(this), setTransition: ge.setTransition.bind(this) } }) }, on: { beforeInit: function () { "coverflow" === this.params.effect && (this.classNames.push(this.params.containerModifierClass + "coverflow"), this.classNames.push(this.params.containerModifierClass + "3d"), this.params.watchSlidesProgress = !0, this.originalParams.watchSlidesProgress = !0) }, setTranslate: function () { "coverflow" === this.params.effect && this.coverflowEffect.setTranslate() }, setTransition: function (e) { "coverflow" === this.params.effect && this.coverflowEffect.setTransition(e) } } }, { name: "thumbs", params: { thumbs: { multipleActiveThumbs: !0, swiper: null, slideThumbActiveClass: "swiper-slide-thumb-active", thumbsContainerClass: "swiper-container-thumbs" } }, create: function () { n.extend(this, { thumbs: { swiper: null, init: be.init.bind(this), update: be.update.bind(this), onThumbClick: be.onThumbClick.bind(this) } }) }, on: { beforeInit: function () { var e = this.params.thumbs; e && e.swiper && (this.thumbs.init(), this.thumbs.update(!0)) }, slideChange: function () { this.thumbs.swiper && this.thumbs.update() }, update: function () { this.thumbs.swiper && this.thumbs.update() }, resize: function () { this.thumbs.swiper && this.thumbs.update() }, observerUpdate: function () { this.thumbs.swiper && this.thumbs.update() }, setTransition: function (e) { var t = this.thumbs.swiper; t && t.setTransition(e) }, beforeDestroy: function () { var e = this.thumbs.swiper; e && this.thumbs.swiperCreated && e && e.destroy() } } }]; return void 0 === W.use && (W.use = W.Class.use, W.installModule = W.Class.installModule), W.use(we), W })); /*! * ANI-Util JavaScript Library v1.0 * * Copyright 2021. Yoon jae-ho * Released under the MIT license * * Date: 2021-02-09 */ const ANIUTIL = (function () { const scrollController = function () { let opt = {}, agent = navigator.userAgent.toLowerCase(), macOs = agent.indexOf('mac os') > -1, targetElement = document.scrollingElement || document.documentElement || document.body.parentNode || document.body, defaultSpeed = macOs ? 60 : 120, speed, duration, scrollSize, maxScrollSize, frameElement = targetElement === document.body && document.documentElement ? document.documentElement : targetElement, // safari is the new IE moveState = false, scrollTiming = null, tweenObject = null; const init = function (opt) { // if (agent.indexOf("chrome") == -1 && agent.indexOf("safari") != -1) return; setOpts(opt); bindEvent.wheel(); bindEvent.scroll(); return (this.opt = opt); }; const destroy = function (remove) { document.documentElement.removeEventListener('mousewheel', eventList.scrollEvent); document.documentElement.removeEventListener('wheel', eventList.scrollEvent); if (remove) { opt = {}; } }; const setOpts = function (opt) { speed = !!!opt.speed ? defaultSpeed : macOs ? opt.speed / 2 : opt.speed; duration = !!!opt.duration ? 0.6 : opt.duration; scrollSize = targetElement.scrollTop; opt = opt; }; const bindEvent = { wheel: function () { if ((navigator.appName == 'Netscape' && navigator.userAgent.search('Trident') != -1) || agent.indexOf('msie') != -1) { document.documentElement.addEventListener('mousewheel', eventList.scrollEvent, { passive: false, }); } else { document.documentElement.addEventListener('wheel', eventList.scrollEvent, { passive: false, }); } }, scroll: function () { window.addEventListener('scroll', function () { if (document.documentElement.style.overflow == 'hidden' || document.body.style.overflow == 'hidden') return; if (!moveState) { scrollSize = targetElement.scrollTop; } }); }, }; const eventList = { scrollEvent: function (e) { if (document.documentElement.style.overflow == 'hidden' || document.body.style.overflow == 'hidden') return; e.preventDefault(); const fixedMoveSpeed = document.body.getAttribute('data-scroll-speed'); const delta = eventList.normalizeWheelDelta(e), moveSpeed = opt.currDelta && fixedMoveSpeed ? fixedMoveSpeed : !!!fixedMoveSpeed && !!!speed ? 120 : speed; scrollSize = scrollSize + -delta * moveSpeed; //현재까지 스크롤한 사이즈 maxScrollSize = Math.max(0, Math.min(scrollSize, targetElement.scrollHeight - frameElement.clientHeight)); //최대 스크롤 사이즈 eventList.update(); }, normalizeWheelDelta: function (e) { if (e.detail) { if (e.wheelDelta) { return (e.wheelDelta / e.detail / 40) * (e.detail > 0 ? 1 : -1); // Opera } else { return -e.detail / 3; // Firefox } } else { return e.wheelDelta / 120; // IE,Safari,Chrome } }, update: function () { let moveRange = maxScrollSize - targetElement.scrollTop, moveSize = 0 >= Math.ceil(targetElement.scrollTop + moveRange) ? 0 : scrollSize > maxScrollSize ? maxScrollSize : Math.ceil(targetElement.scrollTop + moveRange); //한번 스크롤시 이동할 거리 moveState = true; TweenMax.to(targetElement, duration, { ease: 'circ.out', scrollTop: moveSize, onComplete: function () { clearTimeout(scrollTiming); scrollTiming = null; scrollTiming = setTimeout(function () { moveState = false; scrollSize = targetElement.scrollTop; }, 500); }, }); // if (tweenObject === null) { // tweenObject = new TweenMax.to(targetElement, duration, { ease: "circ.out", scrollTop: moveSize, onComplete: function(){ // clearTimeout(scrollTiming); // scrollTiming = null; // scrollTiming = setTimeout(function(){ // moveState = false; // scrollSize = targetElement.scrollTop; // }, 500) // } // }); // }; // tweenObject.updateTo({scrollTop: moveSize}, true); if (scrollSize <= 0) { scrollSize = 0; } else if (scrollSize >= maxScrollSize) { scrollSize = maxScrollSize; } }, }; return { init: init, destroy: destroy, }; }; return { scrollController: scrollController, }; })(); ('use strict'); window.BUDS = window.BUDS || {}; const UTILS = (function () { return { isIosDevice: (function () { const isIos = /iPad|iPhone|iPod/.test(navigator.userAgent); isIos ? document.documentElement.classList.add('isIosDevice') : document.documentElement.classList.add('isNotIosDevice'); return isIos; })(), checkGlobal: (function () { const check = location.pathname.indexOf('/global/galaxy') === 0 || window.IS_CAMPAIGN === true; if (check) document.documentElement.classList.add('global'); else document.documentElement.classList.add('dotcom'); })(), checkOS: (function () { let os = navigator.appVersion.match(/(mac|win|linux)/i); os = os ? os[1].toLowerCase() : ''; document.documentElement.classList.add(os); })(), isFireFox: (function () { const check = /firefox/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('firefox'); })(), isWebkit: (function () { const check = /applewebkit/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('webkit'); })(), isChrome: (function () { const check = /chrome/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('chrome'); })(), isOpera: (function () { const check = /opera/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('opera'); })(), isIos: (function () { const check = /ip(ad|hone|od)/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('ios'); })(), isCrIos: (function () { const check = /crios/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('crios'); })(), isAndroid: (function () { const check = /android/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('android'); })(), isSafari: (function () { const checkWebkit = /applewebkit/i.test(navigator.userAgent); const checkChrome = /chrome/i.test(navigator.userAgent); if (checkWebkit && !checkChrome) document.documentElement.classList.add('safari'); })(), isHuawei: (function () { const check = /HUAWEICLT/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('huawei'); })(), isUCBrowser: (function () { const check = /UCBrowser/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('ucbrowser'); })(), winSize: (function () { const isWinSafari = (function () { let appNetscape = navigator.appName === 'Netscape', appVersionMac = navigator.appVersion.indexOf('Mac') !== -1, userAgentSafari = navigator.userAgent.indexOf('Safari') !== -1, userAgentChrome = navigator.userAgent.indexOf('Chrome') !== -1; return appNetscape && !appVersionMac && userAgentSafari && !userAgentChrome; })(); if (isWinSafari) { return function () { const win_wh = { w: $(win).width(), h: $(win).height(), }; return win_wh; }; } else { return function () { const win_wh = { w: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, h: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, }; return win_wh; }; } })(), requestAFrame: (function () { return ( window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) { return window.setTimeout(callback, 1000 / 60); } ); })(), cancelAFrame: (function () { return ( window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.oCancelAnimationFrame || window.msCancelAnimationFrame || function (id) { window.clearTimeout(id); } ); })(), isObject: function (o) { return typeof o === 'object' && o !== null && o.constructor && o.constructor === Object; }, def: function () { let args = [], len$1 = arguments.length; while (len$1--) args[len$1] = arguments[len$1]; let to = Object(args[0]); for (let i = 1; i < args.length; i += 1) { const nextSource = args[i]; if (nextSource !== undefined && nextSource !== null) { const keysArray = Object.keys(Object(nextSource)); for (let nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) { const nextKey = keysArray[nextIndex]; const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey); if (desc !== undefined && desc.enumerable) { if (this.isObject(to[nextKey]) && this.isObject(nextSource[nextKey])) { this.def(to[nextKey], nextSource[nextKey]); } else if (!this.isObject(to[nextKey]) && this.isObject(nextSource[nextKey])) { to[nextKey] = {}; this.def(to[nextKey], nextSource[nextKey]); } else { to[nextKey] = nextSource[nextKey]; } } } } } return to; }, convertArray: function (nodeList) { return Array.prototype.slice.call(nodeList); }, getOffset: function (element) { const top = element.getBoundingClientRect().top + window.pageYOffset, bottom = element.getBoundingClientRect().bottom + window.pageYOffset; return { top: top, bottom: bottom, }; }, getScroll: function () { const top = window.pageYOffset, bottom = top + window.innerHeight; return { top: top, bottom: bottom, }; }, setCookie: function (name, value, day) { const date = new Date(); date.setTime(date.getTime() + day * 60 * 60 * 24 * 1000); document.cookie = name + '=' + value + '; exprires=' + date.toUTCString() + '; path=/'; }, getCookie: function (name) { const value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); return value ? value[2] : null; }, getHeight: function (target) { if (!!target) { const targetStyle = window.getComputedStyle(target); const targetDisplay = targetStyle.display; const targetMaxHeight = parseInt(targetStyle.maxHeight); const returnHeight = 0; if (targetDisplay != 'none' && targetMaxHeight != 0) { return target.offsetHeight; } target.style.position = 'absolute'; target.style.visibility = 'hidden'; target.style.display = 'block'; returnHeight = target.offsetHeight; target.style.display = ''; target.style.position = ''; target.style.visibility = ''; return returnHeight; } return 0; }, isRTL: function () { return document.documentElement.classList.contains('rtl'); }, checkRegion: function () { const metas = document.getElementsByTagName('meta'); let region = ''; for (let i = 0; i < metas.length; i++) { if (metas[i].getAttribute('name') == 'sitecode') { region = metas[i].getAttribute('content'); return region; } } if (region == '') return document.location.pathname.indexOf('global') > -1 ? 'global' : 'jp'; }, isLowNetwork: function () { var cookie = UTILS.getCookie('___GALAXY_SPEED') || UTILS.getCookie('__COM_SPEED'); if (cookie == null || cookie == undefined) return false; else if (cookie == 'L') return true; else if (cookie == 'H') return false; }, getNavHeight: function () { let navHeight = 0; const navigation = document.querySelector('.pd-g-header-navigation') || document.querySelector('#subnav') || document.querySelector('.sticky-menu') || document.querySelector('.pd-g-floating-nav'); if (!!navigation) { if (navigation.classList.contains('pd-g-header-navigation')) { const headerNav = navigation.querySelector('.pd-header-navigation'); const menuWrap = headerNav.querySelector('.pd-header-navigation__menu-wrap'); navHeight = headerNav.clientHeight + menuWrap.clientHeight; } else { navHeight = navigation.clientHeight; } } return navHeight; }, isBrokenFixed: function () { const winWidth = window.innerWidth; const winHeight = window.innerHeight; const brokenFixed = false; document.documentElement.classList.remove('is-broken-fixed'); if (winWidth >= 1440 && winHeight <= 540) { document.documentElement.classList.add('is-broken-fixed'); brokenFixed = true; } else if (winWidth <= 810 && winHeight / winWidth < 0.5277) { document.documentElement.classList.add('is-broken-fixed'); brokenFixed = true; } else if (winHeight < UTILS.MIN_VIEW_HEIGHT) { document.documentElement.classList.add('is-broken-fixed'); brokenFixed = true; } else { document.documentElement.classList.remove('is-broken-fixed'); } return brokenFixed; }, isTouchDevice: (function () { const checkDevice = 'ontouchstart' in window || (window.DocumentTouch && document instanceof window.DocumentTouch); checkDevice ? document.documentElement.classList.add('isTouchDevice') : document.documentElement.classList.add('isNotTouchDevice'); return checkDevice; })(), isIEorEdge: (function () { let word; const agent = navigator.userAgent.toLowerCase(); if (navigator.appName == 'Microsoft Internet Explorer') { word = 'msie '; } else if (agent.search('trident') > -1) { word = 'trident/.*rv:'; } else if (agent.search('edge/') > -1) { word = 'edge/'; } else { return -1; } const reg = new RegExp(word + '([0-9]{1,})(\\.{0,}[0-9]{0,1})'); if (reg.exec(agent) != null) { document.documentElement.classList.add('isIEorEdge'); return parseFloat(RegExp.$1 + RegExp.$2); } return -1; })(), page: { scrollLock: { className: 'is-no-scroll', barWidth: function () { return window.innerWidth - document.documentElement.clientWidth; }, el: (function () { return $('html'); })(), run: function (w) { document.documentElement.style.paddingRight = w + 'px'; }, off: function () { const barWidth = this.barWidth(); this.el.removeClass(this.className); // NOTE : standard pd 템플릿 대응 this.el.removeClass('hive-layer-scroll-lock'); this.run(0); // const bodyEl = document.querySelector('body'); // bodyEl.style.position = null; // bodyEl.style.top = null; // bodyEl.style.width = null; // window.scrollTo(0, this.scrollEnd) }, on: function () { const barWidth = this.barWidth(); this.el.addClass(this.className); this.run(barWidth); // const bodyEl = document.querySelector('body'); // const scrollStart = window.pageYOffset || document.documentElement.scrollTop; // bodyEl.style.position = 'fixed'; // bodyEl.style.top = -scrollStart + 'px'; // bodyEl.style.width = '100%'; // this.scrollEnd = scrollStart <= 0 ? 0 : scrollStart; }, }, }, MIN_VIEW_HEIGHT: 400, RESPONSIVE: { PC: { NAME: 'pc', WIDTH: 1440, }, TABLET: { NAME: 'tablet', WIDTH: 1024, }, MOBILE: { NAME: 'mobile', WIDTH: 767, }, }, }; })(); BUDS.UTILS = UTILS; (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class ImageLoader { constructor(el = container, args) { const defParams = { el: el, lazyClass: '.js-img-src', lazyCompleteClass: 'load-complete', responsiveClass: args.responsiveClass || '.js-res-img', loadOption: args.loadOption, visiblePoint: !!!args.visiblePoint ? 0 : args.visiblePoint, useDefaultImg: args.useDefaultImg, resizeStart: null, }; this.opts = defParams; this.classes = defParams.classes; this.events = { load: this.onLoadHandler.bind(this), resize: this.onResizeHandler.bind(this), scroll: this.lazyEvent.bind(this), }; this.el = document.querySelector(el); this.init(); } init() { this.initOpts(); this.getLazyImage(); this.getResponsiveImage(); this.bindEvents(); } initOpts() { this.targetAttr = this.opts.loadOption[0].attribute; this.responsiveCheck = this.opts.loadOption; this.dynamicCallCount = 0; this.dynamicLoadedComplate = false; if (this.opts.useDefaultImg) { this.setDefaultImage(); } } getLazyImage() { let lazyImageList = []; const children = this.el.children; Array.from(children).forEach((child) => { if (!child.classList.contains('is-feature-hide')) { const images = child.querySelectorAll(this.opts.lazyClass); lazyImageList.push(...images); } }); this.lazyImages = lazyImageList; this.lazyLength = lazyImageList.length; } getResponsiveImage() { const responsiveImageList = this.el.querySelectorAll(this.opts.responsiveClass); this.responsiveImages = responsiveImageList; this.responsiveLength = responsiveImageList.length; } bindEvents() { window.addEventListener('load', this.events.load); window.addEventListener('scroll', this.events.scroll); if (this.responsiveCheck) { window.addEventListener('resize', this.events.resize); } } onLoadHandler() { this.events.resize(); this.events.scroll(); setTimeout(() => { this.responsiveHandler(); this.lazyEvent(); }, 300); window.removeEventListener('load', this.events.load); } onResizeHandler() { clearTimeout(this.opts.resizeStart); this.opts.resizeStart = setTimeout(() => { this.responsiveHandler(); this.lazyEvent(); }, 150); } lazyEvent() { this.setLazyImage(); if (this.lazyLength === this.lazyCompleteLength) { window.removeEventListener('scroll', this.events.scroll); } } responsiveHandler() { this.windowWidth = window.innerWidth; let resolutionLength = this.opts.loadOption.length; for (let i = 0; i < resolutionLength; i++) { let nextIndex = i + 1, nextPoint = nextIndex == resolutionLength ? 0 : this.opts.loadOption[nextIndex].resolution, checkPoint = false; if (i == 0) { checkPoint = this.windowWidth > nextPoint; } else { checkPoint = this.windowWidth <= this.opts.loadOption[i].resolution && this.windowWidth > nextPoint; } if (checkPoint) { if (this.opts.loadOption[i].attribute !== this.oldAttr) { this.targetAttr = this.opts.loadOption[i].attribute; this.oldAttr = this.targetAttr; this.attrIndex = i; this.dynamicCallCount = 0; this.setResponsiveImage(); } } } } setResponsiveImage(imageTarget) { if (imageTarget) { for (let i = 0; i < imageTarget.length; i++) { let targetImage = imageTarget[i]; let imgSrc = imageTarget[i].getAttribute(this.targetAttr); if (!!!imgSrc) { imgSrc = this.findImageHandler(targetImage); } if (typeof window.GALAXY === 'undefined' && !window.GALAXY && (imgSrc.indexOf('.jpg') > -1 || imgSrc.indexOf('.png') > -1)) { imgSrc = `${imgSrc}?imbypass=true`; } if (!imageTarget[i].classList.contains(this.opts.lazyCompleteClass)) { imageTarget[i].setAttribute('src', imgSrc); imageTarget[i].classList.add(this.opts.lazyCompleteClass); } } } else { for (let i = 0; i < this.responsiveLength; i++) { let targetImage = this.responsiveImages[i]; let imgSrc = targetImage.getAttribute(this.targetAttr); if (!!!imgSrc) { imgSrc = this.findImageHandler(targetImage); } if (typeof window.GALAXY === 'undefined' && !window.GALAXY && (imgSrc.indexOf('.jpg') > -1 || imgSrc.indexOf('.png') > -1)) { imgSrc = `${imgSrc}?imbypass=true`; } if (targetImage.classList.contains(this.opts.lazyCompleteClass)) { targetImage.setAttribute('src', imgSrc); } } } } checkCompleteImage() { let lazyCompleteList = this.el.querySelectorAll('.' + this.opts.lazyCompleteClass); this.lazyCompleteLength = lazyCompleteList.length; } setDefaultImage() { for (var i = 0; i < this.lazyLength; i++) { this.lazyImages[i].setAttribute('src', 'data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs='); } } setLazyImage() { this.windowHeight = window.innerHeight; for (let i = 0; i < this.lazyLength; i++) { let targetElement = this.lazyImages[i], corrHeight = this.windowHeight * this.opts.visiblePoint, scrollTop = UTILS.getScroll.call(this).top - corrHeight, scrollBottom = UTILS.getScroll.call(this).bottom + corrHeight, targetOffsetTop = UTILS.getOffset.call(this, targetElement).top, targetOffsetBottom = UTILS.getOffset.call(this, targetElement).bottom, lazyClass = this.opts.lazyClass.split('.'), removeClass = lazyClass[lazyClass.length - 1]; let isOffsetParent; if (window.getComputedStyle(targetElement).display === 'none') { const targetParent = targetElement.parentNode; if (targetParent.offsetParent != null) { isOffsetParent = targetParent.offsetParent; targetOffsetTop = UTILS.getOffset.call(this, targetParent).top; targetOffsetBottom = UTILS.getOffset.call(this, targetParent).bottom; } } else { isOffsetParent = targetElement.offsetParent; } if ( ((scrollBottom > targetOffsetTop && scrollTop <= targetOffsetTop) || (scrollTop < targetOffsetBottom && scrollBottom > targetOffsetBottom) || (scrollTop < targetOffsetTop && scrollBottom > targetOffsetBottom) || (scrollTop > targetOffsetTop && scrollBottom < targetOffsetBottom)) && isOffsetParent != null ) { let imgSrc = targetElement.getAttribute(this.targetAttr); if (!!!imgSrc) { imgSrc = this.findImageHandler(targetElement); } if (typeof window.GALAXY === 'undefined' && !window.GALAXY && (imgSrc.indexOf('.jpg') > -1 || imgSrc.indexOf('.png') > -1)) { imgSrc = `${imgSrc}?imbypass=true`; } if (!targetElement.classList.contains(this.opts.lazyCompleteClass)) { targetElement.setAttribute('src', imgSrc); var imageLoadEvent = () => { if (this.opts.lazyClass.split(' ').length == 1) targetElement.classList.remove(removeClass); this.checkCompleteImage(); targetElement.removeEventListener('load', imageLoadEvent); }; targetElement.addEventListener('load', imageLoadEvent); targetElement.classList.add(this.opts.lazyCompleteClass); } } } } findRemainingImageAttr(element) { var attrLength = this.opts.loadOption.length; for (var i = 0; i < attrLength; i++) { var getAttr = element.getAttribute(this.opts.loadOption[i].attribute); if (getAttr) { return getAttr; break; } } } findNextImageAttr(element) { const isIndex = this.attrIndex; for (let i = isIndex; i >= 0; i--) { let getAttr = element.getAttribute(this.opts.loadOption[i].attribute); if (getAttr) { return getAttr; break; } if (i == 0 && getAttr == undefined) { return this.findRemainingImageAttr(element); } } } findImageHandler(element) { if (this.attrIndex !== 0) { return this.findNextImageAttr(element); } else { return this.findRemainingImageAttr(element); } } } BUDS.ImageLoader = ImageLoader; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; const RESPONSIVE = UTILS.RESPONSIVE; class VideoLoader { constructor(el = container, args) { const defParams = { el: el, lazyClass: args.lazyClass || '.js-video-src', responsiveClass: args.responsiveClass || '.js-res-video', imageLazyCompleteClass: 'load-complete', notLoadElement: args.notLoadElement || [], loadOption: args.loadOption, visiblePoint: !!!args.visiblePoint ? 0 : args.visiblePoint, resizeStart: null, classes: { loaded: 'loaded', ended: 'ended', }, }; this.opts = defParams; this.classes = defParams.classes; this.el = document.querySelector(el); this.init(); } init() { this.initOpts(); this.getLazyVideo(); this.getResponsiveVideo(); this.bindEvents(); } initOpts() { this.getCurrentDevice(); const targetindex = this.currentDevice !== 'mobile' ? 0 : 1; this.prevSrcArray = []; this.targetAttr = this.opts.loadOption[targetindex].attribute; this.responsiveCheck = this.opts.loadOption; this.videoCallStack = []; } getLazyVideo() { let lazyVideoList = Array.from(this.el.querySelectorAll(this.opts.lazyClass)).filter((lazyVideo) => { lazyVideo.isVideoInit = false; for (let i = 0; i < this.opts.notLoadElement.length; i++) { return !lazyVideo.closest(this.opts.notLoadElement[i]); } }); lazyVideoList = lazyVideoList.filter((lazyVideo) => { if (lazyVideo.querySelector('video') && !lazyVideo.closest('.is-feature-hide')) { return lazyVideo; } }); this.lazyVideos = lazyVideoList; this.lazyLength = lazyVideoList.length; } getResponsiveVideo() { let responsiveVideoList = Array.from(this.el.querySelectorAll(this.opts.responsiveClass)).filter((lazyVideo) => { for (let i = 0; i < this.opts.notLoadElement.length; i++) { return !lazyVideo.closest(this.opts.notLoadElement[i]); } }); this.responsiveVideos = responsiveVideoList; this.responsiveLength = responsiveVideoList.length; } bindEvents() { window.addEventListener('load', this.onLoadHandler.bind(this)); window.addEventListener('scroll', this.lazyEvent.bind(this)); if (this.responsiveCheck) { window.addEventListener('resize', this.onResizeHandler.bind(this)); } } getCurrentDevice() { this.winWidth = UTILS.winSize().w; if (this.winWidth >= RESPONSIVE.TABLET.WIDTH) this.currentDevice = 'desktop'; else if (this.winWidth > RESPONSIVE.MOBILE.WIDTH && this.winWidth < RESPONSIVE.TABLET.WIDTH) this.currentDevice = 'tablet'; else this.currentDevice = 'mobile'; this.prevDevice = this.currentDevice; } onLoadHandler() { this.getCurrentDevice(); this.responsiveHandler(); this.lazyEvent(); } onResizeHandler() { clearTimeout(this.opts.resizeStart); this.opts.resizeStart = setTimeout(() => { this.getCurrentDevice(); this.responsiveHandler(); this.lazyEvent(); }, 80); } lazyEvent() { this.setLazyVideo(); if (this.lazyLength === this.lazyCompleteLength) { window.removeEventListener('scroll', this.lazyEvent.bind(this)); } } responsiveHandler() { this.windowWidth = window.innerWidth; let resolutionLength = this.opts.loadOption.length; for (let i = 0; i < resolutionLength; i++) { let nextIndex = i + 1, nextPoint = nextIndex == resolutionLength ? 0 : this.opts.loadOption[nextIndex].resolution, checkPoint = false; if (i == 0) { checkPoint = this.windowWidth > nextPoint; } else { checkPoint = this.windowWidth <= this.opts.loadOption[i].resolution && this.windowWidth > nextPoint; } if (checkPoint) { if (this.opts.loadOption[i].attribute !== this.oldAttr) { this.targetAttr = this.opts.loadOption[i].attribute; this.oldAttr = this.targetAttr; this.attrIndex = i; this.setResponsiveVideo(); } } } } setResponsiveVideo() { for (let i = 0; i < this.responsiveLength; i++) { const videoElement = this.responsiveVideos[i]; const video = videoElement.querySelector('video'); const videoSrc = videoElement.getAttribute(this.targetAttr); if (videoElement.classList.contains(this.classes.loaded) && videoElement.isVideoInit) { video.querySelectorAll('source').forEach((source) => { const type = source.getAttribute('type'); if (type.indexOf('webm') > -1) source.src = videoSrc + `.webm${typeof window.GALAXY === 'undefined' && !window.GALAXY ? '?imbypass=true' : ''}`; if (type.indexOf('mp4') > -1) source.src = videoSrc + `.mp4${typeof window.GALAXY === 'undefined' && !window.GALAXY ? '?imbypass=true' : ''}`; }); video.isCanplayThrough = false; video.load(); video.addEventListener( 'canplaythrough', () => { window.setTimeout(() => { video.isCanplayThrough = true; videoElement.classList.add(this.classes.loaded); }, 500); this.checkCompleteVideo(); }, { once: true } ); } } } setLazyVideo() { for (let i = 0; i < this.lazyLength; i++) { const winOffsetTop = window.pageYOffset; const winOffsetBottom = winOffsetTop + window.innerHeight; const targetElement = this.lazyVideos[i]; const targetRect = targetElement.getBoundingClientRect(); const targetOffsetTop = winOffsetTop + targetRect.top; const targetOffsetBottom = winOffsetTop + targetRect.bottom; if ( winOffsetBottom > targetOffsetTop - window.innerHeight * (window.pageYOffset != 0 ? this.opts.visiblePoint : 0) && winOffsetTop < targetOffsetBottom + window.innerHeight * (window.pageYOffset != 0 ? this.opts.visiblePoint : 0) && !targetElement.isVideoInit ) { if (this.videoCallStack.indexOf(i) < 0) { this.videoCallStack.push(i); this.setVideoSrc(); } } } } setVideoSrc() { const targetIndex = this.videoCallStack[0]; const videoElement = this.lazyVideos[targetIndex]; const video = videoElement.querySelector('video'); const videoSrc = videoElement.getAttribute(this.targetAttr); const lazyClass = this.opts.lazyClass.split('.'); const removeClass = lazyClass[lazyClass.length - 1]; const currentVideoSrc = videoSrc; const setVideoCallStack = () => { this.checkCompleteVideo(); this.videoCallStack.splice(0, 1); if (this.videoCallStack.length > 0) { this.setVideoSrc(); } }; const onErrorVideoHandler = () => { window .fetch(videoSrc + `.webm${typeof window.GALAXY === 'undefined' && !window.GALAXY ? '?imbypass=true' : ''}`, { mode: 'no-cors' }) .then((res) => { if (res.status === 404) { return fetch(videoSrc + `.mp4${typeof window.GALAXY === 'undefined' && !window.GALAXY ? '?imbypass=true' : ''}`, { mode: 'no-cors' }); } }) .then((res) => { if (res.status === 404) { setVideoCallStack(); } }) .catch(() => { setVideoCallStack(); }); }; const onCanplaythroughHandler = () => { window.setTimeout(() => { video.isCanplayThrough = true; videoElement.classList.add(this.classes.loaded); }, 500); if (this.opts.lazyClass.split(' ').length == 1) videoElement.classList.remove(removeClass); setVideoCallStack(); }; if (this.prevSrcArray[targetIndex] !== currentVideoSrc) { video.querySelectorAll('source').forEach((source) => { const type = source.getAttribute('type'); if (type.indexOf('webm') > -1) source.src = videoSrc + `.webm${typeof window.GALAXY === 'undefined' && !window.GALAXY ? '?imbypass=true' : ''}`; if (type.indexOf('mp4') > -1) source.src = videoSrc + `.mp4${typeof window.GALAXY === 'undefined' && !window.GALAXY ? '?imbypass=true' : ''}`; }); video.isCanplayThrough = false; video.load(); video.addEventListener('canplaythrough', onCanplaythroughHandler, { once: true }); // webm, mp4 둘 다 있다는 전제 video.addEventListener('error', onErrorVideoHandler, true); videoElement.isVideoInit = true; this.prevSrcArray[targetIndex] = currentVideoSrc; } } checkCompleteVideo() { let lazyCompleteList = Array.from(this.el.querySelectorAll('.' + this.classes.loaded)).filter((lazyVideo) => { for (let i = 0; i < this.opts.notLoadElement.length; i++) { return !lazyVideo.closest(this.opts.notLoadElement[i]); } }); this.lazyCompleteLength = lazyCompleteList.length; } } BUDS.VideoLoader = VideoLoader; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; const RESPONSIVE = UTILS.RESPONSIVE; class VideoPlayer { constructor(el, args) { const defParams = { sectionElement: args.sectionElement, videoParentElement: null, videoElement: el, videoController: '.video__controller', hiddenElement: '.blind', endImage: '.video__end-frame img', videoLazyClass: '.js-video-src', lazyCompleteClass: 'load-complete', imageEndLazyClass: '.js-end-img-src', playOffset: 0.5, playType: 'oneWay', visiblePoint: args.visiblePoint ? args.visiblePoint : 0, classes: { loaded: 'loaded', ended: 'ended', paused: 'paused', playing: 'playing', isPaused: 'is-paused', }, resizeStart: null, on: { updateController: null, updatePlayState: null, updateTime: null, }, }; this.opts = UTILS.def(defParams, args || {}); this.classes = defParams.classes; this.init(); } init() { this.setElements(); this.initOpts(); if (this.video !== null) { if (!this.video.paused) { this.video.pause(); } this.videoElement.playState = false; this.updateController(); this.bindEvents(); } } setElements() { this.videoElement = this.opts.videoElement; this.video = this.videoElement.querySelector('video'); if (this.video === null) return; if (this.opts.videoParentElement !== null) { this.videoParentElement = this.video.closest(this.opts.videoParentElement); } else { this.videoParentElement = this.videoElement; } this.videoController = this.videoParentElement.querySelector(this.opts.videoController); } initOpts() { this.getCurrentDevice(); this.autoPlay = this.videoElement.dataset.autoPlay ? JSON.parse(this.videoElement.dataset.autoPlay) : false; this.videoElement.playState = false; this.videoElement.autoPlayState = false; this.useController = this.videoController ? true : false; } getCurrentDevice() { this.winWidth = UTILS.winSize().w; if (this.winWidth >= RESPONSIVE.TABLET.WIDTH) this.currentDevice = 'desktop'; else if (this.winWidth > RESPONSIVE.MOBILE.WIDTH && this.winWidth < RESPONSIVE.TABLET.WIDTH) this.currentDevice = 'tablet'; else this.currentDevice = 'mobile'; this.prevDevice = this.currentDevice; } bindEvents() { window.addEventListener('resize', this.onResizeHandler.bind(this)); window.addEventListener('scroll', this.onScrollHandler.bind(this)); this.video.addEventListener('play', this.onVideoPlay.bind(this)); this.video.addEventListener('pause', this.onVideoPause.bind(this)); this.video.addEventListener('ended', this.onVideoEnded.bind(this)); this.video.addEventListener('canplaythrough', this.onCanplayThrough.bind(this), { once: true }); this.video.addEventListener('timeupdate', this.onTimeUpdate.bind(this)); if (this.useController) { this.videoController.addEventListener('click', this.onClickController.bind(this)); } } onChange(videoElement) { if (videoElement === this.videoElement) { const targetAttr = this.currentDevice !== 'mobile' ? 'data-media-pc' : 'data-media-mo'; const videoSrc = this.videoElement.getAttribute(targetAttr); const currentVideoSrc = videoSrc; if (this.prevVideoSrc !== currentVideoSrc) { this.videoElement.playState = false; this.video.querySelectorAll('source').forEach((source) => { const type = source.getAttribute('type'); if (type.indexOf('webm') > -1) source.src = videoSrc + '.webm'; if (type.indexOf('mp4') > -1) source.src = videoSrc + '.mp4'; this.video.load(); }); this.videoElement.classList.remove(this.classes.playing); this.videoElement.classList.remove(this.classes.paused); this.video.addEventListener( 'canplaythrough', () => { if (!UTILS.isLowNetwork()) { this.onPlay(); } }, { once: true } ); } this.prevVideoSrc = currentVideoSrc; } } onLoad(videoElement) { if (videoElement === this.videoElement) { const targetAttr = this.currentDevice !== 'mobile' ? 'data-media-pc' : 'data-media-mo'; const videoSrc = this.videoElement.getAttribute(targetAttr); this.videoElement.playState = false; this.video.querySelectorAll('source').forEach((source) => { const type = source.getAttribute('type'); if (type.indexOf('webm') > -1) source.src = videoSrc + '.webm'; if (type.indexOf('mp4') > -1) source.src = videoSrc + '.mp4'; this.video.load(); }); this.video.isCanplayThrough = false; this.video.addEventListener( 'canplaythrough', () => { this.video.isCanplayThrough = true; if (!UTILS.isLowNetwork()) { this.onPlay(); } }, { once: true } ); } } onPlay(videoElement) { const playFunc = () => { if (!this.videoElement.playState) { if (this.video.currentTime === this.video.duration) { this.video.currentTime = 0; } if (this.autoPlay) this.videoElement.autoPlayState = true; this.videoElement.playState = true; this.videoElement.classList.remove(this.classes.ended); this.videoElement.classList.remove(this.classes.paused); const checkVideoLoad = () => { if (this.video.isCanplayThrough && this.video.readyState > 3) { cancelAnimationFrame(this.opts.videoFrame); clearTimeout(this.opts.videoPlayTimeout); this.opts.videoPlayTimeout = setTimeout(() => { this.video.play(); this.updateController(); this.outCallback('updatePlayState', true); this.videoElement.classList.remove(this.classes.ended); this.videoElement.classList.remove(this.classes.paused); this.videoElement.classList.add(this.classes.playing); }, 250); } else { this.opts.videoFrame = requestAnimationFrame(checkVideoLoad); } }; this.opts.videoFrame = requestAnimationFrame(checkVideoLoad); this.video.addEventListener('ended', this.updatePlayEnded.bind(this), { once: true }); } }; if (videoElement) { if (videoElement === this.videoElement) { playFunc(); } } else { playFunc(); } } onPause() { if (!this.video.paused) { this.video.pause(); } this.videoElement.playState = false; this.videoElement.classList.remove(this.classes.ended); this.videoElement.classList.remove(this.classes.playing); this.videoElement.classList.add(this.classes.paused); this.updateController(); } onEnded() { if (this.video.readyState > 3) { if (!this.video.ended) { this.video.pause(); } this.video.currentTime = this.video.duration; this.videoElement.playState = false; this.videoElement.classList.add(this.classes.ended); this.videoElement.classList.remove(this.classes.playing); this.videoElement.classList.remove(this.classes.paused); this.updateController(); } } onReset(videoElement) { if (!this.videoElement.playState) { cancelAnimationFrame(this.opts.videoFrame); clearTimeout(this.opts.videoPlayTimeout); } const resetFunc = () => { this.video.pause(); this.video.currentTime = 0; this.videoElement.playState = false; if (this.autoPlay) this.videoElement.autoPlayState = false; this.videoElement.classList.remove(this.classes.ended); this.videoElement.classList.remove(this.classes.playing); this.videoElement.classList.remove(this.classes.paused); this.updateController(); }; if (videoElement) { if (videoElement === this.videoElement) { resetFunc(); } } else { resetFunc(); } } onCanplayThrough() { const videoLazyClass = this.opts.videoLazyClass.split('.'); const removeClass = videoLazyClass[videoLazyClass.length - 1]; if (this.useController) { window.setTimeout(() => { this.videoController.style.display = 'block'; }, 500); } this.videoElement.classList.add(this.classes.loaded); if (this.opts.videoLazyClass.split(' ').length == 1) this.videoElement.classList.remove(removeClass); this.isCanplay = true; this.onScrollHandler(); this.isCanplay = false; } onTimeUpdate() { const data = { el: this.videoElement, duration: this.video.duration, currentTime: this.video.currentTime, playState: this.videoElement.playState, controller: this.videoController, }; this.outCallback('updateTime', data); } onClickController(e) { e.preventDefault(); if (!this.videoElement.playState) { this.onPlay(); } else { this.onPause(); } } onVideoPlay() { this.videoElement.playState = true; this.videoElement.classList.remove(this.classes.ended); this.videoElement.classList.add(this.classes.playing); this.videoElement.classList.remove(this.classes.paused); this.updateController(); this.outCallback('updatePlayState', true); } onVideoPause() { this.videoElement.playState = false; this.videoElement.classList.remove(this.classes.ended); this.videoElement.classList.remove(this.classes.playing); this.videoElement.classList.add(this.classes.paused); this.updateController(); this.outCallback('updatePlayState', false); } onVideoEnded() { this.videoElement.playState = false; this.videoElement.classList.add(this.classes.ended); this.videoElement.classList.remove(this.classes.playing); this.videoElement.classList.remove(this.classes.paused); this.updateController(); this.outCallback('updatePlayState', false); } updatePlayEnded() { this.onPause(); } updateController() { if (!this.useController) return; if (!this.videoElement.playState) { this.videoController.classList.remove(this.classes.isPaused); } else { this.videoController.classList.add(this.classes.isPaused); } const data = { el: this.videoController, playState: this.videoElement.playState, }; this.outCallback('updateController', data); this.outCallback('updatePlayState', this.videoElement.playState); } onScrollHandler() { if (this.videoElement.closest('.cm-layer')) return; const direction = scrollY > this.lastScrollY ? 'down' : 'up'; const targetHeight = UTILS.getHeight(this.videoElement); const playPoint = targetHeight * this.opts.playOffset; const scrollTop = UTILS.getScroll().top; const scrollBottom = UTILS.getScroll().bottom; const targetOffsetTop = UTILS.getOffset(this.videoElement).top; const targetOffsetBottom = UTILS.getOffset(this.videoElement).bottom; const playState = this.videoElement.classList.contains(this.classes.playing) && this.videoElement.playState; const pausedState = this.videoElement.classList.contains(this.classes.paused) && !this.videoElement.playState; const endedState = this.videoElement.classList.contains(this.classes.ended) && !this.videoElement.playState; if (this.opts.playType === 'oneWay') { if (scrollBottom >= targetOffsetTop + playPoint && scrollTop <= targetOffsetBottom) { const playState = this.isCanplay || direction === 'down'; if (playState) { if (this.autoPlay && !this.videoElement.playState && !this.videoElement.autoPlayState) { if (!UTILS.isLowNetwork()) { this.onPlay(); } } } } else if (scrollBottom < targetOffsetTop) { if (this.autoPlay && this.videoElement.autoPlayState) { if (playState || pausedState || endedState) { this.onReset(); } } } else if (scrollTop > targetOffsetBottom) { if (this.autoPlay) { if (this.videoElement.autoPlayState) { if (playState || pausedState) { this.onEnded(); } } else { // NOTE: video load 되기 전 end 이미지가 먼저 노출되어 보여져야할 경우 대응. this.videoElement.classList.add(this.classes.ended); } } } } else if (this.opts.playType === 'reverse') { if (scrollBottom >= targetOffsetTop + playPoint && scrollTop <= targetOffsetBottom - playPoint) { if (this.autoPlay && !this.videoElement.playState && !this.videoElement.autoPlayState) { if (!UTILS.isLowNetwork()) { this.onPlay(); } } } else if (scrollTop > targetOffsetBottom || scrollBottom < targetOffsetTop) { if (this.autoPlay) { this.onReset(); } } } this.lastScrollY = scrollY; } onResponsiveChange() { window.setTimeout(() => { this.isCanplay = true; this.onReset(); this.onScrollHandler(); this.isCanplay = false; }, 100); } onResizeHandler() { if (UTILS.winSize().w === this.winWidth) return; this.winWidth = UTILS.winSize().w; if (this.opts.resizeStart == null) { this.opts.resizeStart = this.winWidth; this.resizeAnimateFunc(); } window.clearTimeout(this.resizeEndTime); this.resizeEndTime = window.setTimeout(this.resizeEndFunc.bind(this), 150); } resizeAnimateFunc() { this.setLayout(); this.resizeRequestFrame = UTILS.requestAFrame.call(window, this.resizeAnimateFunc.bind(this)); } resizeEndFunc() { this.opts.resizeStart = null; UTILS.cancelAFrame.call(window, this.resizeRequestFrame); } setLayout() { this.onScrollHandler(); if (this.winWidth >= RESPONSIVE.MOBILE.WIDTH) this.currentDevice = 'desktop'; else this.currentDevice = 'mobile'; if (this.currentDevice !== this.prevDevice) { this.onResponsiveChange(); } this.prevDevice = this.currentDevice; } outCallback(ing, param) { var callbackObj = this.opts.on[ing]; if (callbackObj == null) return; callbackObj(param); } } BUDS.VideoPlayer = VideoPlayer; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const Disclaimer = (function () { const self = {}; let currDevice = false, prevDevice = null, currentSup = null; const init = function (opts) { self.opts = { ...opts, }; setVariables(); bindEvents(); setScrollControl(); }; const setVariables = function () { self.resizeTimeout = null; self.supClicker = document.querySelectorAll('a.click_sup'); self.supTopBtn = document.querySelectorAll('button.click_disclaimer'); self.contents = document.getElementById('contents') || document.getElementById('content'); self.allClickable = self.contents.querySelectorAll('a, button, input, select'); }; const bindEvents = function () { let i = 0; window.addEventListener('load', onLoadHandler); window.addEventListener('resize', onResizeHandler); window.addEventListener('scroll', onScrollHandler); for (i = 0; i < self.allClickable.length; i++) { const clickable = self.allClickable[i]; clickable.isClicked = false; clickable.isVisible = false; clickable.addEventListener('focusin', centeredFocus); clickable.addEventListener('mousedown', checkClick); } for (i = 0; i < self.supClicker.length; i++) { self.supClicker[i].addEventListener('click', onClickSup); } for (i = 0; i < self.supTopBtn.length; i++) { self.supTopBtn[i].addEventListener('click', onClickSupTopBtn); } }; const onLoadHandler = function () { onResizeHandler(); onScrollHandler(); setDisclaimerNumber(); if (UTILS.isLowNetwork()) { document.documentElement.classList.add('low_network'); } document.documentElement.classList.add('load'); window.removeEventListener('load', onLoadHandler); }; const setDisclaimerNumber = () => { const supTag = document.querySelectorAll('.click_sup'); const disc = document.querySelectorAll('li.common-bottom-disclaimer__list-item'); const discArr = Array.from(disc).map((item) => item.getAttribute('data-sup')); Array.from(supTag).map((sup) => { const dataSupTag = sup.getAttribute('data-sup-tag'); // automatic numbering if (discArr.indexOf(dataSupTag) > -1) { sup.innerText = discArr.indexOf(dataSupTag) + 1; } // remove tag if (discArr.indexOf(dataSupTag) === -1) { const parent = sup.parentElement; const supChildCount = sup.parentElement?.children.length ?? 0; if (supChildCount === 1) { parent.remove(); } if (supChildCount > 1) { // remove comma parent.removeChild(sup.nextSibling); sup.remove(); // remove comma if (parent.childNodes.length === 3) { parent.removeChild(parent.childNodes[2]); } } } }); }; const onResizeHandler = function () { if (window.innerWidth >= 1024) currDevice = 'desktop'; else if (window.innerWidth >= 768 && window.innerWidth < 1024) currDevice = 'tablet'; else currDevice = 'mobile'; clearTimeout(self.resizeTimeout); self.resizeTimeout = setTimeout(function () { UTILS.isBrokenFixed(); }, 100); if (currDevice != prevDevice) { document.documentElement.classList.add(currDevice); document.documentElement.classList.remove(prevDevice); prevDevice = currDevice; } }; const onScrollHandler = function () { const winOffsetTop = window.pageYOffset; const winOffsetBottom = winOffsetTop + window.innerHeight; for (let i = 0; i < self.allClickable.length; i++) { const clickable = self.allClickable[i]; const clickablePos = winOffsetTop + clickable.getBoundingClientRect().top; const winVisibleTop = winOffsetTop + UTILS.getNavHeight(); if (clickablePos >= winVisibleTop && clickablePos <= winOffsetBottom) { clickable.isVisible = true; } else if (clickablePos < winVisibleTop || clickablePos > winOffsetBottom) { clickable.isVisible = false; } } }; const onClickSup = function (e) { e.preventDefault(); e.stopPropagation(); const _this = this; const destIndex = parseFloat(this.innerText); let disclaimerList = document.querySelectorAll('#desc-section ol'); disclaimerList.forEach((el) => { if (window.getComputedStyle(el).display === 'block') { disclaimerList = el; } }); const disclaimerItems = disclaimerList.querySelectorAll('li'); const disclaimerItem = disclaimerList.querySelectorAll('li')[destIndex - 1]; const disclaimer = disclaimerItem.querySelector('span'); const disclaimerText = disclaimer.innerHTML; const activeBlock = `<a tabindex="0">${disclaimerText}</a>`; disclaimer.innerHTML = activeBlock; currentSup = e.currentTarget; const notLoadedImages = disclaimerItem.querySelectorAll('img.js-res-img:not(.load-complete)'); if (notLoadedImages.length > 0) { self.opts.updateImageLoader(notLoadedImages); } const focusInEvent = function () { centeredFocus.call(_this); disclaimer.removeEventListener('focusin', focusInEvent); }; const focusOutEvent = function () { disclaimer.innerHTML = disclaimerText; disclaimer.removeAttribute('tabindex'); disclaimer.removeEventListener('focusout', focusOutEvent); }; if (e.currentTarget.closest('.cm-layer')) { const targetLayer = e.currentTarget.closest('.cm-layer'); $(targetLayer).trigger('closeLayer', false); } disclaimer.addEventListener('focusin', focusInEvent); disclaimer.addEventListener('focusout', focusOutEvent); setTimeout(() => { disclaimerItem.querySelector('a').focus(); }, 0); disclaimerItems.forEach((el) => el.classList.remove('is-active')); disclaimerItem.classList.add('is-active'); }; const onClickSupTopBtn = function (e) { const disclaimer = e.target.closest('li'); const dataSup = disclaimer.getAttribute('data-sup'); const supList = document.querySelectorAll('.click_sup'); for (let i = 0; i < supList.length; i++) { const dataSupTag = supList[i].getAttribute('data-sup-tag'); if (dataSupTag === dataSup) { centeredFocus.call(this); currentSup.focus(); } } // layer 내 sup click case const curSupLayer = currentSup.closest('.cm-layer'); if (!!curSupLayer) { const supLayerId = curSupLayer.id; const layerParent = curSupLayer.parentNode; const targetButton = layerParent.querySelector(`[data-layer-target="#${supLayerId}"]`); if (currentSup.innerText === dataSup) { targetButton.focus(); } } disclaimer.classList.remove('is-active'); }; const centeredFocus = function (e) { if (typeof e !== 'undefined' && typeof e.sourceCapabilities !== 'undefined' && e.sourceCapabilities === null) { e.preventDefault(); return; } if (!document.documentElement.classList.contains('ios') && e && e.relatedTarget == null) return; const _this = this; if (!this.isClicked && !this.isVisible && !isSubNav(this)) { setTimeout(function () { const winOffsetTop = window.pageYOffset; const targetRect = _this.getBoundingClientRect(); const winHeight = (window.innerHeight - UTILS.getNavHeight()) / 2; const targetOffsetMid = winOffsetTop - UTILS.getNavHeight() + targetRect.top + targetRect.height / 2; window.scrollTo(0, targetOffsetMid - winHeight); }, 10); } this.isClicked = false; }; const isSubNav = function (element) { const parent = element.parentNode; const parentId = parent.getAttribute('id'); if (parentId === 'contents' || parent === document.body) { return false; } else { if (parentId === 'subnav' || parent.classList.contains('sc-s22ultra-popup')) { return true; } else { return isSubNav(parent); } } }; const checkClick = function () { this.isClicked = true; }; const setScrollControl = function () { const docClass = document.documentElement.classList; if (UTILS.checkRegion() !== 'global' && !docClass.contains('mac') && !docClass.contains('safari')) { ANIUTIL.scrollController({ speed: 120, duration: 0.5, }); } }; return { init: init, }; })(); window.BUDS.Disclaimer = Disclaimer; })(); (function (global, factory) { global = global; global.TrapFocus = factory(); })(window, function () { 'use strict'; var TrapFocus = (function (isUndefined) { var win = window, doc = win.document, $ = win.jQuery, hasTrap = null, Util = win.BUDS.UTILS; function TrapFocus(container, args) { if (!(this instanceof TrapFocus)) { return new TrapFocus(container, args); } var defParams = { obj: container, prevStep: null, isDestroy: false, IgnoreUtilFocusChanges: false, ariaAttr: { hidden: 'aria-hidden', disabled: 'aria-disabled', modal: 'aria-modal', }, ariaNotHidden: (() => { return args && args.ariaNotHidden ? args.ariaNotHidden : []; })(), classAttr: { clone: 'trapfocus', }, elAttr: { tabIndex: 'tabindex', role: 'role', }, customEvent: '.TrapFocus' + new Date().getTime() + Math.random(), }; this.opts = Util.def(defParams, args || {}); if (!(this.obj = $(this.opts.obj)).length) return; if (hasTrap != null) { hasTrap.destroy(); } hasTrap = this; this.init(); } TrapFocus.prototype = { init: function () { this.initLayout(); this.buildAria(); this.bindEvents(true); this.loadComponent(); this.obj.data('TrapFocus', this); }, initLayout: function () { var ariaAttr = this.opts.ariaAttr; var elAttr = this.opts.elAttr; this.obj.attr(ariaAttr.modal, 'true'); this.obj.attr(elAttr.role, 'dialog'); }, buildAria: function () { var ariaAttr = this.opts.ariaAttr; var elAttr = this.opts.elAttr; var defaultNotHidden = 'head, script, noscript, link, style, meta'; var hiddenParam = this.opts.ariaNotHidden.length > 0 ? `, ${this.opts.ariaNotHidden.join(',')}` : ''; Util.def(this, { aria: { notHidden: Array(defaultNotHidden + hiddenParam), focusType: ['A', 'BUTTON', 'INPUT', 'SELECT', 'TEXTAREA'], dataAttr: { ariaHidden: 'trapfocusariahidden', ariaDisabled: 'trapfocusariadisabled', tabIndex: 'trapfocustabindex', role: 'trapfocusrole', }, destroy: $.proxy(function () { var dataAttr = this.aria.dataAttr; var hiddenEls = this.aria.hiddenEls; var focusEls = this.aria.focusEls; var tabindexEls = this.aria.tabindexEls; // aria-hidden for (var hMin = 0, hMax = hiddenEls.length; hMin < hMax; hMin++) { (function (h_index) { var hiddenEl = hiddenEls.eq(h_index), ariaCondition = hiddenEl.data(dataAttr.ariaHidden), elCondition = hiddenEl.data(dataAttr.role); if (ariaCondition != isUndefined) { hiddenEl.attr(ariaAttr.hidden, ariaCondition); hiddenEl.removeData(dataAttr.ariaHidden); } else { hiddenEl.removeAttr(ariaAttr.hidden); } if (elCondition != isUndefined) { hiddenEl.attr(elAttr.role, elCondition); hiddenEl.removeData(dataAttr.role); } else { hiddenEl.removeAttr(elAttr.role); } })(hMin); } // aria-disabled for (var fMin = 0, fMax = focusEls.length; fMin < fMax; fMin++) { (function (f_index) { var focusEl = focusEls.eq(f_index), ariaCondition = focusEl.data(dataAttr.ariaDisabled); focusEl.removeAttr(elAttr.tabIndex); if (ariaCondition != isUndefined) { focusEl.attr(ariaAttr.disabled, ariaCondition); focusEl.removeData(dataAttr.ariaDisabled); } else { focusEl.removeAttr(ariaAttr.disabled); } })(fMin); } // tabindex for (var tMin = 0, tMax = tabindexEls.length; tMin < tMax; tMin++) { (function (t_index) { var tabindexEl = tabindexEls.eq(t_index), ariaCondition = tabindexEl.data(dataAttr.tabIndex); if (ariaCondition != isUndefined) { tabindexEl.attr(elAttr.tabIndex, ariaCondition); tabindexEl.removeData(dataAttr.tabIndex); } else { tabindexEl.removeAttr(elAttr.tabIndex); } })(tMin); } var cookieBtnWrap = document.getElementById('teconsent'); if (cookieBtnWrap) { var cookieBtn = cookieBtnWrap.querySelector('a'); if (cookieBtn && cookieBtn.getAttribute('tabindex') === '-1') { cookieBtn.setAttribute('tabindex', '0'); cookieBtn.removeAttribute('aria-disabled'); } } }, this), build: $.proxy(function () { var _this = this; var focusTypes = this.aria.focusType; var dataAttr = this.aria.dataAttr; var objParents = this.obj.parents(); var hiddenEls = this.obj.siblings().not(_this.aria.notHidden.join(',')); var focusEls = $('<x>'); var tabindexEls = $('<x>'); // this.entryFocus(); for (var i = 0, max = objParents.length; i < max; i++) { (function (index) { var _target = objParents.eq(index); hiddenEls = hiddenEls.add(_target.siblings().not(_this.aria.notHidden.join(','))); })(i); } focusEls = focusEls.add(hiddenEls); tabindexEls = tabindexEls.add(hiddenEls); this.obj.removeAttr(ariaAttr.hidden); // aria-hidden for (var hMin = 0, hMax = hiddenEls.length; hMin < hMax; hMin++) { (function (h_index) { var hiddenEl = hiddenEls.eq(h_index), ariaCondition = hiddenEl.attr(ariaAttr.hidden), elCondition = hiddenEl.attr(elAttr.role); if (ariaCondition != isUndefined) { hiddenEl.data(dataAttr.ariaHidden, ariaCondition); } if (elCondition != isUndefined) { hiddenEl.data(dataAttr.role, elCondition); } hiddenEl.attr(ariaAttr.hidden, 'true'); hiddenEl.attr(elAttr.role, 'none presentation'); })(hMin); } // aria-disabled focusEls = focusEls.add(hiddenEls.find(focusTypes.join(',').toLowerCase())); for (var fMin = 0, fMax = focusEls.length; fMin < fMax; fMin++) { (function (f_index) { var focusEl = focusEls.eq(f_index), ariaCondition = focusEl.attr(ariaAttr.disabled); if (ariaCondition != isUndefined) { focusEl.data(dataAttr.ariaDisabled, ariaCondition); } focusEl.attr(ariaAttr.disabled, 'true'); setTimeout(() => { focusEl.attr(elAttr.tabIndex, -1); }); })(fMin); } // tabindex tabindexEls = tabindexEls.add(hiddenEls.find('[' + elAttr.tabIndex + ']')); for (var tMin = 0, tMax = tabindexEls.length; tMin < tMax; tMin++) { (function (t_index) { var tabindexEl = tabindexEls.eq(t_index), ariaCondition = tabindexEl.attr(elAttr.tabIndex); if (ariaCondition != isUndefined) { tabindexEl.data(dataAttr.tabIndex, ariaCondition); } tabindexEl.attr(elAttr.tabIndex, -1); })(tMin); } this.aria.hiddenEls = hiddenEls; this.aria.focusEls = focusEls; this.aria.tabindexEls = tabindexEls; }, this), }, }); }, changeEvents: function (event) { var events = [], eventNames = event.split(' '); for (var key in eventNames) { events.push(eventNames[key] + this.opts.customEvent); } return events.join(' '); }, bindEvents: function (type) { if (type) { $(doc).on(this.changeEvents('focusin'), $.proxy(this.trapFocus, this)); } else { $(doc).off(this.changeEvents('focusin')); } }, focusFirstDescendant: function (element) { for (var i = 0; i < element.childNodes.length; i++) { var child = element.childNodes[i]; if (this.attemptFocus(child) || this.focusFirstDescendant(child)) { return true; } } return false; }, focusLastDescendant: function (element) { for (var i = element.childNodes.length - 1; i >= 0; i--) { var child = element.childNodes[i]; if (this.attemptFocus(child) || this.focusLastDescendant(child)) { return true; } } return false; }, isFocusable: function (element) { if (element.tabIndex > 0 || (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)) { return true; } if (element.disabled) { return false; } switch (element.nodeName) { case 'A': return !!element.href && element.rel != 'ignore'; case 'INPUT': return element.type != 'hidden' && element.type != 'file'; case 'BUTTON': case 'SELECT': case 'TEXTAREA': case 'VIDEO': case 'SOURCE': case 'IFRAME': return true; default: return false; } }, attemptFocus: function (element) { if (this.opts.isDestroy) return; if (!this.isFocusable(element)) { return false; } this.opts.IgnoreUtilFocusChanges = true; try { element.focus(); } catch (e) { } this.opts.IgnoreUtilFocusChanges = false; return document.activeElement === element; }, trapFocus: function (e) { if (this.opts.isDestroy) return; if (this.opts.IgnoreUtilFocusChanges) { return; } var currentDialog = document; this.dynamicComponentFocus(); }, loadComponent: function () { this.dynamicComponentFocus(); // 늦게 붙는 경우 추가 대응 setTimeout(() => { this.dynamicComponentFocus(); }, 3000); this.focusFirstDescendant(this.obj[0]); this.lastFocus = document.activeElement; this.aria.build(); }, // [WAQA]: 다이나믹 컴포넌트 trapfocus 대응 직진 코드임... dynamicComponentFocus: function () { const ariaAttr = this.opts.ariaAttr; const elAttr = this.opts.elAttr; // [WAQA]: 다이나믹 컴포넌트 대응 직진 코드임... // [WAQA]: 국가별로 feedback 컴포넌트 타입이 다름. // - UK만 QSIFeedbackButton-btn 사용하는것으로 보여짐. // 시간차 노출 대응. setTimeout(() => { var feedbackbtn = document.getElementById('QSIFeedbackButton-btn'); var feedbackclosebtn = document.getElementById('QSIFeedbackButton-close-btn'); var feedbackbtn2 = document.getElementById('nebula_div_btn'); var liveChatWrap = document.getElementById('spr-live-chat-app'); var cookieBtnWrap = document.getElementById('teconsent'); if (feedbackbtn) { var feedbackbtnWrap = feedbackbtn.parentElement; feedbackbtn.setAttribute(ariaAttr.disabled, 'true'); feedbackbtn.setAttribute(elAttr.tabIndex, '-1'); feedbackbtnWrap.setAttribute(ariaAttr.disabled, 'true'); feedbackbtnWrap.setAttribute(ariaAttr.hidden, 'true'); feedbackbtnWrap.setAttribute(elAttr.tabIndex, '-1'); feedbackbtnWrap.setAttribute(elAttr.role, 'none presentation'); } if (feedbackbtn2) { var feedbackbtnWrap2 = feedbackbtn2.parentElement; feedbackbtn2.setAttribute(ariaAttr.disabled, 'true'); feedbackbtn2.setAttribute(elAttr.tabIndex, '0'); feedbackbtnWrap2.setAttribute(ariaAttr.disabled, 'true'); feedbackbtnWrap2.setAttribute(ariaAttr.hidden, 'true'); feedbackbtnWrap2.setAttribute(elAttr.tabIndex, '-1'); feedbackbtnWrap2.setAttribute(elAttr.role, 'none presentation'); } if (liveChatWrap) { liveChatWrap.setAttribute(ariaAttr.disabled, 'true'); liveChatWrap.setAttribute(ariaAttr.hidden, 'true'); liveChatWrap.setAttribute(elAttr.tabIndex, '-1'); liveChatWrap.setAttribute(elAttr.role, 'none presentation'); } // cookie preferences if (cookieBtnWrap && cookieBtnWrap.hasAttribute('aria-label')) { setTimeout(() => { var cookieBtn = cookieBtnWrap.querySelector('a'); cookieBtn.setAttribute(elAttr.tabIndex, '-1'); cookieBtn.setAttribute(ariaAttr.disabled, 'true'); cookieBtn.setAttribute(ariaAttr.hidden, 'true'); }); } }); // // 늦게 붙는 경우 대응 // setTimeout(() => { // var cookieBtnWrap = document.getElementById('teconsent'); // if (cookieBtnWrap && cookieBtnWrap.hasAttribute('aria-label')) { // setTimeout(() => { // var cookieBtn = cookieBtnWrap.querySelector('a'); // cookieBtn.setAttribute(elAttr.tabIndex, '-1'); // cookieBtn.setAttribute(ariaAttr.disabled, 'true'); // cookieBtn.setAttribute(ariaAttr.hidden, 'true'); // }); // } // }, 2500); }, destroy: function () { hasTrap = null; this.opts.isDestroy = true; var ariaAttr = this.opts.ariaAttr; var elAttr = this.opts.elAttr; this.bindEvents(false); this.aria.destroy(); this.obj.removeAttr(ariaAttr.modal); }, }; return TrapFocus; })(); return TrapFocus; }); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class SubNav { constructor(el = container, args) { const defParams = { navItems: 'ul li>a', navDests: '[class*="js-nav-"]', visSections: '.js-visible', resizeStart: null, classes: { isOn: 'on', }, }; this.opts = defParams; this.classes = defParams.classes; this.el = document.querySelector(el); this.init(); } init() { if (this.el === null) return; this.setElements(); this.initOpts(); this.bindEvents(); } setElements() { this.navItems = UTILS.convertArray(this.el.querySelectorAll(this.opts.navItems)); this.navDests = document.querySelectorAll(this.opts.navDests); this.visSections = UTILS.convertArray(document.querySelectorAll(this.opts.visSections)); } initOpts() { this.visCount = -1; this.visSections.forEach((visSection) => { visSection.dataset.visIndex = visSection.classList.contains('js-count') ? ++this.visCount : this.visCount; }); this.winOffsetTop = window.pageYOffset; } bindEvents() { this.onScrollHandler(); window.addEventListener('resize', this.onResizeHandler.bind(this)); window.addEventListener('scroll', this.onScrollHandler.bind(this)); const locationHash = window.location.hash; this.navItems.forEach((navItem, index) => { if (navItem.getAttribute('href').indexOf('#') > -1) { navItem.dataset.navIndex = index; navItem.addEventListener('click', this.onNavItemClickEvent.bind(this)); } if (!!locationHash && navItem.getAttribute('href').indexOf(locationHash) > -1) { navItem.parentNode.classList.remove(this.classes.isOn); navItem.click(); } }); } onNavItemClickEvent(e) { e.preventDefault(); const currentTarget = e.target; const parent = currentTarget.parentNode; if (!this.el.classList.contains('hold') && !parent.classList.contains(this.classes.isOn)) { this.navItems.forEach((navItem) => { navItem.parentNode.classList.remove(this.classes.isOn); }); if (!parent.classList.contains(this.classes.isOn)) parent.classList.add(this.classes.isOn); const navIndex = currentTarget.dataset.navIndex; let destYPos = 0; if (currentTarget.dataset.type === 'nav') { const navDest = this.navDests[navIndex]; const navDestRect = navDest.getBoundingClientRect(); const paddingTop = parseInt(window.getComputedStyle(navDest).paddingTop); const winOffsetMiddle = (window.innerHeight - (navDestRect.height - paddingTop) + UTILS.getNavHeight()) / 2; if (navDest.classList.contains('js-nav-center')) { const navDestOffsetMiddle = this.winOffsetTop + navDestRect.top + paddingTop; destYPos = navDestOffsetMiddle - winOffsetMiddle; } else { const navDestOffsetTop = this.winOffsetTop + navDestRect.top - UTILS.getNavHeight(); destYPos = navDestOffsetTop; } if (destYPos < 150) destYPos = 0; this.el.classList.add('hold'); GALAXY.setSmoothScrollTop(destYPos, 1500, () => { if (this.el.classList.contains('hold')) this.el.classList.remove('hold'); if (GALAXY.header) GALAXY.header.resetSubNav(); }); } else { const navDest = this.visSections[navIndex]; const navDestRect = navDest.dataset.rectTop; const navDestOffsetTop = navDestRect; destYPos = navDestOffsetTop; if (destYPos < 150) destYPos = 0; this.el.classList.add('hold'); GALAXY.setSmoothScrollTop(destYPos, 1500, () => { if (this.el.classList.contains('hold')) this.el.classList.remove('hold'); if (GALAXY.header) GALAXY.header.resetSubNav(); }); } } } onScrollHandler() { this.winOffsetTop = window.pageYOffset; var winOffsetMiddle = (window.innerHeight + UTILS.getNavHeight()) / 2; this.visSections.forEach((visSection) => { var visibleRect = visSection.getBoundingClientRect(); var visibleTop, visibleBottom; if (visSection.dataset.rectTop && visSection.dataset.rectBottom) { visibleTop = JSON.parse(visSection.dataset.rectTop); visibleBottom = JSON.parse(visSection.dataset.rectBottom); } else { visibleTop = this.winOffsetTop + visibleRect.top; visibleBottom = this.winOffsetTop + visibleRect.bottom; } if (!this.el.classList.contains('hold') && this.winOffsetTop + winOffsetMiddle >= visibleTop && this.winOffsetTop + winOffsetMiddle <= visibleBottom) { var visIndex = visSection.dataset.visIndex; // console.log(visIndex, ':', this.winOffsetTop + winOffsetMiddle, ':', visibleTop, visibleBottom); this.navItems.forEach((navItem, index) => { if (index != visIndex && navItem.parentNode.classList.contains(this.classes.isOn)) { navItem.parentNode.classList.remove(this.classes.isOn); } }); var parent = this.navItems[visIndex].parentNode; if (!parent.classList.contains(this.classes.isOn)) { parent.classList.add(this.classes.isOn); if (!this.el.classList.contains('hold') && parent.classList.contains(this.classes.isOn)) { if (GALAXY.header) GALAXY.header.resetSubNav(); } } } }); } onResizeHandler() { if (UTILS.winSize().w === this.winWidth) return; this.winWidth = UTILS.winSize().w; if (this.opts.resizeStart == null) { this.opts.resizeStart = this.winWidth; this.resizeAnimateFunc(); } window.clearTimeout(this.resizeEndTime); this.resizeEndTime = window.setTimeout(this.resizeEndFunc.bind(this), 150); } resizeAnimateFunc() { this.onScrollHandler(); this.resizeRequestFrame = UTILS.requestAFrame.call(window, this.resizeAnimateFunc.bind(this)); } resizeEndFunc() { this.opts.resizeStart = null; UTILS.cancelAFrame.call(window, this.resizeRequestFrame); } } BUDS.SubNav = SubNav; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; class ImageTab { constructor(section, opts = {}) { this.opts = { currentIndex: 0, ...opts, }; this.selector = { section, tabList: '.common__tab-list', tab: '.common__tab-cta', tabPanel: '.common__tab-panel', ...opts.selector, }; this.class = { isActive: 'is-active', featureHide: 'is-feature-hide', ...opts.class, }; this.el = { section: document.querySelector(this.selector.section) || null, }; this.events = { click: this.onClickHandler.bind(this), }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.el.tabs = this.el.section.querySelectorAll(this.selector.tab); this.el.tabPanels = this.el.section.querySelectorAll(this.selector.tabPanel); } bindEvents() { Array.from(this.el.tabs).forEach((tab, index) => { tab.addEventListener('click', (e) => this.events.click(e, index)); }); } onClickHandler(e, clickedIndex) { this.opts.currentIndex = clickedIndex; Array.from(this.el.tabs).forEach((tab, index) => { this.opts.currentIndex === index && this.setActive(tab, index); this.opts.currentIndex !== index && this.setInactive(tab, index); }); } setActive(tab, index) { this.addClass(tab); tab.setAttribute('aria-selected', true); this.addClass(this.el.tabPanels[index]); this.el.tabPanels[index].setAttribute('aria-hidden', false); this.el.tabPanels[index].removeAttribute('tabindex'); this.el.tabPanels[index].style.zIndex = 1; } setInactive(tab, index) { if (!this.el.tabPanels[index].classList.contains(this.class.isActive)) return; this.removeClass(tab); tab.setAttribute('aria-selected', false); this.el.tabPanels[index].setAttribute('aria-hidden', true); this.el.tabPanels[index].setAttribute('tabindex', -1); this.el.tabPanels[index].style.zIndex = ''; setTimeout(() => { if (this.opts.currentIndex === index) return; this.removeClass(this.el.tabPanels[index]); this.el.tabPanels[index].style.zIndex = -1; }, 300); } addClass(target) { target.classList.add(this.class.isActive); } removeClass(target) { target.classList.remove(this.class.isActive); } } BUDS.ImageTab = ImageTab; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class CommonVideo { constructor(section, opts) { this.opts = { useController: false, controlTagging: { play: 'movi-play', pause: 'movi-pause', }, ...opts, }; this.selector = { section, videoElement: '.video__container', }; this.class = { featureHide: 'is-feature-hide', }; this.el = { section: document.querySelector(this.selector.section) || null, videoElement: null, videoPlayer: null, }; this.events = {}; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.buildVideoPlayer(); } setElements() { this.el.videoElement = this.el.section.querySelector(this.selector.videoElement); } buildVideoPlayer() { this.el.videoPlayer = { instance: null, build: () => { if (this.el.videoPlayer.instance !== null) return; this.el.videoPlayer.instance = new BUDS.VideoPlayer(this.el.videoElement, { sectionElement: this.selector.section, // videoParentElement: this.selector.section, // playOffset: 0.8, playType: 'reverse', on: { updateController: (data) => { if (!this.opts.useController) return; let playState = data.playState ? 'pause' : 'play'; const videoController = data.el; const targetTagging = this.opts.controlTagging; if (videoController) { videoController.setAttribute('data-omni', `${targetTagging[playState]}:#`); videoController.setAttribute('an-la', `${targetTagging[playState]}:#`); const blindText = videoController.querySelector('.blind'); if (blindText) { if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI && typeof LOCAL_VARI[playState] !== 'undefined' && !!LOCAL_VARI[playState]) { blindText.innerText = LOCAL_VARI[playState]; } else { blindText.innerText = playState; } } } }, }, }); }, }; this.el.videoPlayer.build(); } } BUDS.CommonVideo = CommonVideo; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class ScrollToggle { constructor(section, opts) { this.opts = { direction: 'reverse', // 'oneWay', 'reverse' motionStart: 0, ...opts, }; this.selector = { section, wrap: '#wrap', target: '.charging__content', ...opts.selector, }; this.class = { scrollEffect: 'scroll-effect', featureHide: 'is-feature-hide', ...opts.class, }; this.el = { wrap: document.querySelector(this.selector.wrap) || null, section: document.querySelector(this.selector.section) || null, }; this.events = { load: this.onLoadHandler.bind(this), scroll: this.onScrollHandler.bind(this), }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.el.target = this.el.section.querySelector(this.selector.target); } bindEvents() { window.addEventListener('load', this.events.load); window.addEventListener('scroll', this.events.scroll); } onLoadHandler() { this.events.scroll(); window.removeEventListener('load', this.events.load); } onScrollHandler() { const navHeight = UTILS.getNavHeight(); const winOffsetTop = scrollY + navHeight; const winOffsetBottom = scrollY + window.innerHeight; const startPoint = (window.innerHeight - navHeight) * this.opts.motionStart; const motionStartTop = winOffsetTop + startPoint; const motionStartBottom = scrollY + window.innerHeight - startPoint; const triggerRect = this.el.target.getBoundingClientRect(); const triggerOffsetTop = scrollY + triggerRect.top; const triggerOffsetBottom = scrollY + triggerRect.bottom; if (this.opts.direction == false || this.opts.direction == 'oneWay') { if ((motionStartBottom >= triggerOffsetTop && motionStartTop <= triggerOffsetBottom) || (motionStartTop <= triggerOffsetBottom && motionStartBottom >= triggerOffsetTop)) { this.el.target.classList.add(this.class.scrollEffect); } else if (winOffsetBottom < triggerOffsetTop) { this.el.target.classList.remove(this.class.scrollEffect); } } if (this.opts.direction == 'reverse') { if ((motionStartBottom >= triggerOffsetTop && motionStartTop <= triggerOffsetBottom) || (motionStartTop <= triggerOffsetBottom && motionStartBottom >= triggerOffsetTop)) { this.el.target.classList.add(this.class.scrollEffect); } else if (winOffsetBottom < triggerOffsetTop) { this.el.target.classList.remove(this.class.scrollEffect); } else if (winOffsetTop > triggerOffsetBottom) { this.el.target.classList.remove(this.class.scrollEffect); } } } } BUDS.ScrollToggle = ScrollToggle; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class HighlightCarousel { constructor(section, opts = {}) { this.opts = { currDevice: null, prevDevice: null, resizeTimeout: null, clickTimeout: null, focusMoveTimeout: null, tagging: { pagination: { 'data-omni-type': 'microsite_pcontentinter', 'data-omni': 'gbuds:highlights:catch-the-highlights^design:sldr-dots', 'an-ca': 'indication', 'an-ac': 'carousel', 'an-la': 'gbuds:highlights:catch-the-highlights^design:sldr-dots', }, navigation: { 'data-omni-type': 'microsite_pcontentinter', 'data-omni': 'gbuds:highlights:catch-the-highlights:sldr-arrow:', 'an-ca': 'indication', 'an-ac': 'carousel', 'an-la': 'gbuds:highlights:catch-the-highlights:sldr-arrow:', }, }, // taggingIdList: ['design', 'sound', 'anc', 'galaxy-ai'], taggingIdList: ['design', 'sound', 'anc'], prevIndex: -1, activeIndex: 0, videoCanPlay: true, videoAnimationFrame: null, videoCircleSize: 266, isFocusPrevArrow: false, isFocusNextArrow: false, isCarouselAutoPlay: true, isVideoAutoPlay: true, isBlindAutoPlay: false, prevState: true, startX: 0, startY: 0, endX: 0, endY: 0, isPointerMoving: false, ...opts, }; this.selector = { section, frontSlider: '.front-slider', backSlider: '.background-slider', swiper: '.swiper', swiperSlide: '.swiper-slide', swiperSlideTitle: '.wearable-common__carousel-tit', swiperPrevArrow: '.wearable-common__carousel-prev', swiperNextArrow: '.wearable-common__carousel-next', swiperPagination: '.wearable-common__carousel-pagination', swiperScrollbar: '.swiper-scrollbar', videoContainer: '.video__container', videoController: '.video__controller', blindController: '.js-blind-controller', }; this.class = { featureHide: 'is-feature-hide', }; this.el = { section: document.querySelector(this.selector.section) || null, frontSlider: null, frontSwiper: null, frontSwiperEl: null, frontSwiperSlides: null, backSlider: null, backSwiper: null, backSwiperEl: null, swiperPrevArrow: null, swiperNextArrow: null, swiperPagination: null, swiperScrollbar: null, videoContainers: null, videoControllers: null, blindController: null, }; this.events = { load: this.onLoadHandler.bind(this), scroll: this.onScrollHandler.bind(this), resize: this.onResizeHandler.bind(this), prevArrow: { click: this.onClickPrevArrow.bind(this), keyDown: this.onKeyDownPrevArrow.bind(this), focusin: this.onFocusinPrevArrow.bind(this), focusout: this.onFocusoutPrevArrow.bind(this), }, nextArrow: { click: this.onClickNextArrow.bind(this), keyDown: this.onKeyDownNextArrow.bind(this), focusin: this.onFocusinNextArrow.bind(this), focusout: this.onFocusoutNextArrow.bind(this), }, controller: { click: this.onClickControllButton.bind(this), }, blindController: { click: this.onClickBlindController.bind(this), }, click: { down: this.onClickDownHandler.bind(this), up: this.onClickUpHandler.bind(this), }, }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.setVideoPlayer(); this.setSwiper(); this.bindEvents(); } setElements() { // Front Swiper this.el.frontSlider = this.el.section.querySelector(this.selector.frontSlider); this.el.frontSwiperEl = this.el.frontSlider.querySelector(this.selector.swiper); this.el.frontSwiperSlides = this.el.frontSlider.querySelectorAll(this.selector.swiperSlide); this.el.swiperPrevArrow = this.el.frontSlider.querySelector(this.selector.swiperPrevArrow); this.el.swiperNextArrow = this.el.frontSlider.querySelector(this.selector.swiperNextArrow); this.el.swiperPagination = this.el.frontSlider.querySelector(this.selector.swiperPagination); this.el.swiperScrollbar = this.el.frontSlider.querySelector(this.selector.swiperScrollbar); this.el.blindController = this.el.frontSlider.querySelector(this.selector.blindController); // Background Swiper this.el.backSlider = this.el.section.querySelector(this.selector.backSlider); this.el.backSwiperEl = this.el.backSlider.querySelector(this.selector.swiper); // Video Containers this.el.videoContainers = this.el.section.querySelectorAll(this.selector.videoContainer); this.el.videoControllers = this.el.section.querySelectorAll(this.selector.videoController); } bindEvents() { window.addEventListener('load', this.events.load); window.addEventListener('scroll', this.events.scroll); window.addEventListener('resize', this.events.resize); this.el.frontSwiperEl.addEventListener('mousedown', this.events.click.down); this.el.frontSwiperEl.addEventListener('mouseup', this.events.click.up); this.el.frontSwiperEl.addEventListener('touchstart', this.events.click.down); this.el.frontSwiperEl.addEventListener('touchend', this.events.click.up); Array.from(this.el.videoControllers).forEach((videoController) => { videoController.addEventListener('click', this.events.controller.click); }); this.el.blindController.addEventListener('click', this.events.blindController.click); } onLoadHandler() { this.events.resize(); this.events.scroll(); window.removeEventListener('load', this.events.load); } onResizeHandler() { this.opts.currDevice = innerWidth > 767 ? 'desktop' : 'mobile'; if (this.opts.currDevice !== this.opts.prevDevice) { this.opts.activeIndex = 0; this.opts.videoCanPlay = true; clearTimeout(this.opts.resizeTimeout); this.opts.resizeTimeout = setTimeout(() => { this.opts.videoCanPlay = true; this.events.scroll(); this.onResponsiveChange(); }, 150); this.opts.prevDevice = this.opts.currDevice; } } onResponsiveChange() { this.resetVideo(); this.setSwiper(); } onScrollHandler() { const target = this.el.frontSwiperEl; const targetRect = target.getBoundingClientRect(); const visibleOffset = targetRect.height; const unVisibleOffset = targetRect.height * 0.15; const winOffsetTop = scrollY; const winOffsetBottom = winOffsetTop + innerHeight; const targetOffsetTop = winOffsetTop + targetRect.top; const targetOffsetBottom = winOffsetTop + targetRect.bottom; if (winOffsetBottom >= targetOffsetTop + visibleOffset && winOffsetTop + UTILS.getNavHeight() <= targetOffsetBottom - unVisibleOffset) { if (!this.opts.videoCanPlay) return; this.opts.videoCanPlay = false; const targetVideo = this.el.frontSwiperSlides[this.opts.activeIndex].querySelector(this.selector.videoContainer); targetVideo && this.playVideo(targetVideo); } else if (winOffsetBottom < targetOffsetTop || winOffsetTop + UTILS.getNavHeight() > targetOffsetBottom - unVisibleOffset) { if (this.opts.videoCanPlay) return; this.onFocusoutNextArrow(); this.onFocusoutPrevArrow(); this.opts.videoCanPlay = true; this.resetVideo(true); } } // Set Swiper Elements setSwiper() { this.destroyFrontSwiper(); this.setFrontSwiper(); this.destroyBackSwiper(); this.setBackSwiper(); } setFrontSwiper() { if (this.el.frontSwiper !== null) return; const _this = this; this.el.frontSwiper = new Swiper(this.el.frontSwiperEl, { init: false, a11y: false, speed: 400, allowTouchMove: true, centeredSlides: true, centeresSlidesBounds: true, slidesPerView: 'auto', navigation: { nextEl: _this.el.swiperNextArrow, prevEl: _this.el.swiperPrevArrow, }, scrollbar: { el: _this.el.swiperScrollbar, draggable: true, }, pagination: { el: _this.el.swiperPagination, bulletActiveClass: 'is-active', renderBullet: function (index) { const tagging = _this.opts.tagging.pagination; const taggingId = _this.opts.taggingIdList[index]; return ` <li role="listitem" class="wearable-common__carousel-pagination-item"> <button class="wearable-common__carousel-pagination-bullet swiper-pagination-bullet" role="button" data-omni-type="${tagging['data-omni-type']}" data-omni="gbuds:highlights:catch-the-highlights^${taggingId}:sldr-dots" an-tr="gbuds:highlights:catch-the-highlights^${taggingId}:sldr-dots" an-ca="${tagging['an-ca']}" an-ac="${tagging['an-ac']}" an-la="gbuds:highlights:catch-the-highlights^${taggingId}:sldr-dots"></button> </li> `; }, }, }); this.el.frontSwiper.on('transitionEnd', function () { if (this.slides[this.activeIndex].classList.contains('js-active-slide')) return; _this.opts.activeIndex = this.activeIndex; _this.resetVideo(); if (_this.opts.videoCanPlay) return; const targetVideo = this.slides[this.activeIndex].querySelector(_this.selector.videoContainer); if (targetVideo) { _this.playVideo(targetVideo); } _this.setSwiperActiveClass.call(this); }); this.el.frontSwiper.on('scrollbarDragEnd', function () { _this.opts.isCarouselAutoPlay = false; if (this.slides[this.activeIndex].classList.contains('js-active-slide')) return; _this.opts.activeIndex = this.activeIndex; _this.resetVideo(); if (_this.opts.videoCanPlay) return; const targetVideo = this.slides[this.activeIndex].querySelector(_this.selector.videoContainer); if (targetVideo) { _this.playVideo(targetVideo); } _this.setSwiperActiveClass.call(this); }); this.el.frontSwiper.on('snapIndexChange', function () { _this.setNavigationDisabled(); }); this.el.frontSwiper.on('slideChange', function () { _this.opts.activeIndex = this.activeIndex; _this.setSlideA11y(); _this.setNavigationDisabled(); _this.setPaginationLabel(); const targetVideo = this.slides[this.activeIndex].querySelector(_this.selector.videoContainer); const targetController = targetVideo.querySelector(_this.selector.videoController); if (_this.opts.isCarouselAutoPlay) { clearTimeout(_this.opts.focusMoveTimeout); _this.opts.focusMoveTimeout = setTimeout(() => { targetController && targetController.focus(); }, 300); } if (_this.opts.activeIndex === this.slides.length - 1) { _this.opts.isCarouselAutoPlay = false; } if (_this.el.backSwiper !== null) { _this.el.backSwiper.slideTo(this.realIndex); } }); this.el.frontSwiper.on('init', function () { _this.opts.activeIndex = this.activeIndex; _this.setSlideA11y(); _this.setNavigationLabel(); _this.setPaginationLabel(); _this.setNavigationDisabled(); _this.el.swiperPrevArrow.addEventListener('click', _this.events.prevArrow.click); _this.el.swiperNextArrow.addEventListener('click', _this.events.nextArrow.click); _this.el.swiperPrevArrow.addEventListener('keydown', _this.events.prevArrow.keyDown); _this.el.swiperNextArrow.addEventListener('keydown', _this.events.nextArrow.keyDown); _this.el.swiperPrevArrow.addEventListener('focusin', _this.events.prevArrow.focusin); _this.el.swiperNextArrow.addEventListener('focusin', _this.events.nextArrow.focusin); _this.el.swiperPrevArrow.addEventListener('focusout', _this.events.prevArrow.focusout); _this.el.swiperNextArrow.addEventListener('focusout', _this.events.nextArrow.focusout); const swiper = this; const bullets = swiper.pagination.bullets; Array.from(bullets).forEach((bullet, index) => { bullet.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); swiper.slideTo(index); }); }); }); this.el.frontSwiper.init(); } destroyFrontSwiper() { if (this.el.frontSwiper === null) return; this.el.swiperPrevArrow.removeEventListener('click', this.events.prevArrow.click); this.el.swiperNextArrow.removeEventListener('click', this.events.nextArrow.click); this.el.swiperPrevArrow.removeEventListener('keydown', this.events.prevArrow.keyDown); this.el.swiperNextArrow.removeEventListener('keydown', this.events.nextArrow.keyDown); this.el.frontSwiper.destroy(true, true); this.el.frontSwiper = null; } setBackSwiper() { if (this.el.backSwiper !== null) return; this.el.backSwiper = new Swiper(this.el.backSwiperEl, { init: false, a11y: false, speed: 600, allowTouchMove: false, centeredSlides: true, centeresSlidesBounds: true, slidesPerView: 'auto', }); this.el.backSwiper.on('init', function () { Array.from(this.slides).forEach((slide) => { slide.setAttribute('aria-hidden', 'true'); slide.setAttribute('tabindex', '-1'); }); }); this.el.backSwiper.init(); } destroyBackSwiper() { if (this.el.backSwiper === null) return; this.el.backSwiper.destroy(true, true); this.el.backSwiper = null; } slideTo(duration = 300) { if (this.el.frontSwiper === null) return; this.el.frontSwiper.slideTo(this.opts.activeIndex, duration); } setSwiperActiveClass() { Array.from(this.slides).forEach((slide, index) => { if (this.activeIndex !== index) { slide.classList.remove('js-active-slide'); } else { slide.classList.add('js-active-slide'); } }); } // Set Swiper Tagging & A11y setSlideA11y() { if (this.el.frontSwiper === null) return; const swiper = this.el.frontSwiper; const slides = swiper.slides; const activeIndex = swiper.activeIndex; Array.from(slides).forEach((slide, index) => { const slideClickables = slide.querySelectorAll('a, button, input, select, iframe'); if (activeIndex === index) { slide.setAttribute('aria-hidden', false); if (slideClickables.length > 0) { slideClickables.forEach((clickable) => { clickable.setAttribute('aria-hidden', 'false'); clickable.removeAttribute('tabindex'); }); } } else { slide.setAttribute('aria-hidden', true); if (slideClickables.length > 0) { slideClickables.forEach((clickable) => { clickable.setAttribute('aria-hidden', 'true'); clickable.setAttribute('tabindex', '-1'); }); } } }); } setNavigationLabel() { const tagging = this.opts.tagging.navigation; if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI) { const localPrev = typeof LOCAL_VARI.previous !== 'undefined' && !!LOCAL_VARI.previous ? LOCAL_VARI.previous : 'Previous'; const localNext = typeof LOCAL_VARI.next !== 'undefined' && !!LOCAL_VARI.next ? LOCAL_VARI.next : 'Next'; this.el.swiperPrevArrow.querySelector('.blind').innerText = localPrev; this.el.swiperNextArrow.querySelector('.blind').innerText = localNext; } else { this.el.swiperPrevArrow.querySelector('.blind').innerText = 'Previous'; this.el.swiperNextArrow.querySelector('.blind').innerText = 'Next'; } Object.keys(tagging).forEach((key) => { if (key === 'data-omni' || key === 'an-la') { this.el.swiperPrevArrow.setAttribute(key, `${tagging[key]}left`); } else { this.el.swiperPrevArrow.setAttribute(key, tagging[key]); } }); Object.keys(tagging).forEach((key) => { if (key === 'data-omni' || key === 'an-la') { this.el.swiperNextArrow.setAttribute(key, `${tagging[key]}right`); } else { this.el.swiperNextArrow.setAttribute(key, tagging[key]); } }); } setNavigationDisabled() { if (this.el.frontSwiper === null) return; const swiper = this.el.frontSwiper; if (swiper.activeIndex === 0 && swiper.activeIndex < swiper.slides.length - 1) { this.el.swiperPrevArrow.disabled = true; this.el.swiperNextArrow.disabled = false; this.onA11y(this.el.swiperPrevArrow); this.offA11y(this.el.swiperNextArrow); } else if (swiper.activeIndex > 0 && swiper.activeIndex === swiper.slides.length - 1) { this.el.swiperPrevArrow.disabled = false; this.el.swiperNextArrow.disabled = true; this.offA11y(this.el.swiperPrevArrow); this.onA11y(this.el.swiperNextArrow); } else if (swiper.activeIndex > 0 && swiper.activeIndex < swiper.slides.length - 1) { this.el.swiperPrevArrow.disabled = false; this.el.swiperNextArrow.disabled = false; this.offA11y(this.el.swiperPrevArrow); this.offA11y(this.el.swiperNextArrow); } } setPaginationLabel() { if (this.el.frontSwiper === null) return; const swiper = this.el.frontSwiper; const slides = swiper.slides; const bullets = swiper.pagination.bullets; const activeIndex = swiper.activeIndex; Array.from(bullets).forEach((bullet, index) => { const slideTitle = slides[index].querySelector(this.selector.swiperSlideTitle)?.innerText ?? ''; if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI) { const localSlide = typeof LOCAL_VARI.slide !== 'undefined' && !!LOCAL_VARI.slide ? LOCAL_VARI.slide : 'Slide'; const localSelected = typeof LOCAL_VARI.selected !== 'undefined' && !!LOCAL_VARI.selected ? LOCAL_VARI.selected : 'selected'; if (activeIndex === index) { bullet.setAttribute('aria-label', `${localSlide}${index + 1}: ${slideTitle} ${localSelected}`); } else { bullet.setAttribute('aria-label', `${localSlide}${index + 1}: ${slideTitle}`); } } else { if (activeIndex === index) { bullet.setAttribute('aria-label', `Slide${index + 1}: ${slideTitle} selected`); } else { bullet.setAttribute('aria-label', `Slide${index + 1}: ${slideTitle}`); } } }); } onA11y(el) { const clickables = el.querySelectorAll('a, button, input, select, iframe'); el.setAttribute('aria-hidden', 'true'); el.setAttribute('tabindex', '-1'); for (var i = 0; i < clickables.length; i++) { clickables[i].setAttribute('aria-hidden', 'true'); clickables[i].setAttribute('tabindex', ' -1'); } } offA11y(el) { el.setAttribute('aria-hidden', 'false'); el.removeAttribute('tabindex'); const clickables = el.querySelectorAll('a, button, input, select, iframe'); for (var i = 0; i < clickables.length; i++) { clickables[i].setAttribute('aria-hidden', 'false'); clickables[i].removeAttribute('tabindex'); } } // Set Swiper Element Events onClickPrevArrow() { if (this.el.frontSwiper === null) return; clearTimeout(this.opts.clickTimeout); this.opts.clickTimeout = setTimeout(() => { if (this.el.frontSwiper.isBeginning) { this.el.swiperNextArrow.focus(); } }, 100); this.opts.isCarouselAutoPlay = false; } onClickNextArrow() { clearTimeout(this.opts.clickTimeout); this.opts.clickTimeout = setTimeout(() => { if (this.el.frontSwiper.isEnd) { this.el.swiperPrevArrow.focus(); } }, 100); this.opts.isCarouselAutoPlay = false; } onKeyDownPrevArrow(e) { if (e.key.toLowerCase() !== 'enter') return; this.onClickPrevArrow(); } onKeyDownNextArrow(e) { if (e.key.toLowerCase() !== 'enter') return; this.onClickNextArrow(); } onFocusinPrevArrow() { this.opts.isFocusPrevArrow = true; } onFocusinNextArrow() { this.opts.isFocusNextArrow = true; } onFocusoutPrevArrow() { if (this.el.frontSwiper.isBeginning && this.opts.isFocusPrevArrow) { this.onClickPrevArrow(); } this.opts.isFocusPrevArrow = false; } onFocusoutNextArrow() { if (this.el.frontSwiper.isEnd && this.opts.isFocusNextArrow) { this.onClickNextArrow(); } this.opts.isFocusNextArrow = false; } onClickControllButton() { if (this.opts.isCarouselAutoPlay) this.opts.isCarouselAutoPlay = false; this.opts.isVideoAutoPlay = !this.opts.isVideoAutoPlay; } onClickBlindController() { const targetVideo = this.el.frontSwiperSlides[this.opts.activeIndex].querySelector(this.selector.videoContainer); this.opts.isVideoAutoPlay = !this.opts.isVideoAutoPlay; if (!this.opts.isVideoAutoPlay) { this.el.videoPlayer.play(targetVideo); } else { this.el.videoPlayer.pause(targetVideo); } this.opts.isBlindAutoPlay = true; this.opts.isCarouselAutoPlay = false; } onClickDownHandler(event) { if (this.opts.isPointerMoving) return; this.opts.isPointerMoving = true; this.opts.startX = 0; this.opts.endX = 0; this.opts.startX = this.getMovePointerX(event); } onClickUpHandler(event) { if (!this.opts.isPointerMoving) return; this.opts.isPointerMoving = false; this.opts.endX = this.getMovePointerX(event); const distance = this.opts.currDevice !== 'mobile' ? 80 : 50; if (this.el.frontSwiper && Math.abs(this.opts.startX - this.opts.endX) > distance) { this.opts.isCarouselAutoPlay = false; } } getMovePointerX(e) { if (!!e.touches && e.touches.length > 0) { return e.touches[0].clientX; } else { if (!!e.changedTouches && e.changedTouches.length > 0) { return e.changedTouches[0].clientX; } else { return e.clientX; } } } // Set Video Player setVideoPlayer() { this.el.videoPlayer = { instance: [], load: (video) => { if (!this.el.videoPlayer.instance.length) return; this.el.videoPlayer.instance.forEach((player) => { player.onLoad(video); }); }, reset: (video) => { if (!this.el.videoPlayer.instance.length) return; this.el.videoPlayer.instance.forEach((player) => { player.onReset(video); }); }, play: (video) => { if (!this.el.videoPlayer.instance.length) return; this.el.videoPlayer.instance.forEach((player) => { player.onPlay(video); }); }, pause: (video) => { if (!this.el.videoPlayer.instance.length) return; this.el.videoPlayer.instance.forEach((player) => { player.onPause(video); }); }, ended: (video) => { if (!this.el.videoPlayer.instance.length) return; this.el.videoPlayer.instance.forEach((player) => { player.onEnded(video); }); }, init: () => { if (this.el.videoPlayer.instance.length || this.el.videoContainers.length === 0) return; this.el.videoContainers.forEach((videoContainer, index) => { this.el.videoPlayer.instance.push( new BUDS.VideoPlayer(videoContainer, { sectionElement: this.selector.section, playType: 'others', on: { updateController: (data) => { let playState = data.playState ? 'pause' : 'play'; const videoController = data.el; const taggingId = this.opts.taggingIdList[index]; videoController.setAttribute('data-omni', `gbuds:highlights:catch-the-highlights^${taggingId}:movi-${playState}:#`); videoController.setAttribute('an-la', `gbuds:highlights:catch-the-highlights^${taggingId}:movi-${playState}:#`); const blindText = videoController.querySelector('.blind'); if (blindText) { if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI && typeof LOCAL_VARI[playState] !== 'undefined' && !!LOCAL_VARI[playState]) { blindText.innerText = LOCAL_VARI[playState]; if (playState !== this.opts.prevState) { this.el.blindController.innerText = LOCAL_VARI[playState]; this.opts.prevState = playState; } } else { blindText.innerText = playState; if (playState !== this.opts.prevState) { this.el.blindController.innerText = playState; this.opts.prevState = playState; } } } if (data.playState) { this.playProgress(videoContainer); } }, }, }) ); }); }, }; this.el.videoPlayer.init(); } playVideo(targetVideo) { const checkVideoLoad = () => { if (targetVideo.classList.contains('loaded')) { cancelAnimationFrame(this.opts.videoAnimationFrame); if (!UTILS.isLowNetwork()) { !this.opts.isBlindAutoPlay && this.opts.isVideoAutoPlay && this.el.videoPlayer.play(targetVideo); } } else { this.opts.videoAnimationFrame = requestAnimationFrame(checkVideoLoad); } }; this.opts.videoAnimationFrame = requestAnimationFrame(checkVideoLoad); } resetVideo(allReset = false) { if (this.el.frontSwiper === null) return; const swiper = this.el.frontSwiper; const slides = swiper.slides; if (allReset) { Array.from(slides).forEach((slide) => { const targetVideo = slide.querySelector(this.selector.videoContainer); this.el.videoPlayer.reset(targetVideo); this.resetProgress(targetVideo); }); } else { Array.from(slides).forEach((slide, index) => { const targetVideo = slide.querySelector(this.selector.videoContainer); if (index !== swiper.activeIndex && targetVideo) { this.el.videoPlayer.reset(targetVideo); this.resetProgress(targetVideo); } }); } } playProgress(videoContainer) { let prevProgress = this.opts.videoCircleSize; const video = videoContainer.querySelector('video'); const duration = video.duration; const controller = videoContainer.querySelector('.video__controller'); const progressIcon = controller.querySelector('.progress-icon'); const line = progressIcon.querySelector('.draw-line'); const updateProgress = () => { if (progressIcon && duration) { // Playing if (!video.paused && !video.ended) { const timer = (video.currentTime / duration) * 100; let circleProgress = (this.opts.videoCircleSize * (100 - timer)) / 100; circleProgress = circleProgress < 8 ? 0 : circleProgress; if (circleProgress < prevProgress) { TweenMax.to(line, 0, { strokeDashoffset: circleProgress, }); prevProgress = circleProgress; } this.opts.frame = requestAnimationFrame(updateProgress); } // Ended if (video.ended) { if (!UTILS.isLowNetwork()) { if (this.opts.isCarouselAutoPlay && !this.opts.videoCanPlay) { this.opts.activeIndex++; this.slideTo(); } } cancelAnimationFrame(this.opts.frame); } } }; this.opts.frame = requestAnimationFrame(updateProgress); } resetProgress(videoContainer) { const controller = videoContainer.querySelector('.video__controller'); const progressIcon = controller.querySelector('.progress-icon'); if (progressIcon) { const line = progressIcon.querySelector('.draw-line'); TweenMax.to(line, 0, { strokeDashoffset: this.opts.videoCircleSize, }); } } } BUDS.HighlightCarousel = HighlightCarousel; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class Welcome { constructor(section, opts) { this.opts = { resizeTimeout: null, resizeTimeout1: null, useInteger: false, progress: 0, prevress: null, motionStart: 0, motionEnd: 1, ...opts, }; this.selector = { section, trigger: '.welcome__background', target: '.welcome__background--after', }; this.class = { featureHide: 'is-feature-hide', }; this.el = { section: document.querySelector(this.selector.section) || null, }; this.events = { load: this.onLoadHandler.bind(this), resize: this.onResizeHandler.bind(this), scroll: this.onScrollHandler.bind(this), }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.el.trigger = this.el.section.querySelector(this.selector.trigger); this.el.target = this.el.trigger.querySelector(this.selector.target); } bindEvents() { window.addEventListener('load', this.events.load); window.addEventListener('resize', this.events.resize); window.addEventListener('scroll', this.events.scroll); } onLoadHandler() { this.events.resize(); this.events.scroll(); window.removeEventListener('load', this.events.load); } onResizeHandler() { this.events.scroll(); } onScrollHandler() { const navHeight = UTILS.getNavHeight(); const winOffsetBottom = scrollY + window.innerHeight; const motionRect = this.el.target.getBoundingClientRect(); const startPoint = motionRect.height * this.opts.motionStart; const endPoint = motionRect.height * this.opts.motionEnd; const motionOffsetTop = scrollY + motionRect.top; const motionOffsetBottom = scrollY + motionRect.top + endPoint; if (winOffsetBottom >= motionOffsetTop + startPoint && winOffsetBottom <= motionOffsetBottom) { const percent = ((motionRect.top + startPoint - window.innerHeight) / (motionRect.height - startPoint - (motionRect.height - endPoint))) * -100; this.opts.progress = this.opts.useInteger ? Math.round(percent) : percent; } else if (winOffsetBottom < motionOffsetTop) { this.opts.progress = 0; } else if (winOffsetBottom > motionOffsetBottom) { this.opts.progress = 100; } this.opacityMotion(); if (this.opts.progress !== this.opts.prevress) { this.opts.prevress = this.opts.progress; } } opacityMotion() { let opacity = this.opts.progress * 0.01; this.el.target.style.opacity = opacity; } } BUDS.Welcome = Welcome; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; class NewDesign { constructor(section, opts = {}) { this.opts = { currentIndex: 0, }; this.selector = { section, tabList: '.common__tab-list', tab: '.common__tab-cta', tabPanel: '.common__tab-panel', tabCTAText: '.tab-cta__text', ...opts.selector, }; this.class = { isActive: 'is-active', featureHide: 'is-feature-hide', ...opts.class, }; this.el = { section: document.querySelector(this.selector.section) || null, }; this.events = { click: this.onClickHandler.bind(this), }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.el.tabs = this.el.section.querySelectorAll(this.selector.tab); this.el.tabPanels = this.el.section.querySelectorAll(this.selector.tabPanel); this.el.tabCTATexts = this.el.section.querySelectorAll(this.selector.tabCTAText); } bindEvents() { Array.from(this.el.tabs).forEach((tab, index) => { tab.addEventListener('click', (e) => this.events.click(e, index)); }); } onClickHandler(e, clickedIndex) { this.opts.currentIndex = clickedIndex; Array.from(this.el.tabs).forEach((tab, index) => { this.opts.currentIndex === index && this.setActive(tab, index); this.opts.currentIndex !== index && this.setInactive(tab, index); }); } setActive(tab, index) { this.addClass(this.el.tabCTATexts[index]); this.addClass(tab); tab.setAttribute('aria-selected', true); this.addClass(this.el.tabPanels[index]); this.el.tabPanels[index].setAttribute('aria-hidden', false); this.el.tabPanels[index].style.zIndex = 5; } setInactive(tab, index) { if (!this.el.tabPanels[index].classList.contains(this.class.isActive)) return; this.removeClass(this.el.tabCTATexts[index]); this.removeClass(tab); tab.setAttribute('aria-selected', false); this.el.tabPanels[index].setAttribute('aria-hidden', true); this.el.tabPanels[index].style.zIndex = ''; setTimeout(() => { if (this.opts.currentIndex === index) return; this.removeClass(this.el.tabPanels[index]); }, 300); } addClass(target) { target.classList.add(this.class.isActive); } removeClass(target) { target.classList.remove(this.class.isActive); } } BUDS.NewDesign = NewDesign; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class Intuitive { constructor(section, opts = {}) { this.opts = { currDevice: 'desktop', prevDevice: null, prevIndex: null, currentIndex: 0, isPlaying: false, }; this.selector = { section, tabList: '.common__tab-list', tab: '.common__tab-cta', tabPanels: '.common__tab-panels', tabPanel: '.common__tab-panel', videoContainer: '.video__container', videoController: '.video__controller', play: '.play', pause: '.pause', ...opts.selector, }; this.class = { featureHide: 'is-feature-hide', isActive: 'is-active', tabPanel: 'common__tab-panel', loaded: 'loaded', ended: 'ended', paused: 'paused', playing: 'playing', isPaused: 'is-paused', videoController: 'video__controller', ...opts.class, }; this.el = { section: document.querySelector(this.selector.section) || null, }; this.tagging = { swipe: { play: 'gbuds:highlights:design^swipe:movi-play:#', pause: 'gbuds:highlights:design^swipe:movi-pause:#', }, pinch: { play: 'gbuds:highlights:design^pinch:movi-play:#', pause: 'gbuds:highlights:design^pinch:movi-pause:#', }, }; this.events = { load: this.onLoadHandler.bind(this), canplaythrough: this.onCanplaythrough.bind(this), click: this.onClickHandler.bind(this), scroll: this.onScrollHandler.bind(this), resize: this.onResizeHandler.bind(this), }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.initVideoPlayer(); this.bindEvents(); } setElements() { this.el.tabs = this.el.section.querySelectorAll(this.selector.tab); this.el.tabPanelWrapper = this.el.section.querySelector(this.selector.tabPanels); this.el.tabPanels = this.el.section.querySelectorAll(this.selector.tabPanel); this.el.videoContainers = this.el.section.querySelectorAll(this.selector.videoContainer); this.el.videoControllers = this.el.section.querySelectorAll(this.selector.videoController); this.el.videos = this.el.section.querySelectorAll('video'); } bindEvents() { window.addEventListener('load', this.events.load); Array.from(this.el.tabs).forEach((tab, index) => { tab.addEventListener('click', (e) => this.events.click(e, index)); }); window.addEventListener('resize', this.events.resize); } onLoadHandler() { this.el.videoContainers[this.opts.currentIndex].querySelector('video').addEventListener('canplaythrough', this.events.canplaythrough, { once: true }); window.removeEventListener('load', this.events.load); } onCanplaythrough(e) { if (!UTILS.isLowNetwork()) { this.events.scroll(); window.addEventListener('scroll', this.events.scroll); } } onResizeHandler() { this.opts.currDevice = innerWidth > 767 ? 'desktop' : 'mobile'; if (this.opts.currDevice !== this.opts.prevDevice) { this.onResponsiveChange(); this.opts.prevDevice = this.opts.currDevice; } } onResponsiveChange() { if (!UTILS.isLowNetwork()) { this.events.scroll(); } } onClickHandler(e, clickedIndex) { this.opts.prevIndex = this.opts.currentIndex; this.opts.currentIndex = clickedIndex; if (this.opts.prevIndex === this.opts.currentIndex) return; Array.from(this.el.tabs).forEach((tab, index) => { clickedIndex === index && this.setActive(tab, index); clickedIndex !== index && this.setInactive(tab, index); }); this.opts.isPlaying = true; } onScrollHandler() { const scrollY = window.scrollY; const target = this.el.videoContainers[this.opts.currentIndex]; const targetHeight = target.getBoundingClientRect().height; const windowHeight = window.innerHeight; const visibleOffset = targetHeight * 0.5; const scrollTop = scrollY; const scrollBottom = scrollY + windowHeight; const targetOffsetTop = scrollTop + target.getBoundingClientRect().top; const targetOffsetBottom = scrollTop + target.getBoundingClientRect().bottom; if (scrollBottom > targetOffsetTop + visibleOffset && scrollTop < targetOffsetBottom) { if (this.opts.isPlaying) return; const checkVideoLoad = () => { if (target.classList.contains(this.class.playing)) { cancelAnimationFrame(this.opts.videoPlayTime); this.videoPlayer.play(target); this.opts.isPlaying = true; } else { this.opts.videoPlayTime = requestAnimationFrame(checkVideoLoad); this.videoPlayer.play(target); this.opts.isPlaying = true; } }; this.opts.videoPlayTime = requestAnimationFrame(checkVideoLoad); } else if (scrollBottom < targetOffsetTop || scrollTop > targetOffsetBottom) { if (this.opts.isPlaying == false) return; this.videoPlayer.reset(target); this.opts.isPlaying = false; } } setActive(tab, index) { this.addClass(tab); tab.setAttribute('aria-selected', true); this.addClass(this.el.tabPanels[index]); this.el.tabPanels[index].setAttribute('aria-hidden', false); this.el.tabPanels[index].style.zIndex = 5; if (this.el.videoControllers.length > 0) { this.el.videoControllers[index].removeAttribute('tabindex'); } if (!UTILS.isLowNetwork()) { this.videoPlayer.play(this.el.videoContainers[index]); this.opts.isPlaying = true; } } setInactive(tab, index) { if (!this.el.tabPanels[index].classList.contains(this.class.isActive)) return; this.removeClass(tab); tab.setAttribute('aria-selected', false); this.el.tabPanels[index].setAttribute('aria-hidden', true); this.el.tabPanels[index].style.zIndex = ''; if (this.el.videoControllers.length > 0) { this.el.videoControllers[index].setAttribute('tabindex', -1); } setTimeout(() => { if (this.opts.currentIndex === index) return; this.removeClass(this.el.tabPanels[index]); this.videoPlayer.reset(this.el.videoContainers[index]); }, 300); } addClass(target) { target.classList.add(this.class.isActive); } removeClass(target) { target.classList.remove(this.class.isActive); } setControllerLocalVari(controller) { const playImg = controller.querySelector(this.selector.play); const pauseImg = controller.querySelector(this.selector.pause); playImg.setAttribute('alt', LOCAL_VARI.play); pauseImg.setAttribute('alt', LOCAL_VARI.pause); } initVideoPlayer() { this.videoPlayer = { instance: [], load: (video) => { if (!this.videoPlayer.instance.length) return; this.videoPlayer.instance.forEach((videoPlayer) => { videoPlayer.onLoad(video); }); }, reset: (video) => { if (!this.videoPlayer.instance.length) return; this.videoPlayer.instance.forEach((videoPlayer) => { videoPlayer.onReset(video); }); }, play: (video) => { if (!this.videoPlayer.instance.length) return; this.videoPlayer.instance[this.opts.currentIndex].onPlay(video); }, pause: (video) => { if (!this.videoPlayer.instance.length) return; this.videoPlayer.instance[this.opts.currentIndex].onPause(video); }, ended: (video) => { if (!this.videoPlayer.instance.length) return; this.videoPlayer.instance[this.opts.currentIndex].onEnded(video); }, init: () => { if (this.videoPlayer.instance.length) return; this.el.videoContainers.forEach((videoContainer) => { const videoParent = videoContainer.closest(this.class.tabPanel); const controller = videoContainer.querySelector(this.selector.videoController); if (controller) { this.setControllerLocalVari(controller); } this.videoPlayer.instance.push( new BUDS.VideoPlayer(videoContainer, { sectionElement: this.selector.section, // videoParentElement: videoParent, on: { updateController: (data) => { if (controller) { const playState = data.playState ? 'pause' : 'play'; const controller = data.el; const tagging = controller.dataset.tagging; controller.setAttribute('data-omni', `${this.tagging[tagging][playState]}:#`); controller.setAttribute('an-la', `${this.tagging[tagging][playState]}:#`); const blindText = controller.querySelector('.blind'); if (blindText) { if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI && typeof LOCAL_VARI[playState] !== 'undefined' && !!LOCAL_VARI[playState]) { blindText.innerText = LOCAL_VARI[playState]; } else { blindText.innerText = playState; } } } }, }, }) ); }); }, }; this.videoPlayer.init(); } } BUDS.Intuitive = Intuitive; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class Amplifier { constructor(section, opts) { this.opts = { ...opts, }; this.selector = { section, wrap: '#wrap', target: '.charging__content', ...opts.selector, }; this.class = { frame01: 'frame01', frame02: 'frame02', featureHide: 'is-feature-hide', ...opts.class, }; this.el = { wrap: document.querySelector(this.selector.wrap) || null, section: document.querySelector(this.selector.section) || null, }; this.events = { load: this.onLoadHandler.bind(this), scroll: this.onScrollHandler.bind(this), }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.el.target = this.el.section.querySelector(this.selector.target); } bindEvents() { window.addEventListener('load', this.events.load); window.addEventListener('scroll', this.events.scroll); } onLoadHandler() { this.events.scroll(); window.removeEventListener('load', this.events.load); } onScrollHandler() { let percent = 0; const navHeight = UTILS.getNavHeight(); const winOffsetTop = scrollY + navHeight; const winOffsetBottom = scrollY + window.innerHeight; const motionStartTop = winOffsetTop; const motionStartBottom = scrollY + window.innerHeight; const triggerRect = this.el.target.getBoundingClientRect(); const triggerOffsetTop = scrollY + triggerRect.top; const triggerOffsetBottom = scrollY + triggerRect.bottom; if ((motionStartBottom >= triggerOffsetTop && motionStartTop <= triggerOffsetBottom) || (motionStartTop <= triggerOffsetBottom && motionStartBottom >= triggerOffsetTop)) { percent = ((triggerRect.top - window.innerHeight) / triggerRect.height) * -100; } if (percent >= 50 && percent < 80) { this.el.target.classList.add(this.class.frame01); } else if (percent >= 80) { this.el.target.classList.add(this.class.frame01); this.el.target.classList.add(this.class.frame02); } else if (winOffsetBottom < triggerOffsetTop) { this.el.target.classList.remove(this.class.frame01); this.el.target.classList.remove(this.class.frame02); } } } BUDS.Amplifier = Amplifier; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; class Anc { constructor(section, opts = {}) { this.opts = { currentIndex: 0, }; this.selector = { section, tabList: '.common__tab-list', tab: '.common__tab-cta', tabPanel: '.common__tab-panel', ...opts.selector, }; this.class = { isActive: 'is-active', featureHide: 'is-feature-hide', ...opts.class, }; this.el = { section: document.querySelector(this.selector.section) || null, }; this.events = { click: this.onClickHandler.bind(this), }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.el.tabs = this.el.section.querySelectorAll(this.selector.tab); this.el.tabPanels = this.el.section.querySelectorAll(this.selector.tabPanel); Array.from(this.el.tabs).forEach((tab, index) => { this.opts.currentIndex === index && this.setActive(tab, index); this.opts.currentIndex !== index && this.setInactive(tab, index); }); } bindEvents() { Array.from(this.el.tabs).forEach((tab, index) => { tab.addEventListener('click', (e) => this.events.click(e, index)); }); } onClickHandler(e, clickedIndex) { this.opts.currentIndex = clickedIndex; Array.from(this.el.tabs).forEach((tab, index) => { this.opts.currentIndex === index && this.setActive(tab, index); this.opts.currentIndex !== index && this.setInactive(tab, index); }); } setActive(tab, index) { this.addClass(tab); tab.setAttribute('aria-selected', true); this.addClass(this.el.tabPanels[index]); this.el.tabPanels[index].setAttribute('aria-hidden', false); this.el.tabPanels[index].removeAttribute('tabindex'); this.el.tabPanels[index].style.zIndex = 1; const targetClickables = this.el.tabPanels[index].querySelectorAll('a, button, input, select, iframe'); if (targetClickables.length > 0) { targetClickables.forEach((clickable) => { clickable.setAttribute('aria-hidden', 'false'); clickable.removeAttribute('tabindex'); }); } } setInactive(tab, index) { this.removeClass(tab); tab.setAttribute('aria-selected', false); this.el.tabPanels[index].setAttribute('aria-hidden', true); this.el.tabPanels[index].setAttribute('tabindex', -1); this.el.tabPanels[index].style.zIndex = ''; const targetClickables = this.el.tabPanels[index].querySelectorAll('a, button, input, select, iframe'); if (targetClickables.length > 0) { targetClickables.forEach((clickable) => { clickable.setAttribute('aria-hidden', 'false'); clickable.setAttribute('tabindex', -1); }); } setTimeout(() => { if (this.opts.currentIndex === index) return; this.removeClass(this.el.tabPanels[index]); this.el.tabPanels[index].style.zIndex = -1; }, 300); } addClass(target) { target.classList.add(this.class.isActive); } removeClass(target) { target.classList.remove(this.class.isActive); } } BUDS.Anc = Anc; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class Compare { constructor(section, opts) { this.opts = { currDevice: '', prevDevice: '', tagging: { learnMore: { 'data-omni-type': 'microsite_contentinter', 'data-omni': 'gbuds:highlights:compare:link-page:', 'an-ca': 'content click', 'an-ac': 'feature', 'an-la': 'gbuds:highlights:compare:link-page:', }, viewMore: { 'data-omni-type': 'microsite_contentinter', 'data-omni': 'gbuds:highlights:compare:slct-item:', 'an-ca': 'content click', 'an-ac': 'feature', 'an-la': 'gbuds:highlights:compare:slct-item:', }, navigation: { 'data-omni-type': 'microsite_pcontentinter', 'data-omni': 'gbuds:highlights:compare:sldr-arrow:', 'an-ca': 'indication', 'an-ac': 'carousel', 'an-la': 'gbuds:highlights:compare:sldr-arrow:', }, pagination: { 'data-omni-type': 'microsite_pcontentinter', 'data-omni': 'gbuds:highlights:compare:sldr-dots', 'an-ca': 'indication', 'an-ac': 'carousel', 'an-la': 'gbuds:highlights:compare:sldr-dots', }, }, startX: 0, startY: 0, endX: 0, endY: 0, isPointerMoving: false, ...opts, }; this.selector = { section, arrowWrap: '.compare__list-arrow', prevArrow: '.compare__list-arrow-prev', nextArrow: '.compare__list-arrow-next', swiperEl: '.compare__container', swiperSlide: '.compare__list-item', swiperScrollbar: '.swiper-scrollbar', swiperPagination: '.wearable-common__carousel-pagination', compareListWrap: '.compare__list-wrap', compareFigure: '.compare__list-figure', compareFigureItem: '.compare__list-product-item', compareColors: '.compare__list', compareColorItem: '.compare__color', CtaWrap: '.compare__cta', learnMoreCta: '.learn-more-cta', specsTable: '.compare__table-wrapper', specsTableWrap: '.compare__table-wrap', specsTableHeaderGroup: '.compare__headergroup', specsTableHeader: '.compare__header', specsTableRow: '.compare__row', specsTableColumn: '.compare__column', viewMoreWrap: '.compare__view-more-button', viewMoreButton: '.view-more__cta', }; this.class = { featureHide: 'is-feature-hide', learnMore: 'learn-more-cta', isHidden: 'is-hidden', }; this.el = { section: document.querySelector(this.selector.section) || null, arrowWrap: null, prevArrow: null, nextArrow: null, swiper: null, swiperEl: null, swiperSlides: null, swiperScrollbar: null, swiperPagination: null, compareListWrap: null, compareColorItems: null, specsTable: null, specsTableWrap: null, specsTableRows: null, viewMoreWrap: null, viewMoreButton: null, }; this.events = { load: this.onLoadHandler.bind(this), resize: this.onResizeHandler.bind(this), colorButton: this.onClickColorButton.bind(this), prevArrow: this.onClickPrevArrow.bind(this), nextArrow: this.onClickNextArrow.bind(this), viewMore: this.onClickViewMore.bind(this), mouse: { down: this.onMouseDownHandler.bind(this), move: this.onMouseMoveHandler.bind(this), up: this.onMouseUpHandler.bind(this), }, touch: { down: this.onTouchDownHandler.bind(this), move: this.onTouchMoveHandler.bind(this), up: this.onTouchUpHandler.bind(this), }, }; this.compare = {}; this.init(); } // Initialize init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.el.arrowWrap = this.el.section.querySelector(this.selector.arrowWrap); this.el.prevArrow = this.el.arrowWrap.querySelector(this.selector.prevArrow); this.el.nextArrow = this.el.arrowWrap.querySelector(this.selector.nextArrow); this.el.swiperEl = this.el.section.querySelector(this.selector.swiperEl); this.el.swiperSlides = this.el.swiperEl.querySelectorAll(this.selector.swiperSlide); this.el.swiperScrollbar = this.el.swiperEl.querySelector(this.selector.swiperScrollbar); this.el.swiperPagination = this.el.swiperEl.querySelector(this.selector.swiperPagination); this.el.compareListWrap = this.el.section.querySelector(this.selector.compareListWrap); this.el.compareColorItems = this.el.swiperEl.querySelectorAll(this.selector.compareColorItem); this.el.learnMoreCtaWraps = this.el.swiperEl.querySelectorAll(this.selector.learnMoreCtaWrap); this.el.specsTable = this.el.section.querySelector(this.selector.specsTable); this.el.specsTableWrap = this.el.specsTable.querySelector(this.selector.specsTableWrap); this.el.specsTableRows = this.el.specsTable.querySelectorAll(this.selector.specsTableRow); this.el.specsTableHeaderGroup = this.el.specsTable.querySelector(this.selector.specsTableHeaderGroup); this.el.specsTableHeaders = this.el.specsTableHeaderGroup.querySelectorAll(this.selector.specsTableHeader); this.el.viewMoreWrap = this.el.section.querySelector(this.selector.viewMoreWrap); this.el.viewMoreButton = this.el.viewMoreWrap.querySelector(this.selector.viewMoreButton); } bindEvents() { window.addEventListener('load', this.events.load); window.addEventListener('resize', this.events.resize); this.el.prevArrow.addEventListener('click', this.events.prevArrow); this.el.nextArrow.addEventListener('click', this.events.nextArrow); Array.from(this.el.compareColorItems).forEach((button) => { button.addEventListener('click', this.events.colorButton); }); this.el.viewMoreButton.addEventListener('click', this.events.viewMore); } // On Window Events onLoadHandler() { this.events.resize(); window.removeEventListener('load', this.events.load); } onResizeHandler() { this.opts.currDevice = innerWidth > 767 ? 'desktop' : 'mobile'; this.opts.resizeTimeout = setTimeout(() => { if (this.opts.currDevice !== this.opts.prevDevice) { this.onResponsiveChange(); this.opts.prevDevice = this.opts.currDevice; } if (this.el.swiper !== null) { this.el.swiper.update(); } }, 150); } onResponsiveChange() { this.destroySwiper(); this.initColumnsA11y(); this.initCompareItemA11y(); if (this.opts.currDevice === 'desktop' && this.el.swiperSlides.length < 5) return; this.setSwiper(); } // Set Swiper setSwiper() { if (this.el.swiper !== null) return; const _this = this; this.el.swiper = new Swiper(this.el.swiperEl, { init: false, loop: false, speed: 0, allowTouchMove: false, slidesPerView: this.opts.currDevice !== 'mobile' ? 'auto' : 2, scrollbar: { el: this.el.swiperScrollbar, draggable: true, }, pagination: { el: _this.el.swiperPagination, bulletActiveClass: 'is-active', renderBullet: function (index) { const tagging = _this.opts.tagging.pagination; return ` <li role="listitem" class="wearable-common__carousel-pagination-item"> <button class="wearable-common__carousel-pagination-bullet swiper-pagination-bullet" role="button" data-omni-type="${tagging['data-omni-type']}" data-omni="${tagging['data-omni']}" an-tr="${tagging['data-omni']}" an-ca="${tagging['an-ca']}" an-ac="${tagging['an-ac']}" an-la="${tagging['an-la']}"></button> </li> `; }, }, }); this.el.swiper.on('scrollbarDragStart', function () { _this.opts.scrollbarDrag = true; }); this.el.swiper.on('scrollbarDragMove', function () { const distanceX = this.translate; TweenMax.to(_this.el.specsTableWrap, 0, { x: distanceX, }); }); this.el.swiper.on('scrollbarDragEnd', function () { _this.opts.scrollbarDrag = false; const distanceX = this.snapGrid[this.snapIndex]; TweenMax.to(_this.el.specsTableWrap, 0, { x: UTILS.isRTL() ? distanceX : -distanceX, }); }); this.el.swiper.on('slideChange', function () { _this.setCompareItemA11y(); _this.setArrowA11y(); _this.setColumnsA11y(); _this.setPaginationLabel(); }); this.el.swiper.on('snapIndexChange', function () { if (_this.opts.scrollbarDrag) return; const distanceX = this.snapGrid[this.snapIndex]; TweenMax.to(_this.el.specsTableWrap, 0, { x: UTILS.isRTL() ? distanceX : -distanceX, }); }); this.el.swiper.on('init', function () { const notification = this.el.querySelector('.swiper-notification'); if (!!notification) this.el.removeChild(notification); _this.setCompareItemA11y(); _this.setArrowA11y(); _this.setColumnsA11y(); _this.setNavigationLabel(); _this.setPaginationLabel(); const swiper = this; const bullets = swiper.pagination.bullets; Array.from(bullets).forEach((bullet, index) => { bullet.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); swiper.slideTo(index); }); }); if (!_this.el.compareListWrap.classList.contains('slide-on')) { _this.el.compareListWrap.classList.add('slide-on'); } }); this.el.swiperEl.addEventListener('mousedown', this.events.mouse.down); this.el.swiperEl.addEventListener('mouseup', this.events.mouse.up); this.el.swiperEl.addEventListener('touchstart', this.events.touch.down); this.el.swiperEl.addEventListener('touchend', this.events.touch.up); this.el.swiper.init(); } destroySwiper() { if (this.el.swiper === null) return; this.el.swiper.destroy(true, true); this.el.swiper = null; if (this.el.compareListWrap.classList.contains('slide-on')) { this.el.compareListWrap.classList.remove('slide-on'); } this.el.swiperSlides.forEach((slide) => { this.offA11y(slide); }); this.el.swiperEl.removeEventListener('mousedown', this.events.mouse.down); this.el.swiperEl.removeEventListener('mouseup', this.events.mouse.up); this.el.swiperEl.removeEventListener('touchstart', this.events.touch.down); this.el.swiperEl.removeEventListener('touchend', this.events.touch.up); TweenMax.to(this.el.specsTableWrap, 0, { x: 0 }); } // On Elements Events onClickPrevArrow() { if (this.el.swiper === null) return; const swiper = this.el.swiper; const activeIndex = swiper.snapIndex - 1; if (activeIndex === 0) { setTimeout(() => { this.el.nextArrow.focus(); }, 100); } swiper.slideTo(activeIndex); } onClickNextArrow() { if (this.el.swiper === null) return; const swiper = this.el.swiper; const activeIndex = swiper.snapIndex + 1; if (activeIndex === swiper.snapGrid.length - 1) { setTimeout(() => { this.el.prevArrow.focus(); }, 100); } swiper.slideTo(activeIndex); } onMouseDownHandler(event) { if (this.opts.isPointerMoving) return; this.opts.isPointerMoving = true; this.opts.startX = 0; this.opts.endX = 0; this.opts.startY = 0; this.opts.endY = 0; this.opts.startX = this.getMovePointerX(event); this.opts.startY = this.getMovePointerY(event); this.el.swiperEl.addEventListener('mousemove', this.events.mouse.move); } onMouseMoveHandler(event) { this.opts.endX = this.getMovePointerX(event); this.opts.endY = this.getMovePointerY(event); const distanceX = Math.abs(this.opts.endX - this.opts.startX); const distanceY = Math.abs(this.opts.endY - this.opts.startY); if (distanceX > 10 || distanceY > 50) { if (event.cancelable) event.preventDefault(); } } onMouseUpHandler(event) { if (event.target.closest('.swiper-scrollbar')) return; if (!this.opts.isPointerMoving) return; this.opts.isPointerMoving = false; this.opts.endX = this.getMovePointerX(event); const distance = this.opts.currDevice !== 'mobile' ? 80 : 50; if (this.el.swiper && Math.abs(this.opts.startX - this.opts.endX) > distance) { if (this.opts.startX > this.opts.endX) { !UTILS.isRTL() ? this.el.swiper.slideNext() : this.el.swiper.slidePrev(); } else { !UTILS.isRTL() ? this.el.swiper.slidePrev() : this.el.swiper.slideNext(); } this.opts.isAutoPlay = false; } this.el.swiperEl.removeEventListener('mousemove', this.events.mouse.move); } onTouchDownHandler(event) { if (this.opts.isPointerMoving) return; this.opts.isPointerMoving = true; this.opts.startX = 0; this.opts.endX = 0; this.opts.startY = 0; this.opts.endY = 0; this.opts.startX = this.getMovePointerX(event); this.opts.startY = this.getMovePointerY(event); this.el.swiperEl.addEventListener('touchmove', this.events.touch.move); } onTouchMoveHandler(event) { this.opts.endX = this.getMovePointerX(event); this.opts.endY = this.getMovePointerY(event); const distanceX = Math.abs(this.opts.endX - this.opts.startX); const distanceY = Math.abs(this.opts.endY - this.opts.startY); if (distanceX > 10 || distanceY > 50) { if (event.cancelable) event.preventDefault(); } } onTouchUpHandler(event) { if (event.target.closest('.swiper-scrollbar')) return; if (!this.opts.isPointerMoving) return; this.opts.isPointerMoving = false; this.opts.endX = this.getMovePointerX(event); const distance = this.opts.currDevice !== 'mobile' ? 80 : 50; if (this.el.swiper && Math.abs(this.opts.startX - this.opts.endX) > distance) { if (this.opts.startX > this.opts.endX) { !UTILS.isRTL() ? this.el.swiper.slideNext() : this.el.swiper.slidePrev(); } else { !UTILS.isRTL() ? this.el.swiper.slidePrev() : this.el.swiper.slideNext(); } this.opts.isAutoPlay = false; } this.el.swiperEl.removeEventListener('touchmove', this.events.touch.move); } getMovePointerX(e) { if (!!e.touches && e.touches.length > 0) { return e.touches[0].clientX; } else { if (!!e.changedTouches && e.changedTouches.length > 0) { return e.changedTouches[0].clientX; } else { return e.clientX; } } } getMovePointerY(e) { if (!!e.touches && e.touches.length > 0) { return e.touches[0].clientY; } else { if (!!e.changedTouches && e.changedTouches.length > 0) { return e.changedTouches[0].clientY; } else { return e.clientY; } } } onClickColorButton(e) { const target = e.currentTarget; const targetColor = target.getAttribute('data-color'); const targetSlide = target.closest(this.selector.swiperSlide); const targetSlideProduct = targetSlide.getAttribute('data-product'); let selectedItem = `${targetSlideProduct}-${targetColor}`; targetSlide.setAttribute('data-color', targetColor); const figure = targetSlide.querySelector(this.selector.compareFigure); const figureItems = figure.querySelectorAll(this.selector.compareFigureItem); this.updateCompareFigure(figureItems, selectedItem, targetSlideProduct); const colorsWrap = targetSlide.querySelector(this.selector.compareColors); const colorItems = colorsWrap.querySelectorAll(this.selector.compareColorItem); this.updateCompareColors(colorItems, targetColor); const CtaWrap = targetSlide.querySelector(this.selector.CtaWrap); this.updateCta(CtaWrap, targetSlideProduct, targetColor); figureItems.forEach((figureItem) => { if (figureItem.classList.contains('is-active')) { const notLoadedImages = figureItem.querySelectorAll('img.js-res-img:not(.load-complete)'); if (notLoadedImages.length > 0) { this.opts.on.updateImageLoader(notLoadedImages); } } }); } onClickViewMore() { if (!this.el.compareListWrap.classList.contains('is-expanded')) { this.el.compareListWrap.classList.add('is-expanded'); this.changeViewMoreTagging('collapse'); const notLoadedImages = this.el.compareListWrap.querySelectorAll('img.js-res-img:not(.load-complete)'); if (notLoadedImages.length > 0) { this.opts.on.updateImageLoader(notLoadedImages); } } else { this.el.compareListWrap.classList.remove('is-expanded'); this.changeViewMoreTagging('view-more'); const navHeight = UTILS.getNavHeight(); const winOffsetTop = scrollY; const winOffsetBottom = winOffsetTop + innerHeight; const targetRect = this.el.viewMoreButton.getBoundingClientRect(); const winHeight = (innerHeight - navHeight) / 2; const targetOffsetTop = winOffsetTop + targetRect.top; const targetOffsetMid = targetOffsetTop - navHeight + targetRect.height / 2; const targetOffsetBottom = targetOffsetTop + targetRect.height; if (targetOffsetTop < winOffsetTop + navHeight && targetOffsetBottom < winOffsetBottom) { window.scrollTo(0, targetOffsetMid - winHeight); } } if (this.el.swiper !== null) { this.setColumnsA11y(); } else { this.initColumnsA11y(); } } // Update Compare Information updateCompareFigure(figureItems, selectedItem) { figureItems.forEach((figureItem) => { const product = figureItem.getAttribute('data-product'); if (selectedItem === product) { figureItem.classList.add('is-active'); } else { figureItem.classList.remove('is-active'); } }); } updateCompareColors(colorItems, color) { colorItems.forEach((colorItem) => { const dataColor = colorItem.getAttribute('data-color'); if (dataColor === color) { colorItem.classList.add('is-active'); colorItem.setAttribute('title', 'selected'); } else { colorItem.classList.remove('is-active'); colorItem.removeAttribute('title'); } }); } updateCta(CtaWrap, productName, color) { const learnMoreCta = CtaWrap.querySelector(this.selector.learnMoreCta); const linkData = LOCAL_DATA[productName][color]; if (linkData) { if (linkData.learnmore && linkData.learnmore !== '' && learnMoreCta) { learnMoreCta.setAttribute('href', linkData.learnmore); this.updateCtaTagging(learnMoreCta, linkData, productName); } else { learnMoreCta.parentElement.classList.add(this.class.isHidden); } } } // Set Compare A11y & Tagging initColumnsA11y() { // Table Columns A11y Array.from(this.el.specsTableRows).forEach((row, idx) => { const columns = row.querySelectorAll(this.selector.specsTableColumn); Array.from(columns).forEach((column, jdx) => { if (this.el.compareListWrap.classList.contains('is-expanded')) { this.offA11y(column); } else { if (idx < 4) { this.offA11y(column); } else { this.onA11y(column); } } }); }); Array.from(this.el.specsTableHeaders).forEach((header) => { this.offA11y(header); }); } setColumnsA11y() { if (this.el.swiper === null) return; const swiper = this.el.swiper; const snapIndex = swiper.snapIndex; const limit = this.opts.currDevice === 'desktop' ? 4 : 2; // Table Columns A11y Array.from(this.el.specsTableRows).forEach((row, idx) => { const columns = row.querySelectorAll(this.selector.specsTableColumn); Array.from(columns).forEach((column, jdx) => { if (this.el.compareListWrap.classList.contains('is-expanded')) { if (jdx >= snapIndex && jdx < snapIndex + limit) { this.offA11y(column); } else { this.onA11y(column); } } else { if (idx < 4) { if (jdx >= snapIndex && jdx < snapIndex + limit) { this.offA11y(column); } else { this.onA11y(column); } } else { this.onA11y(column); } } }); }); Array.from(this.el.specsTableHeaders).forEach((header, idx) => { if (idx >= snapIndex && idx < snapIndex + limit) { this.offA11y(header); } else { this.onA11y(header); } }); } setArrowA11y() { if (this.el.swiper === null) return; // Swiper Arrow A11y const swiper = this.el.swiper; if (swiper.snapIndex === 0 && swiper.snapIndex < swiper.snapGrid.length - 1) { this.onA11y(this.el.prevArrow); this.offA11y(this.el.nextArrow); this.el.prevArrow.classList.add('swiper-button-disabled'); this.el.nextArrow.classList.remove('swiper-button-disabled'); } else if (swiper.snapIndex > 0 && swiper.snapIndex === swiper.snapGrid.length - 1) { this.offA11y(this.el.prevArrow); this.onA11y(this.el.nextArrow); this.el.prevArrow.classList.remove('swiper-button-disabled'); this.el.nextArrow.classList.add('swiper-button-disabled'); } else if (swiper.snapIndex > 0 && swiper.snapIndex < swiper.snapGrid.length - 1) { this.offA11y(this.el.prevArrow); this.offA11y(this.el.nextArrow); this.el.prevArrow.classList.remove('swiper-button-disabled'); this.el.nextArrow.classList.remove('swiper-button-disabled'); } } initCompareItemA11y() { Array.from(this.el.swiperSlides).forEach((slide) => { const dataInfo = JSON.parse(slide.getAttribute('data-info')); this.compare[dataInfo['product']] = { color: dataInfo['default-color'], }; slide.setAttribute('data-product', dataInfo['product']); slide.setAttribute('data-color', dataInfo['default-color']); }); this.setCompareItemA11y(); } setCompareItemA11y() { Array.from(this.el.swiperSlides).forEach((slide, index) => { const product = slide.getAttribute('data-product'); const color = slide.getAttribute('data-color'); const selectedItem = `${product}-${color}`; const figure = slide.querySelector(this.selector.compareFigure); const figureItems = figure.querySelectorAll(this.selector.compareFigureItem); this.updateCompareFigure(figureItems, selectedItem, product); const colorsWrap = slide.querySelector(this.selector.compareColors); const colorItems = colorsWrap.querySelectorAll(this.selector.compareColorItem); this.updateCompareColors(colorItems, color); const CtaWrap = slide.querySelector(this.selector.CtaWrap); this.updateCta(CtaWrap, product, color); this.setCompareCtaText(CtaWrap); if (this.el.swiper === null) return; const swiper = this.el.swiper; const snapIndex = swiper.snapIndex; const limit = this.opts.currDevice === 'desktop' ? 4 : 2; if (index >= snapIndex && index < snapIndex + limit) { this.offA11y(slide); } else { this.onA11y(slide); } }); } setNavigationLabel() { const tagging = this.opts.tagging.navigation; if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI) { const localPrev = typeof LOCAL_VARI.previous !== 'undefined' && !!LOCAL_VARI.previous ? LOCAL_VARI.previous : 'Previous'; const localNext = typeof LOCAL_VARI.next !== 'undefined' && !!LOCAL_VARI.next ? LOCAL_VARI.next : 'Next'; this.el.prevArrow.querySelector('.blind').innerText = localPrev; this.el.nextArrow.querySelector('.blind').innerText = localNext; } else { this.el.prevArrow.querySelector('.blind').innerText = 'Previous'; this.el.nextArrow.querySelector('.blind').innerText = 'Next'; } Object.keys(tagging).forEach((key) => { if (key === 'data-omni' || key === 'an-la') { this.el.prevArrow.setAttribute(key, `${tagging[key]}left`); } else { this.el.prevArrow.setAttribute(key, tagging[key]); } }); Object.keys(tagging).forEach((key) => { if (key === 'data-omni' || key === 'an-la') { this.el.nextArrow.setAttribute(key, `${tagging[key]}right`); } else { this.el.nextArrow.setAttribute(key, tagging[key]); } }); } setPaginationLabel() { if (this.el.swiper === null) return; const swiper = this.el.swiper; const bullets = swiper.pagination.bullets; const activeIndex = swiper.activeIndex; const titleList = ['Buds3 Pro, Buds3', 'Buds3, Buds FE']; Array.from(bullets).forEach((bullet, index) => { const slideTitle = titleList[index]; if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI) { const localSlide = typeof LOCAL_VARI.slide !== 'undefined' && !!LOCAL_VARI.slide ? LOCAL_VARI.slide : 'Slide'; const localSelected = typeof LOCAL_VARI.selected !== 'undefined' && !!LOCAL_VARI.selected ? LOCAL_VARI.selected : 'selected'; if (activeIndex === index) { bullet.setAttribute('aria-label', `${localSlide}${index + 1}: ${slideTitle} ${localSelected}`); } else { bullet.setAttribute('aria-label', `${localSlide}${index + 1}: ${slideTitle}`); } } else { if (activeIndex === index) { bullet.setAttribute('aria-label', `Slide${index + 1}: ${slideTitle} selected`); } else { bullet.setAttribute('aria-label', `Slide${index + 1}: ${slideTitle}`); } } }); } setCompareCtaText(CtaWrap) { if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI) { const localLearnMore = typeof LOCAL_VARI.learnMore !== 'undefined' && !!LOCAL_VARI.learnMore ? LOCAL_VARI.learnMore : 'Learn More'; CtaWrap.querySelector(`${this.selector.learnMoreCta} span`).innerText = localLearnMore; } else { CtaWrap.querySelector(`${this.selector.learnMoreCta} span`).innerText = 'Learn More'; } } updateCtaTagging(cta, data, productName) { const learnMoreTagging = this.opts.tagging.learnMore; if (data.learnmore && data.learnmore !== '' && cta.classList.contains(this.class.learnMore)) { Object.keys(learnMoreTagging).forEach((key) => { if (key === 'data-omni') { cta.setAttribute(key, `${learnMoreTagging[key]}${productName}`); } else if (key === 'an-la') { cta.setAttribute(key, `${learnMoreTagging[key]}${productName}`); } else { cta.setAttribute(key, learnMoreTagging[key]); } }); } } changeViewMoreTagging(state) { const targetTagging = this.opts.tagging.viewMore; Object.keys(targetTagging).forEach((key) => { if (key === 'data-omni' || key === 'an-la') { this.el.viewMoreButton.setAttribute(key, `${targetTagging[key]}${state}`); } else { this.el.viewMoreButton.setAttribute(key, targetTagging[key]); } }); } onA11y(el) { const clickables = el.querySelectorAll('a, button, input, select, iframe'); el.setAttribute('aria-hidden', 'true'); el.setAttribute('tabindex', '-1'); for (var i = 0; i < clickables.length; i++) { clickables[i].setAttribute('aria-hidden', 'true'); clickables[i].setAttribute('tabindex', ' -1'); } } offA11y(el) { el.setAttribute('aria-hidden', 'false'); el.removeAttribute('tabindex'); const clickables = el.querySelectorAll('a, button, input, select, iframe'); for (var i = 0; i < clickables.length; i++) { clickables[i].setAttribute('aria-hidden', 'false'); clickables[i].removeAttribute('tabindex'); } } } BUDS.Compare = Compare; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class Contrast { constructor(el = container, args) { const defParams = { el, defaultBtn: '.type-default', contrastBtn: '.type-contrast', cookieName: 'highContrastMode', featureHide: 'is-feature-hide', }; this.opts = defParams; this.classes = defParams.classes; this.el = document.querySelector(el); this.init(); } init() { if (this.el === null || this.el.classList.contains(this.opts.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.defaultBtn = this.el.querySelector(this.opts.defaultBtn); this.defaultBtnTitle = this.defaultBtn.getAttribute('title').trim(); this.contrastBtn = this.el.querySelector(this.opts.contrastBtn); this.contrastBtnTitle = this.contrastBtn.getAttribute('title').trim(); this.cookieName = this.opts.cookieName; } bindEvents() { window.addEventListener('load', this.onLoadHandler.bind(this)); if (!!this.defaultBtn) this.defaultBtn.addEventListener('click', this.onClickDefaultBtn.bind(this)); if (!!this.contrastBtn) this.contrastBtn.addEventListener('click', this.onClickContrastBtn.bind(this)); } onLoadHandler() { this.activeContrast(); } onClickDefaultBtn(e) { e.preventDefault(); UTILS.setCookie(this.cookieName, '0', 1); this.activeContrast(); } onClickContrastBtn(e) { e.preventDefault(); UTILS.setCookie(this.cookieName, '1', 1); this.activeContrast(); } activeContrast() { var cookieValue = UTILS.getCookie(this.cookieName); if (cookieValue != null) { if (cookieValue.length && cookieValue == '1') { document.documentElement.classList.add('color_yb'); this.contrastBtn.setAttribute('title', this.contrastBtnTitle + ' selected'); this.defaultBtn.setAttribute('title', this.defaultBtnTitle); } else { document.documentElement.classList.remove('color_yb'); this.contrastBtn.setAttribute('title', this.contrastBtnTitle); this.defaultBtn.setAttribute('title', this.defaultBtnTitle + ' selected'); } } else { document.documentElement.classList.remove('color_yb'); this.contrastBtn.setAttribute('title', this.contrastBtnTitle); this.defaultBtn.setAttribute('title', this.defaultBtnTitle + ' selected'); } } } BUDS.Contrast = Contrast; })(); (function () { 'use strict'; class InitComponents { constructor(container) { this.container = container; this.containerEl = document.querySelector(this.container); this.init(); } init() { if (this.containerEl === null) return; this.buildComponents(); } buildComponents() { // ImageLoader Init this.imageLoader = new BUDS.ImageLoader(this.container, { visiblePoint: 0.5, loadOption: [ { resolution: 1920, attribute: 'data-src-pc', }, { resolution: 767, attribute: 'data-src-mobile', }, ], }); // VideoLoader Init this.videoLoader = new BUDS.VideoLoader(this.container, { visiblePoint: 1.5, videoLazyClass: '.js-video-src', responsiveClass: '.js-res-video', imageEndLazyClass: '.js-end-img-src', notLoadElement: ['.cm-layer'], loadOption: [ { resolution: 1920, attribute: 'data-media-pc', }, { resolution: 767, attribute: 'data-media-mo', }, ], }); // Intro new BUDS.HighlightCarousel('.highlight-carousel'); //Design & Comfortable Fit new BUDS.Welcome('.welcome', { motionStart: 0.3, motionEnd: 0.8, }); new BUDS.NewDesign('.new-design'); new BUDS.CommonVideo('.new-design'); new BUDS.Intuitive('.intuitive-control'); // Intelligently Sound new BUDS.CommonVideo('.sound-bigmo', { useController: true, controlTagging: { play: 'gbuds:highlights:sound:movi-play', pause: 'gbuds:highlights:sound:movi-pause', }, }); new BUDS.ScrollToggle('.crystal-tw', { direction: 'oneWay', motionStart: 0.5, selector: { target: '.crystal-tw__content', }, }); new BUDS.Amplifier('.crystal-amplifier', { selector: { target: '.crystal-amplifier__wrap', }, }); // Ecosystem & Essential new BUDS.Anc('.anc'); new BUDS.CommonVideo('.anc'); new BUDS.ImageTab('.translation'); new BUDS.CommonVideo('.auto-switch'); // new BUDS.CommonVideo('.connected-experience-detail'); new BUDS.CommonVideo('.connected-experience-detail__video-panel'); new BUDS.CommonVideo('.mindfulness'); new BUDS.ScrollToggle('.charging', { direction: 'oneWay', motionStart: 0.5, selector: { target: '.charging__content', }, }); // Compare new BUDS.Compare('.compare', { on: { updateImageLoader: (el) => { this.imageLoader.setResponsiveImage(el); }, }, }); // Contrast new BUDS.Contrast('.cp-high-contrast'); BUDS.Disclaimer.init({ updateImageLoader: (el) => { this.imageLoader.setResponsiveImage(el); }, }); // Global Navigation Init window.addEventListener('load', () => { setTimeout(() => { if (window.GALAXY && window.GALAXY.isGalaxy) { this.subNav = new BUDS.SubNav('#subnav'); } }, 5); }); } } new InitComponents('.wearable-buds'); })(); (function () { 'use script'; class ReviewComponent { constructor(container) { console.log("Hello Darshan") this.container = container this.containerEl = document.querySelector(this.container) this.setElements() this.init() } setElements() { this.swiperPagination = this.containerEl.querySelector(".wearable-buds3-review-pagination") this.swiperSlider = this.containerEl.querySelector(".wearable-buds3-review__wrap") this.swiper = null } init() { if (!this.containerEl || !this.swiperPagination || !this.swiperSlider) return; this.swiper = new Swiper(this.containerEl, { slidesPerView: 3, spaceBetween: 30, pagination: { el: this.swiperPagination, clickable: true, bulletActiveClass: 'is-active', }, breakpoints: { 300: { slidesPerView: 1, }, 767: { slidesPerView: 3, spaceBetween: 30 } } }); this.swiper.on('init', function () { const swiper = this const bullets = swiper.pagination.bullets; Array.from(bullets).forEach((bullet, index) => { bullet.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); swiper.slideTo(index); }); }); }) this.swiper.init() } } new ReviewComponent('.wearable-buds3-swiper') })(); }); // const detailtabButton1 = document.getElementById('detailtabButton1'); const detailtabButton2 = document.getElementById('detailtabButton2'); const detailtabButton3 = document.getElementById('detailtabButton3'); // const detailtab1 = document.getElementById('detailtab1'); const detailtab2 = document.getElementById('detailtab2'); const detailtab3 = document.getElementById('detailtab3'); // detailtabButton1.addEventListener('click', function () { // detailtab1.classList.toggle('is-active'); // detailtab2.classList.remove('is-active'); // detailtab3.classList.remove('is-active'); // detailtabButton1.classList.toggle('is-active'); // detailtabButton2.classList.remove('is-active'); // detailtabButton3.classList.remove('is-active'); // // detailtab1.style.display = 'flex'; // // detailtab2.style.display = 'none'; // // detailtab3.style.display = 'none'; // // document.querySelectorAll('#detailtab1.connected-experience-detail__tab-panel').forEach(x => x.style.display = 'flex'); // // document.querySelectorAll('#detailtab2.connected-experience-detail__tab-panel').forEach(x => x.style.display = 'none'); // // document.querySelectorAll('#detailtab3.connected-experience-detail__tab-panel').forEach(x => x.style.display = 'none'); // }); detailtabButton2.addEventListener('click', function () { detailtab2.classList.toggle('is-active'); // detailtab1.classList.remove('is-active'); detailtab3.classList.remove('is-active'); detailtabButton2.classList.toggle('is-active'); // detailtabButton1.classList.remove('is-active'); detailtabButton3.classList.remove('is-active'); // detailtab2.style.display = 'flex'; // detailtab1.style.display = 'none'; // detailtab3.style.display = 'none'; // document.querySelectorAll('#detailtab2.connected-experience-detail__tab-panel').forEach(x => x.style.display = 'flex'); // document.querySelectorAll('#detailtab1.connected-experience-detail__tab-panel').forEach(x => x.style.display = 'none'); // document.querySelectorAll('#detailtab3.connected-experience-detail__tab-panel').forEach(x => x.style.display = 'none'); }); detailtabButton3.addEventListener('click', function () { detailtab3.classList.toggle('is-active'); // detailtab1.classList.remove('is-active'); detailtab2.classList.remove('is-active'); detailtabButton3.classList.toggle('is-active'); // detailtabButton1.classList.remove('is-active'); detailtabButton2.classList.remove('is-active'); // detailtab3.style.display = 'flex'; // detailtab1.style.display = 'none'; // detailtab2.style.display = 'none'; // document.querySelectorAll('#detailtab3.connected-experience-detail__tab-panel').forEach(x => x.style.display = 'flex'); // document.querySelectorAll('#detailtab1.connected-experience-detail__tab-panel').forEach(x => x.style.display = 'none'); // document.querySelectorAll('#detailtab2.connected-experience-detail__tab-panel').forEach(x => x.style.display = 'none'); }); </script>  </div> <div class="static-content aem-GridColumn aem-GridColumn--default--12"> </div> </div> </div> </div> </div> </div> <footer class="footer">  <div class="footer"> <div class="footer-column"> <h2 class="hidden">Footer Navigation</h2> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-0">SHOP</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-0" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="shop"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/smartphones/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:phones" aria-label="Phones Phones">Phones</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/tablets/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:tablets" aria-label="Tablets Tablets">Tablets</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/watches/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:watches" aria-label="Watches Watches">Watches</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/mobile-accessories/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:mobile accessories" aria-label="Mobile Accessories Mobile Accessories">Mobile Accessories</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/mobile-audio/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:mobile audio" aria-label="Mobile Audio Mobile Audio">Mobile Audio</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/tvs/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:tv and home theater" aria-label="TV & Home Theater TV & Home Theater">TV & Home Theater</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/computing/laptops/all-laptops/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:computing" aria-label="Computing Computing">Computing</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/monitors/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:monitors" aria-label="Monitors Monitors">Monitors</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/memory-storage/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:memory and storage" aria-label="Memory & Storage Memory & Storage">Memory & Storage</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/home-appliances/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:home appliances" aria-label="Home Appliances Home Appliances">Home Appliances</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/smartthings/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:smart home" aria-label="Smart Home Smart Home">Smart Home</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/samsung-experience-store/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:samsung experience stores" aria-label="Samsung Experience Stores Samsung Experience Stores">Samsung Experience Stores</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/apps/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:apps and services" aria-label="Apps & Services Apps & Services">Apps & Services</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://www.samsung.com/us/explore/certified-re-newed-phones/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:shop certified renewed" aria-label="Shop Certified Re-Newed Shop Certified Re-Newed : Open in a New Window"> Shop Certified Re-Newed <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/peaceofmind/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:samsung authorized reseller program" aria-label="Samsung Authorized Reseller Program Samsung Authorized Reseller Program">Samsung Authorized Reseller Program</a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-1">SUPPORT</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-1" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="support"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="//www.samsung.com/us/support/?chat=auto" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:chat with us" aria-label="Chat with Us Chat with Us">Chat with Us</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/support/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:product support" aria-label="Product Support Product Support">Product Support</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/support/order-help/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:order support" aria-label="Order Support Order Support">Order Support</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/support/account/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:your account" aria-label="Your Account Your Account">Your Account</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/support/register/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:register your product" aria-label="Register Your Product Register Your Product">Register Your Product</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/support/service/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:request a repair" aria-label="Request a Repair Request a Repair">Request a Repair</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/support/contact/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:contact us" aria-label="Contact Us Contact Us">Contact Us</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://us.community.samsung.com/t5/Samsung-Community/ct-p/us" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:samsung community" aria-label="Samsung Community Samsung Community">Samsung Community</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//survey3.medallia.com/?web&c=1&lng=en" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:give feedback" aria-label="Give Feedback Give Feedback : Open in a New Window"> Give Feedback <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/support/range-knob-kit/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:slide in electric range recall" aria-label="Slide-in Electric Range Recall Slide-in Electric Range Recall">Slide-in Electric Range Recall</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/support/downloads/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:manuals and software" aria-label="Manuals & Software Manuals & Software">Manuals & Software</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://order-help.us.samsung.com/hc/en-us/articles/360057028614-What-is-Samsung-s-return-policy/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:returns" aria-label="Returns Returns">Returns</a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-2">OFFERS</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-2" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="offers"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://www.samsung.com/us/shop/all-deals/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:offers" aria-label="Offers Offers">Offers</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/rewards/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:samsung rewards" aria-label="Samsung Rewards Samsung Rewards">Samsung Rewards</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/referral/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:referral program" aria-label="Referral Program Referral Program">Referral Program</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/shop/discount-program/education/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:education offers program" aria-label="Education Offers Program Education Offers Program">Education Offers Program</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/shop/discount-program/government/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:government offers program" aria-label="Government Offers Program Government Offers Program">Government Offers Program</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/shop/discount-program/military/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:military offers program" aria-label="Military Offers Program Military Offers Program">Military Offers Program</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/shop/discount-program/workplace/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:employee offers program" aria-label="Employee Offers Program Employee Offers Program">Employee Offers Program</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/shop/discount-program/first-responders/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:first responders offers program" aria-label="First Responders Offers Program First Responders Offers Program">First Responders Offers Program</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/shop/all-deals/small-business-deals/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="offers:business offers program" aria-label="Business Offers Program Business Offers Program">Business Offers Program</a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-3">SUSTAINABILITY</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-3" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="sustainability"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/sustainability/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:overview" aria-label="Overview Overview">Overview</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/sustainability/environment/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:environment" aria-label="Environment Environment">Environment</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://www.samsung.com/us/about-us/digital-responsibility/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:digital responsibility" aria-label="Digital Responsibility Digital Responsibility">Digital Responsibility</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/sustainability/security-and-privacy/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:security and privacy" aria-label="Security and Privacy Security and Privacy">Security and Privacy</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/accessibility/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:accessibility" aria-label="Accessibility Accessibility">Accessibility</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://www.samsung.com/us/about-us/labor-and-human-rights/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:labor and human rights" aria-label="Labor & Human Rights Labor & Human Rights">Labor & Human Rights</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://www.samsung.com/us/about-us/diversity-and-inclusion/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:diversity equity inclusion" aria-label="Diversity ∙ Equity ∙ Inclusion Diversity Equity Inclusion">Diversity ∙ Equity ∙ Inclusion</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/sustainability/sustainable-supply-chain/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:sustainable supply chain" aria-label="Sustainable Supply Chain Sustainable Supply Chain">Sustainable Supply Chain</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="http://csr.samsung.com/en/main.do" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:corporate citizenship" aria-label="Corporate Citizenship Corporate Citizenship : Open in a New Window"> Corporate Citizenship <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://www.samsung.com/global/sustainability/main/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:corporate sustainability" aria-label="Corporate Sustainability Corporate Sustainability : Open in a New Window"> Corporate Sustainability <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> </div> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-3-2">ABOUT US</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-3-2" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="about us"> <span class="hidden">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/about-us/leadership-and-mission/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:leadership and mission" aria-label="Leadership & Mission Leadership & Mission"> Leadership & Mission </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/about-us/our-business/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:our business" aria-label="Our Business Our Business"> Our Business </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/about-us/brand-identity/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:brand identity" aria-label="Brand Identity Brand Identity"> Brand Identity </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/careers/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:careers" aria-label="Careers Careers"> Careers </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://www.samsung.com/global/ir/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:investor relations" aria-label="Investor Relations Investor Relations : Open in a New Window"> Investor Relations <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://news.samsung.com/us/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:newsroom" aria-label="Newsroom Newsroom : Open in a New Window"> Newsroom <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/us/about-us/ethics/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:ethics" aria-label="Ethics Ethics"> Ethics </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="http://design.samsung.com/global/index.html" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:samsung design" aria-label="Samsung Design Samsung Design : Open in a New Window"> Samsung Design <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> </div> </div> </div> <div class="footer-bottom"> <div class="footer-copyright-wrap"> <div class="footer-copyright-align"> <p class="footer-copyright">Copyright© 1995-2024 SAMSUNG All Rights Reserved.</p> </div> <div class="footer-language"> <a class="footer-language__anchor" href="/us/function/ipredirection/ipredirectionLocalList/" aria-label="Choose your location or language" an-tr="nv02_footer bottom--cta-locallist" an-ca="navigation" an-ac="footer" an-la="bottom:country selector:locallist">USA/ENGLISH</a> </div> <div class="footer-local-logo"> <div class="footer-local-logo--wrap"> <div class="footer-local-logo__item"> <a class="footer-mark__link" href="https://samsung.attn.tv/p/Vbx/landing-page" target="_blank" an-tr="nv02_footer bottom--cta-logo" an-ca="navigation" an-ac="footer" an-la="bottom:local logo:never miss a thing sign up for texts to be notified about our best offers" aria-label="Open in a New Window"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/content/samsung/assets/us/footer/text-banner-2.svg" data-mobile-src="//images.samsung.com/is/content/samsung/assets/us/footer/text-banner-2.svg" alt="Never miss a thing. Sign up for texts to be notified about our best offers"/> </div> </a> </div> </div> </div> </div> <div class="footer-language-wrap" an-tr="nv02_footer bottom--text-scroll" an-ca="scroll" an-ac="scroll:100" an-la="scroll:100"> <div class="footer-language"> <a class="footer-language__anchor" href="/us/function/ipredirection/ipredirectionLocalList/" aria-label="Choose your location or language" an-tr="nv02_footer bottom--cta-locallist" an-ca="navigation" an-ac="footer" an-la="bottom:country selector:locallist">USA/ENGLISH</a> </div> <div class="footer-terms"> <ul class="footer-terms__list" role="list"> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/us/privacy/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:privacy" aria-label="Privacy">Privacy</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="javascript:OneTrust.ToggleInfoDisplay()" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:do not sell or share my personal information" aria-label="Do Not Sell Or Share My Personal Information">Do Not Sell Or Share My Personal Information</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/us/privacy-policy/washington-privacy-notice/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:washington privacy notice" aria-label="Washington Privacy Notice">Washington Privacy Notice</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="https://www.samsung.com/us/common/legal.html" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:legal" aria-label="Legal">Legal</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/us/accessibility/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:accessibility help" aria-label="Accessibility Help">Accessibility Help</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="https://www.samsung.com/us/common/sitemap.html" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:sitemap" aria-label="Sitemap">Sitemap</a> </li> </ul> </div> <div class="footer-sns"> <span class="footer-sns__title">STAY IN THE LOOP?</span> <ul class="footer-sns__list" role="list"> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://www.facebook.com/SamsungUS" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:facebook" aria-label="Facebook : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#facebook-bold" href="#facebook-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://twitter.com/SamsungUS" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:twitter" aria-label="Twitter : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#twitter-bold" href="#twitter-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://www.instagram.com/samsungmobileusa/" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:instagram" aria-label="Instagram : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#instagram-bold" href="#instagram-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://www.youtube.com/samsungus" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:youtube" aria-label="YouTube : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#youtube-bold" href="#youtube-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://www.samsung.com/us/emailsignup/" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:email to" aria-label="Email to : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#mailto-bold" href="#mailto-bold"></use> </svg> </a> </li> </ul> </div> </div> </div> </div> </footer> <button class="fab" an-tr="nv02_footer bottom--text-back to top" an-ca="indication" an-ac="back to top" an-la="back to top" title="Go to Top">Go to Top <svg class="fab__icon" focusable="false"> <use xlink:href="#up-highest-bold" href="#up-highest-bold"></use> </svg> </button>  <script src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.js"></script> <script src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-base-new-gnb.min.js"></script>     <input type="hidden" value="/us/account/wishlist/" id="WishlistPopupUrl"/> <div class="wishlist-popup"> <div class="layer-popup" id="wishlist-popup" role="dialog" style="display:block" aria-modal="true"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> <h2 class="layer-popup__title"></h2> <div class="wishlist-popup__desc"></div> <div class="wishlist-popup__selectbox__wrap"> <div class="wishlist-popup__selectbox"> <div class="wishlist-popup__selectbox-inner"> <div class="menu filled"> <select class="menu__select" data-default-message="My Wishlist" tabindex="-1"> <option value="">My Wishlist 1</option> <option value="">My Wishlist 2</option> <option value="">My Wishlist 3</option> <option value="">My Wishlist 4</option> <option value="">My Wishlist 5</option> <option value="">My Wishlist 6</option> <option value="">My Wishlist 7</option> <option value="">My Wishlist 8</option> <option value="">My Wishlist 9</option> </select> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false"> <span class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold"></use> </svg> </button> </div> </div> </div> </div> </div> <div class="wishlist-popup__cta-wrap"> <div class="wishlist-popup__cta"> <a class="cta cta--outlined cta--black" href="#" role="button" aria-label="Link Title"></a> </div> <div class="wishlist-popup__cta"> <a class="cta cta--contained cta--emphasis" href="#" role="button"></a> </div> </div> <button type="button" class="layer-popup__close wishlist-popup__close"> <span class="hidden">Close popup</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <section class="ftd18-register-product popup" role="dialog" aria-modal="true" data-comp-name="popup" data-auto-init="false" id="ftd18RegisterProduct"> <div class="popup__dimmed"></div> <div class="popup__contents-wrap"> <div class="popup__contents"> <div class="popup__inner-wrap"> <div class="popup__inner"> <div class="ftd18-register-product-popup" data-comp-name="registerProduct" data-auto-init="false"> <div class="ftd18-register-product__step-1 show"> <h2 class="ftd18-register-product__title">Product Registration</h2> <p class="ftd18-register-product__desc" data-js-action="RegisterDescription">Quick and easy product registration..<br/>Receive up-to-date personalized services and tips.</p> <div class="ftd18-register-product__step-1-inner"> <div class="ftd18-register-product__step-1__reg-list" role="list"> <div class="ftd18-register-product__step-1__reg" role="listitem"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#retention-registration-step01-serialnumber" href="#retention-registration-step01-serialnumber"></use> </svg> <div class="ftd18-register-product__step-1__reg__inner"> <strong class="ftd18-register-product__step-1__reg__title">Serial Number / IMEI</strong> <p class="ftd18-register-product__step-1__reg__desc">Enter your Serial Number/IMEI</p> <button class="cta cta--contained cta--black" data-js-action="serialnumberBtn" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:product registration:enter serial number/imei"> Enter serial number/IMEI </button> </div> </div> <div class="ftd18-register-product__step-1__reg" role="listitem"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#retention-registration-step01-qr" href="#retention-registration-step01-qr"></use> </svg> <div class="ftd18-register-product__step-1__reg__inner"> <strong class="ftd18-register-product__step-1__reg__title">QR Scan</strong> <p class="ftd18-register-product__step-1__reg__desc">Scan the QR code on your products for easy registration.</p> <p class="ftd18-register-product__step-1__reg__sub-desc">* This feature can only be supported on Samsung Home Appliances and non-smart B2C monitors.</p> <button class="cta cta--contained cta--black" data-js-action="qrscanBtn" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:product registration:scan qr"> Scan QR code </button> </div> </div> </div> </div> </div> <div class="ftd18-register-product__step-2"> <h2 class="ftd18-register-product__title">Enter your Serial Number/IMEI</h2> <p class="ftd18-register-product__desc myd16-register-description">Quick and easy product registration.</p> <div class="ftd18-register-product__step-2-inner"> <div class="text-field-v2" data-comp-name="textFieldv2" data-auto-init="false"> <label class="text-field-v2__hint" for="serial-imei">Serial Number / IMEI</label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="serial-imei" type="text" autocomplete="on"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text assistive" id="serial-imei-assistive" aria-hidden="true">Please enter the 11 or 15- digit number.</p> <p class="text-field-v2__text error" id="serial-imei-error" aria-hidden="true">This product is already registered. Make sure you entered the right serial number or IMEI.</p> </div> <div class="ftd18-register-product__step-2__how-to-find-model-code"> <button class="ftd18-register-product__step-2__how-to-find-model-code__cta" data-i18n-expand="Expand" data-i18n-collapse="Collapse" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:how to find serial number or imei"> How to find Serial Number or IMEI <span class="hidden">Expand</span> <svg class="icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> <div class="ftd18-register-product__step-2__how-to-find-model-code-inner"> <div class="ftd18-register-product__step-2__select-wrap"> <ul class="ftd18-register-product__step-2__select-list" role="list"> <li class="ftd18-register-product__step-2__select" role="listitem"> <div class="ftd18-register-product__step-2__select__menu"> <div class="menu menu--text-field" data-comp-name="menu" data-auto-init="false" data-type="textField" data-tagging-button> <select class="menu__select" aria-labelledby="type-hint" tabindex="-1" data-js-action="howToFindTypeSelect"> <option selected value="TV & AV" an-tr="an-tr-tv-av" an-ca="an-ca-tv-av" an-ac="an-ac-tv-av" an-la="an-la-tv-av">TV & AV</option> <option value="Mobile Device" an-tr="an-tr-mobile-device" an-ca="an-ca-mobile-device" an-ac="an-ac-mobile-device" an-la="an-la-mobile-device">Mobile Device</option> <option value="Home Appliance">Home Appliance</option> <option value="PC & Office">PC & Office</option> <option value="Camera & Camcorder">Camera & Camcorder</option> </select> <p id="type-hint" class="menu--text-field__hint">Type</p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="type-hint type-text" type="button"> <span id="type-text" class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> </li> <li class="ftd18-register-product__step-2__select" role="listitem"> <div class="ftd18-register-product__step-2__select__menu"> <div class="menu menu--text-field" data-comp-name="menu" data-auto-init="false" data-type="textField" data-tagging-button> <select class="menu__select" aria-labelledby="sub-type-hint" tabindex="-1"> <option selected value="Television">Television</option> <option value="Blu-ray">Blu-ray</option> <option value="Home cinema">Home cinema</option> <option value="MP3/MP4 Player">MP3/MP4 Player</option> </select> <p id="sub-type-hint" class="menu--text-field__hint">Sub Type</p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="sub-type-hint sub-type-text" type="button"> <span id="sub-type-text" class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> </li> <li class="ftd18-register-product__step-2__select" role="listitem"> <div class="ftd18-register-product__step-2__select__menu"> <div class="menu menu--text-field" data-comp-name="menu" data-auto-init="false" data-type="textField" data-tagging-button> <select class="menu__select" aria-labelledby="category-hint" tabindex="-1"> <option selected value="SUHD">SUHD</option> <option value="UHD">UHD</option> <option value="FHD">FHD</option> <option value="HD">HD</option> </select> <p id="category-hint" class="menu--text-field__hint">Category</p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="category-hint category-text" type="button"> <span id="category-text" class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> </li> </ul> </div> <div class="ftd18-register-product__step-2__swiper-wrap"> <div class="ftd18-register-product__step-2__swiper swiper-container basic-swiper" data-swiper-option='{ "slidesPerView": 1, "keepWrapper": true, "autoHeight": true, "loop": false, "pagination": true, "componentEl": ".ftd18-register-product-popup", "followFinger": true }' data-comp-name="swiper" data-auto-init="false"> <div class="swiper-wrapper"> <div class="ftd18-register-product__step-2__swiper__slide swiper-slide" data-type-headline="How to find Serial Number or IMEI 1" role="tabpanel" id="slide-0"> <div class="ftd18-register-product__step-2__swiper__slide__image"> <div class="image"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" alt="" role="img" data-comp-name="image" data-auto-init="false"/> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" alt="" role="img" data-comp-name="image" data-auto-init="false"/> </div> </div> <div class="ftd18-register-product__step-2__swiper__slide__title">Back view</div> <div class="ftd18-register-product__step-2__swiper__slide__desc">The serial number and model name are printed on the label located on the lower left side of the device’s exterior, near the front. They are also on a second label, inside the refrigerator compartment on a side wall above the top shelf.</div> </div> <div class="ftd18-register-product__step-2__swiper__slide swiper-slide" data-type-headline="How to find Serial Number or IMEI 2" role="tabpanel" id="slide-1"> <div class="ftd18-register-product__step-2__swiper__slide__image"> <div class="image"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" alt="" role="img" data-comp-name="image" data-auto-init="false"/> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" alt="" role="img" data-comp-name="image" data-auto-init="false"/> </div> </div> <div class="ftd18-register-product__step-2__swiper__slide__title">Back view</div> <div class="ftd18-register-product__step-2__swiper__slide__desc">The serial number and model name are printed on the label located on the lower left side of the device’s exterior, near the front. They are also on a second label, inside the refrigerator compartment on a side wall above the top shelf.</div> </div> </div> </div> <div class="indicator dot-indicator" data-indicator-data='{ "type": "dot-indicator", "play": true, "autoRolling": false, "infiniteRolling": false }' data-comp-name="indicator" data-auto-init="false"> <div class="indicator-wrap"> <div class="indicator__list-wrap"> <div class="indicator__list" role="tablist"> <button class="indicator__item" role="tab"> <span class="indicator__dot-wrap"> <span class="indicator__dot"> <span class="indicator__dot-inner"></span> </span> <span class="hidden"></span> </span> </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ftd18-register-product__btn-wrap">  <button class="cta cta--outlined cta--black" data-action="back" data-js-action="backto1Btn" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:back"> Back </button>  <button class="cta cta--contained cta--black" data-action="check" data-js-action="checkBtn" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:check"> Check </button> </div> </div> <div class="ftd18-register-product__step-3"> <h2 class="ftd18-register-product__title">Product registration is almost complete!!</h2> <p class="ftd18-register-product__desc">You've entered a valid S/N or IMEI. Now select the model of your product.</p> <div class="ftd18-register-product__step-3-inner"> <div class="ftd18-register-product__step-3__category-list" data-i18n-selected="selected" role="list"> </div> <div class="ftd18-register-product__step-3__search"> <div class="ftd18-register-product__step-3__search__input-container"> <button class="ftd18-register-product__step-3__search__input__back"> <span class="hidden">Back</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#backward-bold" href="#backward-bold"></use> </svg> </button> <div class="ftd18-register-product__step-3__search__input-wrap"> <label class="ftd18-register-product__step-3__search__input-label" for="model-code-search">Enter your Model Number</label> <bdi><input class="ftd18-register-product__step-3__search__input" type="text" id="model-code-search" autocomplete="on"/></bdi> <button class="ftd18-register-product__step-3__search__input-icon delete" aria-label="delete" type="button" an-tr="ftd18_register product popup-flagship pdp-delete-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:delete model number"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <button class="ftd18-register-product__step-3__search__input-icon search" aria-label="search" type="submit" an-tr="ftd18_register product popup-flagship pdp-delete-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:search model number"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#search-bold" href="#search-bold"></use> </svg> </button> </div> </div> <h3 class="ftd18-register-product__step-3__search__result__title">Suggested Searches</h3> <div class="ftd18-register-product__step-3__search__result-list-wrap scrollbar" data-auto-init="false" data-comp-name="scrollbar" data-auto-resize> <ul class="ftd18-register-product__step-3__search__result-list scrollbar__contents" role="list"> </ul> </div> <div class="ftd18-register-product__step-3__search__result__error" aria-live="polite">No result. Please try again.</div> </div> </div> <div class="ftd18-register-product__btn-wrap"> <button class="cta cta--outlined cta--black" data-action="back" data-js-action="backto2Btn" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:back"> Back </button> <button class="cta cta--contained cta--black cta--disabled" disabled data-action="select" data-js-action="selectBtn" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:select"> Select </button> </div> </div> </div> </div> </div> <button class="popup__close" an-tr="ftd18_register product popup-flagship pdp-register popup-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:close"> <span class="hidden">Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </section> <section class="ftd18-register-product-completion popup popup--alert" role="dialog" aria-modal="true" data-comp-name="popup" data-auto-init="false" id="ftd18RegisterProductCompletion"> <div class="popup__dimmed"></div> <div class="popup__contents-wrap"> <div class="popup__contents"> <div class="popup__inner-wrap"> <div class="popup__inner"> <div class="image" data-js-action="ftd18RegisterProductImage"> <img class="image__main lazy-load-man" data-src="https://via.placeholder.com/120x120" alt="" data-comp-name="image" data-auto-init="false"/> </div> <h2 class="ftd18-register-product__title" data-js-action="ftd18RegisterProductTitle">Galaxy Book3 Ultra</h2> <p class="ftd18-register-product__desc" data-js-action="ftd18RegisterProductSku">SM-G996BZKGEUA</p> <p class="ftd18-register-product__desc" data-js-action="ftd18RegisterProductSerial">Serial Number: R3CR508WNAH</p> </div> </div> <div class="popup__btn-wrap"> <button class="cta cta--contained cta--black" data-js-action="confirmBtn" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:confirm"> Confirm </button> </div> <button class="popup__close" an-tr="ftd18_register product popup-flagship pdp-register popup-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:close"> <span class="hidden">Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </section> <section class="ftd18-register-product-qr-scan-error popup popup--alert" role="dialog" aria-modal="true" data-comp-name="popup" data-auto-init="false" id="ftd18RegisterProductQRScanError"> <div class="popup__dimmed"></div> <div class="popup__contents-wrap"> <div class="popup__contents"> <div class="popup__inner-wrap"> <div class="popup__inner"> <h2 class="ftd18-register-product__title">The device you are currently using does not support the camera function.</h2> <p class="ftd18-register-product__desc">Please try again with a different device.</p> </div> </div> <div class="popup__btn-wrap"> <button class="cta cta--contained cta--black" data-js-action="alertBtn" data-action="confirm" an-tr="ftd18_register product popup-flagship pdp-error pop up-content_click" an-ca="content click" an-ac="feature" an-la="error popup:confirm"> Confirm </button> </div> <button class="popup__close"> <span class="hidden">Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </section> <script type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-flagship/compact.min.f114d526cc7daa60de701d9c61352cd0.js" async></script> <script type="text/javascript" src="/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-register-product-popup/clientlibs/site.min.dafd77163230537bc1676db49155b48c.js" async></script> <script type="text/javascript" src="/etc.clientlibs/samsung/components/content/epp/common/ep-cm-g-barcode-scanner-popup/clientlibs/site.min.88306b852289a614c4cd5bb5f639dcaa.js" async></script> <script src="/etc.clientlibs/samsung/components/content/consumer/global/product/pd-g-floating-nav/clientlibs/site.min.js" async></script> <script src="/etc.clientlibs/samsung/components/content/consumer/global/common/cm-g-static-content/clientlibs/site.min.js" async></script> <script type="application/ld+json" data-type="seo" data-object-type="WebPage" data-id="70a4b4ae-e376-4f4e-bb29-cd5de2811bd3">{"@context":"http://schema.org","@type":"WebPage","name":"Explore Galaxy Buds3 Pro | In-Ear Wireless Earbuds | Samsung US","url":"https://www.samsung.com/us/mobile-audio/galaxy-buds3-pro/"}</script> </div> </body> </html>

CINXE.COM

Explore Galaxy Buds3 Pro | In-Ear Wireless Earbuds | Samsung US