Explore Galaxy Ring | Smart Ring

<!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 Ring | Smart Ring | Samsung US</title> <meta name="title" content="Explore Galaxy Ring | Smart Ring | Samsung US"/> <link rel="canonical" href="https://www.samsung.com/us/rings/galaxy-ring/"/> <meta name="keywords" content="Galaxy Ring"/> <meta name="description" content="Discover the Galaxy Ring, the premium smart ring from Samsung that delivers a timeless, durable design with powerful health and fitness tracking utilizing Galaxy AI."/> <meta name="date" content="2025-02-14"/> <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/rings/galaxy-ring/"/> <meta name="twitter:title" content="Explore Galaxy Ring | Smart Ring | Samsung US"/> <meta name="twitter:description" content="Discover the Galaxy Ring, the premium smart ring from Samsung that delivers a timeless, durable design with powerful health and fitness tracking utilizing Galaxy AI."/> <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/rings/galaxy-ring/"/> <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 Ring | Smart Ring | Samsung US"/> <meta property="og:description" content="Discover the Galaxy Ring, the premium smart ring from Samsung that delivers a timeless, durable design with powerful health and fitness tracking utilizing Galaxy AI."/> <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/rings/galaxy-ring/"/> <meta property="description" content="Discover the Galaxy Ring, the premium smart ring from Samsung that delivers a timeless, durable design with powerful health and fitness tracking utilizing Galaxy AI."/> <meta property="keywords" content="Galaxy Ring"/> <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-ux2.min.e5097dd9e096a9180c2f3393ea58b2ca.css" type="text/css"> <link rel="preload" as="image" href="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-Hero-KV-Static-M-720x1200.jpg?imbypass=true" media="(max-width:767px)"/> <link rel="preload" as="image" href="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-Hero-KV-Static-M-720x1200.jpg?imbypass=true" media="(min-width:768px)"/> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-flagship/compact.min.454aded12b7ebd257759842eb199ba22.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" : "L2NvbnRlbnQvc2Ftc3VuZy91cy9yaW5ncy9nYWxheHktcmluZw==", "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="bdpnbeqxjpkdmz6el5ia-f-a725825a1-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":"41621d60","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":48514,"ak.gh":"184.28.235.37","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1740922704","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==KzOTL2QXaWTVHkKIgHW4JQexaDmgkJUwOoyR8hJ1/aJJSUFFpE811/T0zzot3z3rS865jyHkCZTm5KN8zE4HeY5VLrilmGY+wrnbZlWuYwhNarZUk5+2dvG3DTG80asjF9T6KSEe81zmdJaHsN0duVzfCNsX7YWRQ3F6tENzKUcP2jl12Win/vP3j+0D8wdKsTKUBpVrqAQexHmcQHqd1pdDQkprylH1owHmdZDc4zOCkXO1SlBuZ5jb5B5TAlagdEWurXimEvwsFjvpYHQ8XI1bIGRmoroqzp88XJg5PhPJ80XhcoeDXXO4AlfxvOhAPFXUedI4rSwZO5xzwltK1DD/Qx3noFCPQTnKr1rVdgftaU8HntAJLQ319BMP/avjhvpu6y29FRNxY103t0m9dofYBhLq6ZykZxv4j3nZyYg=","ak.pv":"3790","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" data-country-codes="us"> <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="us" data-country-type="location">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="2025-02-27 09:48:35"/> <input type="hidden" name="cck" id="cck" value="cedc6238tqcf1t4f0vl7g50mc70d6a5a"/> <input type="hidden" name="gPriceCurrency" id="gPriceCurrency" value="USD"/> <input type="hidden" name="pageTrack" id="pageTrack" value="flagship pdp"/> <script> var gnbNewModelJson = {"gnbLeftModelList":[{"menuPosition":"left","layoutType":"3t6c","fullBleedFlag":"false","featureThumbnailsTitle":"New \u0026 Featured","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02242025/DSE_Logo-GNB-Image-336x252.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02242025/DSE_Logo-GNB-Image-336x252.png","imageAlt":"Discover Samsung Sale","imageAltEng":"Discover Samsung Sale","description":"Discover Samsung Sale","descriptionEng":"Discover Samsung Sale","linkType":"move","linkUrl":"/us/discover-samsung-event/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Shop-Home-176x176-v2.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Shop-Home-176x176-v2.png","imageAlt":"Just Arrived","imageAltEng":"Just Arrived","description":"Just Arrived","descriptionEng":"Just Arrived","linkType":"move","linkUrl":"/us/featured/new-releases/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Game-Day-Shop-176x176-v2.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Game-Day-Shop-176x176-v2.png","imageAlt":"Game Day Shop","imageAltEng":"Game Day Shop","description":"Game Day Shop","descriptionEng":"Game Day Shop","linkType":"move","linkUrl":"/us/featured/game-day-essentials/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Gift-Ideas-176x176-v2.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Gift-Ideas-176x176-v2.png","imageAlt":"Gift Ideas","imageAltEng":"Gift Ideas","description":"Gift Ideas","descriptionEng":"Gift Ideas","linkType":"move","linkUrl":"/us/gift-ideas/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02032025/SDSAC-8791-TabA9-Kids-GW-176x176-1.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02032025/SDSAC-8791-TabA9-Kids-GW-176x176-1.png","imageAlt":"Tech for Kids","imageAltEng":"Tech for Kids","description":"Tech for Kids","descriptionEng":"Tech for Kids","linkType":"move","linkUrl":"/us/featured/parents-zone-tech-for-kids/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Discover Samsung Sale","englishName":"Discover Samsung Sale","linkType":"move","linkUrl":"/us/discover-samsung-event/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"All Offers","englishName":"all offers","linkType":"move","linkUrl":"/us/shop/all-deals/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Smartphone Offers","englishName":"smartphone offers","linkType":"move","linkUrl":"/us/shop/all-deals/cell-phone-deals/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Watches \u0026 Audio Offers","englishName":"watches and audio","linkType":"move","linkUrl":"/us/shop/all-deals/watches-audio-accessories-deals/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"TV \u0026 Home Theater Offers","englishName":"tv and home theater","linkType":"move","linkUrl":"/us/shop/all-deals/tv-and-home-theater-deals/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Appliance Offers ","englishName":"appliances","linkType":"move","linkUrl":"/us/shop/all-deals/home-appliance-and-smart-home-sales/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Tablets \u0026 Computing Offers","englishName":"tablets and computing","linkType":"move","linkUrl":"/us/shop/all-deals/tablets-laptops-computers-deals/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Monitors, Memory \u0026 Storage Offers","englishName":"monitors memory and storage","linkType":"move","linkUrl":"/us/shop/all-deals/memory-monitor-storage-deals/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","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"},{"shopLiveUseFlag":"false","displayName":"T-Mobile Offers","englishName":"tmobile offers","linkType":"move","linkUrl":"/us/shop/all-deals/cell-phone-deals/?familyId\u003dALL\u0026popId\u003dAD_Phones_TMO","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"AT\u0026T Offers","englishName":"att offers","linkType":"move","linkUrl":"/us/shop/all-deals/cell-phone-deals/?familyId\u003dALL\u0026popId\u003dAD_Phones_ATT","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Offers","englishName":"offers","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"New Galaxy Club","englishName":"New Galaxy Club","linkType":"move","linkUrl":"/us/smartphones/new-galaxy-club/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung Trade-in","englishName":"samsung trade in","linkType":"move","linkUrl":"/us/trade-in/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung Rewards","englishName":"samsung rewards","linkType":"move","linkUrl":"/us/rewards/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"VIP Advantage","englishName":"vip advantage","linkType":"move","linkUrl":"/us/rewards/vip-advantage/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung Referral Program","englishName":"samsung referral program","linkType":"move","linkUrl":"/us/referral/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Payment Options","englishName":"payment options","linkType":"move","linkUrl":"/us/payments/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung Shop App","englishName":"samsung shop app","linkType":"move","linkUrl":"/us/apps/shop-samsung-app/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Benefits","englishName":"benefits","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"All Offer Programs","englishName":"all offer programs","linkType":"move","linkUrl":"/us/shop/offer-program/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Education","englishName":"education","linkType":"move","linkUrl":"/us/shop/offer-program/education/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"First Responders","englishName":"first responders","linkType":"move","linkUrl":"/us/shop/offer-program/first-responders/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Military","englishName":"military","linkType":"move","linkUrl":"/us/shop/offer-program/military/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Government","englishName":"government","linkType":"move","linkUrl":"/us/shop/offer-program/government/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Workplace","englishName":"Workplace","linkType":"move","linkUrl":"/us/shop/offer-program/workplace/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Samsung Offer Programs","englishName":"samsung offer programs","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":2,"displayName":"Offer","englishName":"offer","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"left","layoutType":"1t10c","fullBleedFlag":"false","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/GNB_P3_176x176.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/GNB_P3_176x176.png","imageAlt":"Galaxy S25 Ultra","imageAltEng":"galaxy s25 ultra","description":"Galaxy S25 Ultra","descriptionEng":"galaxy s25 ultra","linkType":"move","linkUrl":"/us/smartphones/galaxy-s25-ultra/","badgeFlag":"true","badgeText":"NEW","badgeType":"new","badgePeriod":"20250119|20250601","badgeEnabled":true},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/GNB_P1P2_176x176.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/GNB_P1P2_176x176.png","imageAlt":"Galaxy S25 | S25+","imageAltEng":"galaxys 25s 25 plus","description":"Galaxy S25 | S25+","descriptionEng":"galaxys 25s 25 plus","linkType":"move","linkUrl":"/us/smartphones/galaxy-s25/","badgeFlag":"true","badgeText":"NEW","badgeType":"new","badgePeriod":"20250119|20250601","badgeEnabled":true},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_z_fold6_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_z_fold6_updated.png","imageAlt":"Galaxy Z Fold6","imageAltEng":"galaxy z fold6","description":"Galaxy Z Fold6","descriptionEng":"galaxy z fold6","linkType":"move","linkUrl":"/us/smartphones/galaxy-z-fold6/","badgeFlag":"true","badgeText":"NEW","badgeType":"new","badgePeriod":"20241206|20250105","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_z_flip6_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_z_flip6_updated.png","imageAlt":"Galaxy Z Flip6","imageAltEng":"galaxy z flip6","description":"Galaxy Z Flip6","descriptionEng":"galaxy z flip6","linkType":"move","linkUrl":"/us/smartphones/galaxy-z-flip6/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxy_s24_fe_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxy_s24_fe_updated.png","imageAlt":"Galaxy S24 FE","imageAltEng":"galaxy s24 fe","description":"Galaxy S24 FE","descriptionEng":"galaxy s24 fe","linkType":"move","linkUrl":"/us/smartphones/galaxy-s24-fe/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxytab10_series_updated_1.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxytab10_series_updated_1.png","imageAlt":"Galaxy Tab S10 Series","imageAltEng":"galaxy tab s10 series","description":"Galaxy Tab S10 Series","descriptionEng":"galaxy tab s10 series","linkType":"move","linkUrl":"/us/tablets/galaxy-tab-s10/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxy_watch_ultra_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxy_watch_ultra_updated.png","imageAlt":"Galaxy Watch Ultra","imageAltEng":"galaxy watch ultra","description":"Galaxy Watch Ultra","descriptionEng":"galaxy watch ultra","linkType":"move","linkUrl":"/us/watches/galaxy-watch-ultra/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxy_buds3_pro_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxy_buds3_pro_updated.png","imageAlt":"Galaxy Buds3 Pro","imageAltEng":"Galaxy Buds3 Pro","description":"Galaxy Buds3 Pro","descriptionEng":"Galaxy Buds3 Pro","linkType":"move","linkUrl":"/us/mobile-audio/galaxy-buds3-pro/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/Galaxy-Book5-Pro_Home_GNB176x176_US.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/Galaxy-Book5-Pro_Home_GNB176x176_US.png","imageAlt":"Galaxy Book5 Pro","imageAltEng":"Galaxy Book5 Pro","description":"Galaxy Book5 Pro","descriptionEng":"Galaxy Book5 Pro","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book5-pro/","badgeFlag":"true","badgeText":"NEW","badgeType":"new","badgePeriod":"20250119|20250331","badgeEnabled":true},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_galaxy_ai.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_galaxy_ai.png","imageAlt":"Galaxy AI","imageAltEng":"galaxy ai","description":"Galaxy AI","descriptionEng":"galaxy ai","linkType":"move","linkUrl":"/us/galaxy-ai/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Smartphone Offers","englishName":"Smartphone Offers","linkType":"move","linkUrl":"/us/shop/all-deals/cell-phone-deals/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Tablet \u0026 Computing Offers ","englishName":"Tablet and Computing Offers","linkType":"move","linkUrl":"/us/shop/all-deals/tablets-laptops-computers-deals/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Watch \u0026 Audio Offers","englishName":"Watch and Audio Offers","linkType":"move","linkUrl":"/us/shop/all-deals/watches-audio-accessories-deals/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Discover Mobile","englishName":"discover mobile","linkType":"move","linkUrl":"/us/mobile/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Smartphone","englishName":"galaxy smartphone","linkType":"move","linkUrl":"/us/smartphones/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Tab","englishName":"galaxy tab","linkType":"move","linkUrl":"/us/tablets/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Book","englishName":"galaxy book","linkType":"move","linkUrl":"/us/galaxybooks/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Watch\n","englishName":"galaxy watch","linkType":"move","linkUrl":"/us/watches/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Buds","englishName":"galaxy buds","linkType":"move","linkUrl":"/us/mobile-audio/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Ring","englishName":"galaxy ring","linkType":"move","linkUrl":"/us/rings/galaxy-ring/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Accessories","englishName":"galaxy accessories","linkType":"move","linkUrl":"/us/mobile-accessories/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Why Galaxy\n","englishName":"why galaxy","linkType":"move","linkUrl":"/us/mobile/why-galaxy/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Switch to Galaxy\n","englishName":"switch to galaxy","linkType":"move","linkUrl":"/us/mobile/switch-to-galaxy","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Certified Re-Newed","englishName":"certified renewed","linkType":"move","linkUrl":"/us/smartphones/certified-re-newed-phones/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Apps \u0026 Services\n","englishName":"apps and services","linkType":"move","linkUrl":"/us/apps/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Mobile","englishName":"Mobile","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":0,"displayName":"Mobile","englishName":"Mobile","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"left","layoutType":"3t6c","fullBleedFlag":"false","featureThumbnailsTitle":"N/A","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_tvs.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_tvs.png","imageAlt":"Discover TVs","imageAltEng":"discover tvs","description":"Discover TVs","descriptionEng":"discover tvs","linkType":"move","linkUrl":"/us/tvs","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_sound_devices.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_sound_devices.png","imageAlt":"Discover Sound Devices","imageAltEng":"discover sound devices","description":"Discover Sound Devices","descriptionEng":"discover sound devices","linkType":"move","linkUrl":"/us/home-theater/soundbars-and-home-audio/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_lifestyle_tvs.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_lifestyle_tvs.png","imageAlt":"Discover Lifestyle TVs","imageAltEng":"discover lifestyle tvs","description":"Discover Lifestyle TVs","descriptionEng":"discover lifestyle tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/lifestyle-tvs/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Shop All TVs","englishName":"shop all tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/all-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Neo QLED TVs","englishName":"neo qled tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/samsung-neo-qled-8k/?technology\u003dSamsung+Neo+QLED+8K,Samsung+Neo+QLED+4K","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"OLED TVs","englishName":"oled tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/oled-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"QLED TVs","englishName":"qled tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/qled-4k-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Crystal UHD TVs","englishName":"crystal uhd tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/crystal-uhd-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"The Frame TVs","englishName":"the frame tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/the-frame/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"The Serif TVs","englishName":"the serif tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/the-serif/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"The Terrace TVs","englishName":"the terrace tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/the-terrace/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"The Sero TVs","englishName":"the sero tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/the-sero/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","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"},{"shopLiveUseFlag":"false","displayName":"Micro LED TVs","englishName":"micro led tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/all-tvs/?technology\u003dMicro+Led","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"TVs","englishName":"tvs","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Outdoor TVs","englishName":"outdoor tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/all-tvs/?technology\u003dThe+Terrace","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Art TVs","englishName":"art tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/all-tvs/?technology\u003dThe+Serif,The+Sero,The+Frame","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Gaming TVs","englishName":"gaming tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/oled-tvs/42-class-oled-s90d-qn42s90daexza/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Lifestyle TVs","englishName":"lifestyle tvs","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"98 inch TVs","englishName":"98 inch tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/98-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"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"},{"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"},{"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"},{"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"},{"shopLiveUseFlag":"false","displayName":"50 inch TVs","englishName":"50 inch tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/50-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"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"}],"displayName":"TVs by Sizes","englishName":"tvs by sizes","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"8K TVs","englishName":"8K tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/8k-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"4K TVs","englishName":"4k tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/4k-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"UHD TVs ","englishName":"uhd tvs","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/all-tvs/?technology\u003dCrystal+UHD+TVs","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"TVs by Resolution","englishName":"tvs by resolution","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c3","level2MenuList":[{"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"},{"shopLiveUseFlag":"false","displayName":"The Premiere Projector TV","englishName":"the premiere projector tv","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/all-tvs/?technology\u003dThe+Premiere","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"The Freestyle Projector TV","englishName":"the freestyle projector tv","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/portable-projector/the-freestyle-with-gaming-hub-sp-lff3claxxza/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Projector TV Accessories ","englishName":"projector tv accessories","linkType":"move","linkUrl":"/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?category_names\u003dFreestyle+Accessories","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Projectors","englishName":"projectors","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c3","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Shop All Sound Devices ","englishName":"shop all sound devices","linkType":"move","linkUrl":"/us/televisions-home-theater/home-theater/all-home-theater/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Premium Q-Series Soundbars","englishName":"q series soundbars","linkType":"move","linkUrl":"/us/televisions-home-theater/home-theater/all-home-theater/?series\u003dQ-Series+Premium+Soundbars","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Ultra Slim Soundbars","englishName":"ultra slim soundbar","linkType":"move","linkUrl":"/us/televisions-home-theater/home-theater/all-home-theater/?series\u003dUltra+Slim+Soundbars","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Music Frame","englishName":"music frame","linkType":"move","linkUrl":"/us/televisions-home-theater/home-theater/all-home-theater/?series\u003dMusic+Frame","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Sound Tower","englishName":"sound tower","linkType":"move","linkUrl":"/us/televisions-home-theater/home-theater/sound-tower/","displayFlag":"Y","mobileOnlyFlag":"N"},{"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"},{"shopLiveUseFlag":"false","displayName":"Audio Accessories","englishName":"audio accessories","linkType":"move","linkUrl":"/us/televisions-home-theater/television-home-theater-accessories/audio-accessories/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Sound Devices","englishName":"sound devices","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"3var","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"TV \u0026 Home Theater Offers ","englishName":"TV and Home Theater Offers","linkType":"move","linkUrl":"/us/shop/all-deals/tv-and-home-theater-deals/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"2025 Get It First Sign Up","englishName":"2025 get it first sign up","linkType":"move","linkUrl":"/us/tvs/get-it-first/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Shop Samsung TV Exclusives","englishName":"shop samsung tv exclusives","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/all-tvs/?shop\u003dOnline+Exclusives","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Shop TV \u0026 Audio Bundles","englishName":"shop tv and audio bundles","linkType":"move","linkUrl":"/us/televisions-home-theater/tvs/all-tvs/?offers\u003dBundles","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Why Samsung TVs","englishName":"why samsung tvs","linkType":"move","linkUrl":"/us/tvs/why-samsung-tv/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Best Gaming TV","englishName":"best gaming tv","linkType":"move","linkUrl":"/us/tvs/gaming-tv/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Why Samsung Smart TV","englishName":"why samsung smart tv","linkType":"move","linkUrl":"/us/tvs/smart-tv/highlights/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Best Samsung TV for Sports","englishName":"best samsung tv for sports","linkType":"move","linkUrl":"/us/tvs/sports-tv/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Why Super Big TV","englishName":"why super big tv","linkType":"move","linkUrl":"/us/tvs/supersize-tv/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Why 8K TVs","englishName":"why 8k tvs","linkType":"move","linkUrl":"/us/tvs/8k-tv/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Why Neo QLED TVs","englishName":"Why Neo QLED TVs","linkType":"move","linkUrl":"/us/tvs/neoqled-tv/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Why Samsung OLED","englishName":"why samsung oled","linkType":"move","linkUrl":"/us/tvs/oled-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Why QLED 4K","englishName":"why qled 4k","linkType":"move","linkUrl":"/us/tvs/qled-tv/highlights/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"MICRO LED","englishName":"micro led","linkType":"move","linkUrl":"/us/tvs/micro-led/highlights/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Discover","englishName":"discover","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"3var","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"TV Buying Guide","englishName":"tv buying guide","linkType":"move","linkUrl":"/us/tvs/tv-buying-guide/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Buying Guide","englishName":"buying guide","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":2,"displayName":"TV \u0026 Audio","englishName":"TVandAudio","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"left","layoutType":"3t6c","fullBleedFlag":"false","featureThumbnailsTitle":"Discover","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Refrigerators-GNB-176x176.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Refrigerators-GNB-176x176.png","imageAlt":"Refrigerators","imageAltEng":"refrigerators","description":"Refrigerators","descriptionEng":"refrigerators","linkType":"move","linkUrl":"/us/refrigerators/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02032025/SDSAC-8791-Bespoke-AI-Laundry-Combo-176x176.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02032025/SDSAC-8791-Bespoke-AI-Laundry-Combo-176x176.png","imageAlt":"Washers \u0026 Dryers","imageAltEng":"washers \u0026 dryers","description":"Washers \u0026 Dryers","descriptionEng":"washers \u0026 dryers","linkType":"move","linkUrl":"/us/home-appliances/laundry/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Ranges-GNB-176x176.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Ranges-GNB-176x176.png","imageAlt":"Ranges","imageAltEng":"ranges","description":"Ranges","descriptionEng":"ranges","linkType":"move","linkUrl":"/us/ranges/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Dishwashers-GNB-176x176.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Dishwashers-GNB-176x176.png","imageAlt":"Dishwashers","imageAltEng":"dishwashers","description":"Dishwashers","descriptionEng":"dishwashers","linkType":"move","linkUrl":"/us/dishwashers/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Microwaves-GNB-176x176.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Microwaves-GNB-176x176.png","imageAlt":"Microwaves","imageAltEng":"microwaves","description":"Microwaves","descriptionEng":"microwaves","linkType":"move","linkUrl":"/us/microwaves/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02032025/SDSAC-8791-Bespoke-Vacuum-176x176.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02032025/SDSAC-8791-Bespoke-Vacuum-176x176.png","imageAlt":"Vacuums","imageAltEng":"vacuums","description":"Vacuums","descriptionEng":"vacuums","linkType":"move","linkUrl":"/us/vacuums/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Refrigerators","englishName":"refrigerators","linkType":"move","linkUrl":"/us/home-appliances/refrigerators/all-refrigerators/?shop\u003dBuy+Online","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"French Door","englishName":"french door","linkType":"move","linkUrl":"/us/home-appliances/refrigerators/all-refrigerators/?shop\u003dBuy+Online\u0026type\u003dFrench+Door","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Water Filters","englishName":"water filters","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?key_features\u003dWater+Filters","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","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\u0026shop\u003dBuy+Online","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Refrigerators","englishName":"refrigerators","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Washers","englishName":"all washers","linkType":"move","linkUrl":"/us/home-appliances/washers/all-washers/?shop\u003dBuy+Online","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Dryers","englishName":"all dryers","linkType":"move","linkUrl":"/us/home-appliances/dryers/all-dryers/?shop\u003dBuy+Online","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Washer \u0026 Dryer Sets","englishName":"shop washer and dryers sets","linkType":"move","linkUrl":"/us/home-appliances/washers/all-washers/?technology\u003dWasher+and+Dryer+Sets","displayFlag":"Y","mobileOnlyFlag":"N"},{"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"},{"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"}],"displayName":"Laundry","englishName":"laundry","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Ranges","englishName":"ranges","linkType":"move","linkUrl":"/us/home-appliances/ranges/all-ranges/?shop\u003dBuy+Online","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Microwaves","englishName":"microwaves","linkType":"move","linkUrl":"/us/home-appliances/microwaves/all-microwaves/?shop\u003dBuy+Online","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Wall Ovens","englishName":"wall ovens","linkType":"move","linkUrl":"/us/home-appliances/wall-ovens/all-wall-ovens/?shop\u003dBuy+Online","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Cooktops \u0026 Hoods","englishName":"cooktops and hoods","linkType":"move","linkUrl":"/us/home-appliances/cooktops-and-hoods/all-cooktops-and-hoods/?shop\u003dBuy+Online","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Cooking Appliances","englishName":"cooking appliances","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Dishwashers","englishName":"dishwashers","linkType":"move","linkUrl":"/us/home-appliances/dishwashers/all-dishwashers/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Linear Wash ","englishName":"Linear Wash","linkType":"move","linkUrl":"/us/home-appliances/dishwashers/all-dishwashers/?technology\u003dLinear+Wash","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Rotary","englishName":"rotary","linkType":"move","linkUrl":"/us/home-appliances/dishwashers/all-dishwashers/?technology\u003dRotary\u0026shop\u003dBuy+Online","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Dishwashers","englishName":"dishwashers","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c3","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Vacuums","englishName":"vacuums","linkType":"move","linkUrl":"/us/home-appliances/vacuums/all-vacuums/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Jet Stick","englishName":"Jet Stick","linkType":"move","linkUrl":"/us/home-appliances/vacuums/all-vacuums/?type\u003dJet+Stick\u0026shop\u003dBuy+Online","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Jet Bot Robot","englishName":"Jet Bot Robot","linkType":"move","linkUrl":"/us/home-appliances/vacuums/all-vacuums/?type\u003dJet+Bot+Robot","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Vacuum Accessories","englishName":"vacuum accessories","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names\u003dVacuums\u0026shop\u003dBuy+Online","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Vacuums","englishName":"vacuums","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"3var","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"2025 Bespoke AI Reserve","englishName":"Meet Bespoke AI First","linkType":"move","linkUrl":"/us/home-appliances/bespoke-ai/reserve/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Appliance Offers","englishName":"Appliance Offers","linkType":"move","linkUrl":"/us/shop/all-deals/home-appliance-and-smart-home-sales/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Why Samsung Appliances","englishName":"discover home appliances","linkType":"move","linkUrl":"/us/home-appliances/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Bespoke Home","englishName":"bespoke home","linkType":"move","linkUrl":"/us/home-appliances/bespoke/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Bespoke Kitchen","englishName":"bespoke kitchen","linkType":"move","linkUrl":"/us/home-appliances/bespoke/kitchen/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Bespoke Design Studio","englishName":"bespoke design studio","linkType":"move","linkUrl":"/us/home-appliances/bespoke/design-studio/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Why Family Hub™ ","englishName":"why family hub","linkType":"move","linkUrl":"/us/explore/family-hub-refrigerator/overview/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Inflation Reduction Act Rebates","englishName":"inflation reduction act rebates","linkType":"move","linkUrl":"/us/home-appliances/inflation-reduction-act/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Bundle Builder","englishName":"Bundle Builder","linkType":"move","linkUrl":"/us/home-appliances/build-your-bundle/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Dacor: Luxury Appliances","englishName":"dacor luxury appliance","linkType":"new","linkUrl":"https://www.dacor.com/us/home/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Cooling \u0026 Heating","englishName":"cooling and heating","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"}],"displayName":"Discover","englishName":"discover","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"3var","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Home Appliance Buying Guides","englishName":"home appliance buying guides","linkType":"move","linkUrl":"/us/home-appliances/buying-guide/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Buying Guide","englishName":"buying guide","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":2,"displayName":"Appliances","englishName":"Appliances","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"left","layoutType":"3t6c","fullBleedFlag":"false","featureThumbnailsTitle":"Discover","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/Galaxy-Book5-Series_Home_GNB176x176.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/Galaxy-Book5-Series_Home_GNB176x176.png","imageAlt":"Discover Galaxy Book","imageAltEng":"discover galaxy book","description":"Discover Galaxy Book","descriptionEng":"discover galaxy book","linkType":"move","linkUrl":"/us/galaxy-books/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_monitor.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_monitor.png","imageAlt":"Discover Computer Monitors","imageAltEng":"discover computer monitors","description":"Discover Computer Monitors","descriptionEng":"discover computer monitors","linkType":"move","linkUrl":"/us/monitors/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01202025/img_galaxytab10_series_updated_1.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01202025/img_galaxytab10_series_updated_1.png","imageAlt":"Discover Galaxy Tablets","imageAltEng":"Discover Galaxy Tablets","description":"Discover Galaxy Tablets","descriptionEng":"Discover Galaxy Tablets","linkType":"move","linkUrl":"/us/tablets/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_memory_storage.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_memory_storage.png","imageAlt":"Discover Memory \u0026 Storage","imageAltEng":"discover memory and storage","description":"Discover Memory \u0026 Storage","descriptionEng":"discover memory and storage","linkType":"move","linkUrl":"/us/memory-storage/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"All Laptops","englishName":"all laptops","linkType":"move","linkUrl":"/us/computing/galaxy-books/all-galaxy-books/","displayFlag":"Y","mobileOnlyFlag":"N"},{"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"},{"shopLiveUseFlag":"false","displayName":"Galaxy Book5 Pro","englishName":"Galaxy Book5 Pro","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book5-pro/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Book5 360","englishName":"Galaxy Book5 360","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book5-360/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Book4 Edge 14 I 16\n","englishName":"galaxy book4 edge 14 galaxy book4 edge 16","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book4-edge/","displayFlag":"Y","mobileOnlyFlag":"N"},{"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"},{"shopLiveUseFlag":"false","displayName":"Galaxy Book4 Series\n","englishName":"galaxy book4 pro 360","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book4-series/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Book4 Ultra","englishName":"galaxy book ultra","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book4-ultra/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Book4","englishName":"galaxy book4","linkType":"move","linkUrl":"/us/computing/galaxy-books/galaxy-book4/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Chromebook Plus","englishName":"galaxy chromebook plus","linkType":"move","linkUrl":"/us/computing/chromebooks/chromebook-plus/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Copilot+ PCs","englishName":"Copilot plus PCs","linkType":"move","linkUrl":"/us/computing/galaxy-book-copilot-plus-pcs/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Galaxy Book \u0026 Laptops","englishName":"galaxy book and laptops","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Shop All Tablets","englishName":"shop all tablets","linkType":"move","linkUrl":"/us/mobile/tablets/all-tablets/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Tab S10 Ultra I S10+","englishName":"galaxy tab s10 ultra galaxy tab s10 plus","linkType":"move","linkUrl":"/us/tablets/galaxy-tab-s10/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Tab S9 Ultra I S9+ I S9","englishName":"galaxy tab s9 ultra galaxy tab s9 plus galaxy tab s9","linkType":"move","linkUrl":"/us/tablets/galaxy-tab-s9/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Tab S9 FE+ I S9 FE","englishName":"galaxy tab s9 fe plus galaxy tab s9 fe","linkType":"move","linkUrl":"/us/tablets/galaxy-tab-s9-fe/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Tab A9+","englishName":"galaxy tab a9 plus","linkType":"move","linkUrl":"/us/tablets/galaxy-tab-a9-plus/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Tab A9+ Kids Edition","englishName":"galaxy tab a9 plus kids edition","linkType":"move","linkUrl":"/us/tablets/galaxy-tab-a9-plus/kids-edition/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Galaxy Tablets","englishName":"galaxy tablets","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Shop All Monitors","englishName":"shop all monitors","linkType":"move","linkUrl":"/us/computing/monitors/all-monitors/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"OLED Gaming Monitors","englishName":"oled gaming","linkType":"move","linkUrl":"/us/computing/monitors/oled-monitor/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"4K Monitors","englishName":"4K Monitors","linkType":"move","linkUrl":"/us/computing/monitors/all-monitors/?technology\u003d4K","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"High Resolution Monitors","englishName":"high resolution monitor","linkType":"move","linkUrl":"/us/computing/monitors/uhd-and-wqhd/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Smart Monitors","englishName":"smart monitors","linkType":"move","linkUrl":"/us/computing/monitors/smart-monitors/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Curved Monitors","englishName":"curved","linkType":"move","linkUrl":"/us/computing/monitors/all-monitors/?technology\u003dCurved","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Gaming Monitors","englishName":"gaming monitor","linkType":"move","linkUrl":"/us/computing/monitors/gaming/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Computer Monitors","englishName":"computer monitors","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Shop all Memory \u0026 Storage","englishName":"shop all memory and storage","linkType":"move","linkUrl":"/us/computing/memory-storage/all-memory-storage/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Internal SSDs","englishName":"internal ssds","linkType":"move","linkUrl":"/us/computing/memory-storage/solid-state-drives/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Portable SSDs","englishName":"portable ssd","linkType":"move","linkUrl":"/us/computing/memory-storage/portable-solid-state-drives/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Memory Cards","englishName":"memory cards","linkType":"move","linkUrl":"/us/computing/memory-storage/memory-cards/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"USB Flash Drive","englishName":"usb flash drive","linkType":"move","linkUrl":"/us/computing/memory-storage/usb-flash-drives/","displayFlag":"Y","mobileOnlyFlag":"N"},{"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"},{"shopLiveUseFlag":"false","displayName":"SSD Magician Software","englishName":"ssd magician software","linkType":"move","linkUrl":"/us/memory-storage/magician-software/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Memory \u0026 Storage","englishName":"memory and storage","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c3","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Smart Signage","englishName":"smart signage","linkType":"new","linkUrl":"/us/business/displays/smart-signage/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"LED Signage","englishName":"led signage","linkType":"new","linkUrl":"/us/business/displays/led-signage/indoor/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Commercial TVs","englishName":"commercial tvs","linkType":"new","linkUrl":"/us/business/displays/commercial-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Business Monitors","englishName":"business monitors","linkType":"new","linkUrl":"/us/business/computing/monitors/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Digital Signage Accessories","englishName":"digital signage accessories","linkType":"new","linkUrl":"/us/business/displays/accessories/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"VXT - Content \u0026 Remote Management","englishName":"vxt content and remote management","linkType":"new","linkUrl":"/us/business/display-solutions/samsung-vxt/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"For Business","englishName":"for business","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c3","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Interactive Displays","englishName":"interactive displays","linkType":"new","linkUrl":"/us/displays/interactive/wm-series/samsung-interactive-pro-75-lh75wmbwlgcxza/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"The Wall All-in-One","englishName":"the wall all in one","linkType":"new","linkUrl":"/us/displays/direct-view-led/ia-series/the-wall-all-in-one-146-p84-lh008iabmus-go/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Pro TV","englishName":"pro tv","linkType":"new","linkUrl":"/us/business/displays/commercial-tvs/be-series/55-bed-h-series-4k-business-pro-tv-lh55bedhlgfxgo/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Pro TV Terrace Edition","englishName":"pro tv terrace edition","linkType":"new","linkUrl":"/us/displays/pro-tv/bh-series/65-bht-series-qled-4k-uhd-hdr-pro-tv-terrace-edition-lh65bhtelgfxgo/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Consumer Displays","englishName":"consumer displays","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"3var","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Tablet \u0026 Computing Offers","englishName":"Tablet and Computing Offers","linkType":"move","linkUrl":"/us/shop/all-deals/tablets-laptops-computers-deals/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Memory \u0026 Storage Offers","englishName":"Memory and Storage Offers","linkType":"move","linkUrl":"/us/shop/all-deals/memory-monitor-storage-deals/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Why Odyssey Gaming Monitor","englishName":"odyssey gaming monitor","linkType":"move","linkUrl":"/us/computing/monitors/odyssey/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Why Viewfinity Monitors","englishName":"why viewfinity monitors","linkType":"move","linkUrl":"/us/monitors/viewfinity-high-resolution-monitor/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Compare Galaxy Books","englishName":"compare galaxy books","linkType":"move","linkUrl":"/us/computing/galaxy-books/compare/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Windows 11","englishName":"windows 11","linkType":"move","linkUrl":"/us/computing/windows-11/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Books Download Center","englishName":"galaxy books download center","linkType":"move","linkUrl":"https://www.samsung.com/global/galaxybooks-downloadcenter/?siteCode\u003dus","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Discover","englishName":"discover","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"3var","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Monitor Buying Guide","englishName":"monitor buying guide","linkType":"move","linkUrl":"/us/monitors/refresh-rate/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Buying Guide","englishName":"buying guide","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":2,"displayName":"Computing \u0026 Displays","englishName":"Computing and Displays","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"left","layoutType":"3t6c","fullBleedFlag":"false","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Shop-Accessories-176x176-v2.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Shop-Accessories-176x176-v2.png","imageAlt":"Shop All Accessories","imageAltEng":"Shop All Accessories","description":"Shop All Accessories","descriptionEng":"Shop All Accessories","linkType":"move","linkUrl":"/us/accessories/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"All Accessories","englishName":"all accessories","linkType":"move","linkUrl":"https://www.samsung.com/us/accessories/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Phone Accessories","englishName":"phone accessories","linkType":"move","linkUrl":"https://www.samsung.com/us/mobile/mobile-accessories/phones/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Tablet Accessories","englishName":"tablet accessories","linkType":"move","linkUrl":"https://www.samsung.com/us/mobile/mobile-accessories/tablets/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Wearable Accessories","englishName":"wearable accessories","linkType":"move","linkUrl":"https://www.samsung.com/us/mobile/mobile-accessories/smartwatches/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Buds Accessories","englishName":"buds accessories","linkType":"move","linkUrl":"https://www.samsung.com/us/mobile/mobile-accessories/all-mobile-accessories/?category_names\u003dBuds","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"SmartThings Accessories","englishName":"smartthings accessories","linkType":"move","linkUrl":"https://www.samsung.com/us/mobile/mobile-accessories/all-mobile-accessories/?accessories_type\u003dSmartThings","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Mobile Accessories","englishName":"mobile accessories","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"All TV Accessories","englishName":"all tv accessories","linkType":"move","linkUrl":"https://www.samsung.com/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?category_names\u003dTelevisions","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"TV Stands","englishName":"tv stands","linkType":"move","linkUrl":"https://www.samsung.com/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?accessory_type\u003dStand","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"TV Wall Mounts","englishName":"tv wall mounts","linkType":"move","linkUrl":"https://www.samsung.com/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?accessory_type\u003dWall+Mounts","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"TV Bezels","englishName":"tv bezels","linkType":"move","linkUrl":"https://www.samsung.com/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?accessory_type\u003dCustomizable+Frame+Bezels","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"JBL Audio","englishName":"jbl audio","linkType":"move","linkUrl":"https://www.samsung.com/us/harman-kardon/jbl-harman-kardon/all-jbl-harman-kardon/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"All Home Audio Accessories","englishName":"all home audio accessories","linkType":"move","linkUrl":"https://www.samsung.com/us/televisions-home-theater/television-home-theater-accessories/audio-accessories/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"TV \u0026 Audio Accessories","englishName":"tv and audio accessories","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c3","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Water Filters","englishName":"Water Filters","linkType":"move","linkUrl":"/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?key_features\u003dWater+Filters","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Bespoke Refrigerator Panels","englishName":"bespoke refrigerator panels","linkType":"move","linkUrl":"https://www.samsung.com/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?key_features\u003dBespoke+Panels","displayFlag":"Y","mobileOnlyFlag":"N"},{"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"},{"shopLiveUseFlag":"false","displayName":"Range Accessories","englishName":"range accessories","linkType":"move","linkUrl":"https://www.samsung.com/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names\u003dRange+Accessories","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Vacuum Accessories","englishName":"vacuum accessories","linkType":"move","linkUrl":"https://www.samsung.com/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names\u003dVacuums","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"All Accessories","englishName":"all accessories","linkType":"move","linkUrl":"https://www.samsung.com/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Appliance Accessories","englishName":"appliance accessories","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c3","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Shop All Accessories","englishName":"shop all accessories","linkType":"move","linkUrl":"https://www.samsung.com/us/computing/computing-accessories/all-computing-accessories/?category_names\u003dComputers","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Computing Accessories","englishName":"computing accessories","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":2,"displayName":"Accessories","englishName":"Accessories","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"left","layoutType":"1t10c","fullBleedFlag":"true","featureThumbnailsTitle":"Discover","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_discover_ai_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_discover_ai_updated.png","imageAlt":"Discover AI","imageAltEng":"discover ai","description":"Discover AI","descriptionEng":"discover ai","linkType":"move","linkUrl":"/us/ai-products/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Galaxy AI Mobile","englishName":"galaxy ai mobile","linkType":"move","linkUrl":"/us/galaxy-ai/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung AI TV","englishName":"samsung ai tv","linkType":"move","linkUrl":"/us/tvs/neoqled-tv/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Bespoke AI Appliances","englishName":"bespoke ai appliances","linkType":"move","linkUrl":"/us/home-appliances/bespoke/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"AI","englishName":"ai","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":0,"displayName":"AI","englishName":"AI","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"left","layoutType":"1t10c","fullBleedFlag":"false","level1MenuList":[],"layoutIdx":0,"displayName":"SmartThings","englishName":"Smarthings","linkType":"move","linkUrl":"/us/smartthings","displayFlag":"Y","mobileOnlyFlag":"N"}],"gnbRightModelList":[{"menuPosition":"right","layoutType":"2t4c","fullBleedFlag":"false","featureThumbnailsTitle":"Discover","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Order-Help.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Order-Help.png","imageAlt":"Order Help","imageAltEng":"Order Help","description":"Order Help","descriptionEng":"Order Help","linkType":"move","linkUrl":"/us/support/order-help/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Product-help.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Product-help.png","imageAlt":"Product Help","imageAltEng":"Product Help","description":"Product Help","descriptionEng":"Product Help","linkType":"move","linkUrl":"/us/support/contact/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Repair-a-product.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Repair-a-product.png","imageAlt":"Request a Repair","imageAltEng":"Request a Repair","description":"Request a Repair","descriptionEng":"Request a Repair","linkType":"move","linkUrl":"/us/support/service/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Register-a-product.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Register-a-product.png?$ORIGIN_PNG$","imageAlt":"Register a Product","imageAltEng":"Register a Product","description":"Register a Product","descriptionEng":"Register a Product","linkType":"move","linkUrl":"/us/support/register-product/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Support Home","englishName":"support home","linkType":"move","linkUrl":"/us/support/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Manual \u0026 Software","englishName":"manual and software","linkType":"move","linkUrl":"/us/support/downloads/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Register a Product","englishName":"register a product","linkType":"move","linkUrl":"/us/support/register-product/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung Care","englishName":"order support","linkType":"move","linkUrl":"/us/support/samsung-care/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Product Support","englishName":"product help","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Order Help\n","englishName":"contact us","linkType":"move","linkUrl":"/us/support/order-help/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Product Help","englishName":"Product Help","linkType":"move","linkUrl":"/us/support/contact/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Sign Language Support","englishName":"sign language support","linkType":"move","linkUrl":"/us/support/aslsupport/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Contact","englishName":"contact","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Warranty Information","englishName":"warranty information","linkType":"move","linkUrl":"/us/support/warranty/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Find a Service Center","englishName":"find a Service Center","linkType":"move","linkUrl":"/us/support/service/locations/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Request a Repair","englishName":"Request a Repair","linkType":"move","linkUrl":"/us/support/service/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Cracked Screen Repair","englishName":"Cracked Screen Repair","linkType":"move","linkUrl":"/us/support/cracked-screen-repair/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Check Repair Status\n","englishName":"Check Repair Status","linkType":"move","linkUrl":"/us/support/service/#repairStatus","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Repair Services","englishName":"repair services","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Community","englishName":"community","linkType":"new","linkUrl":"https://us.community.samsung.com/t5/Samsung-Community/ct-p/us?page\u003d1\u0026tab\u003drecent_topics","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung Care+","englishName":"samsung care plus","linkType":"move","linkUrl":"/us/support/samsung-care-plus/home-appliances-and-electronics/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung Care+ Mobile","englishName":"samsung care plus mobile","linkType":"move","linkUrl":"/us/support/samsung-care-plus/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Self-Repair Program","englishName":"self repair program","linkType":"move","linkUrl":"/us/support/self-repair/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Additional Support","englishName":"additional support","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":1,"displayName":"Support","englishName":"Support","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"right","layoutType":"1t10c","fullBleedFlag":"false","level1MenuList":[],"layoutIdx":0,"displayName":"For Business","englishName":"For Business","linkType":"new","linkUrl":"/us/business/","displayFlag":"Y","mobileOnlyFlag":"N"}],"beforeLoginModel":{"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[],"displayName":"Why Create an Account?","englishName":"why create an account","linkType":"move","linkUrl":"https://www.samsung.com/us/samsung-account-benefits/","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[],"displayName":"Track your orders","englishName":"track your order","linkType":"move","linkUrl":"https://www.samsung.com/us/web/search-orders/","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[],"displayName":"Business account","englishName":"business account","linkType":"move","linkUrl":"https://www.samsung.com/us/business/account/login/","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":-1,"displayName":"Before Login","englishName":"before_login"},"afterLoginModel":{"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[],"displayName":"My Orders","englishName":"my orders","linkType":"move","linkUrl":"https://www.samsung.com/us/web/my-orders/","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[],"displayName":"My Page \u0026 Products","englishName":"my page and products","linkType":"move","linkUrl":"https://www.samsung.com/us/support/account/products/","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[],"displayName":"My Rewards","englishName":"my rewards","linkType":"move","linkUrl":"https://www.samsung.com/us/web/account/my-rewards/","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[],"displayName":"Product Registration","englishName":"product registration","linkType":"move","linkUrl":"https://www.samsung.com/us/support/register/","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[],"displayName":"Samsung Account","englishName":"samsung account","linkType":"move","linkUrl":"https://v3.account.samsung.com/dashboard/","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":-1,"displayName":"After Login","englishName":"after_login"},"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/","enabled":true,"lastPublishedDate":"02/25/2025 02:47:041"}; </script> <nav id="component-id" class="nv00-gnb-v3" role="navigation" aria-label="main navigation"> <div class="nv00-gnb-v3__wrapper"> <div class="nv00-gnb-v3__inner-wrap"> <div class="nv00-gnb-v3__inner-wrap-looping--start" tabindex="0"></div> <div class="nv00-gnb-v3__logo-wrap"> <a href="/us/" class="nv00-gnb-v3__logo " an-tr="nv00_gnb-flagship pdp-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="logo" aria-label="Samsung"> <svg class="icon" focusable="false" aria-hidden="true" width="130" height="29" viewbox="0 0 130 29"> <g transform="translate(-250 -7)"> <path d="M0,13.835V12.482H4.609V14.2a1.558,1.558,0,0,0,1.724,1.6A1.509,1.509,0,0,0,8,14.6a2.237,2.237,0,0,0-.03-1.322C7.076,10.976.981,9.931.208,6.333a6.531,6.531,0,0,1-.029-2.4C.654,1.045,3.122,0,6.184,0c2.438,0,5.8.585,5.8,4.458V5.719H7.7V4.612a1.492,1.492,0,0,0-1.605-1.6,1.452,1.452,0,0,0-1.575,1.2,2.468,2.468,0,0,0,.03.922c.5,2.059,7.017,3.167,7.73,6.887a8.481,8.481,0,0,1,.029,2.921C11.892,17.893,9.336,19,6.244,19,3,19,0,17.8,0,13.835Zm55.837-.062V12.421h4.549v1.691a1.533,1.533,0,0,0,1.695,1.6,1.49,1.49,0,0,0,1.665-1.168,2.147,2.147,0,0,0-.029-1.292c-.863-2.274-6.9-3.319-7.671-6.917a6.37,6.37,0,0,1-.03-2.367c.476-2.859,2.944-3.9,5.946-3.9,2.409,0,5.739.615,5.739,4.427v1.23H63.449V4.643a1.485,1.485,0,0,0-1.575-1.6,1.4,1.4,0,0,0-1.546,1.168,2.463,2.463,0,0,0,.029.922C60.832,7.194,67.284,8.27,68,11.959a8.314,8.314,0,0,1,.029,2.89c-.416,2.952-2.943,4.028-6.005,4.028C58.811,18.877,55.837,17.678,55.837,13.773Zm16.293.647A7.18,7.18,0,0,1,72.1,13.25V.523h4.341V13.65a5.023,5.023,0,0,0,.029.677,1.682,1.682,0,0,0,3.271,0,4.852,4.852,0,0,0,.03-.677V.523h4.341V13.25c0,.339-.03.984-.03,1.169-.3,3.319-2.825,4.4-5.976,4.4S72.428,17.739,72.13,14.419Zm35.739-.185a9.539,9.539,0,0,1-.059-1.168V5.6c0-.308.029-.861.059-1.169.386-3.319,2.973-4.365,6.036-4.365,3.033,0,5.708,1.045,6.006,4.365A8.781,8.781,0,0,1,119.94,5.6v.584H115.6V5.2a3.791,3.791,0,0,0-.059-.677,1.777,1.777,0,0,0-3.42,0,3.772,3.772,0,0,0-.059.829v8.117a5.1,5.1,0,0,0,.03.677,1.707,1.707,0,0,0,1.813,1.291,1.633,1.633,0,0,0,1.754-1.291,2.554,2.554,0,0,0,.03-.677V10.883h-1.754V8.3H120v4.765a9.377,9.377,0,0,1-.06,1.168c-.3,3.228-3,4.366-6.036,4.366S108.166,17.462,107.869,14.235Zm-60.5,4.027L47.245,1.845,44.272,18.262H39.931L36.987,1.845l-.118,16.417H32.587L32.943.554h6.988L42.1,14.388,44.272.554h6.987l.386,17.708Zm-22.835,0L22.211,1.845,19.831,18.262H15.194L18.344.554h7.642l3.152,17.708Zm72.665-.184L92.884,3.352l.238,14.726H88.9V.554h6.363l4.044,14.265L99.068.554h4.251V18.078Z" transform="translate(255 12)"/> </g> </svg> </a> </div> <div class="nv00-gnb-v3__search-wrap"> <button class="nv00-gnb-v3__backward-btn"> <span class="hidden">previous menu</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </button> <button class="nv00-gnb-v3__search-btn gnb__search-btn-js" an-tr="nv00_gnb-flagship pdp-l0-navigation5" an-ca="navigation" an-ac="gnb" an-la="search"> <span class="hidden">Open Search Layer</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#search-regular" href="#search-regular"></use> </svg> <span class="nv00-gnb-v3__search-btn-text">Search</span> </button> <button class="nv00-gnb-v3__close-btn" an-tr="nv00_gnb-flagship pdp-gnb open / close-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="#cancel-close-regular" href="#cancel-close-regular"></use> </svg> </button> </div> <div class="nv00-gnb-v3__user-account-wrap"> <div class="nv00-gnb-v3__user-account before-login"> <a class="nv00-gnb-v3__user-account-link loginBtn" href="javascript:;" aria-label="Sign in/Create Account" data-linkinfo="https://account.samsung.com/accounts/v1/samsung_com_us/signInGate" an-tr="nv00_gnb-flagship pdp-account-account" an-ca="account" an-ac="gnb" an-la="login"> Sign in/Create Account </a> </div> <div class="nv00-gnb-v3__user-account after-login"> <a class="nv00-gnb-v3__user-account-link js-user-name" href="https://account.samsung.com/membership/contents/profile/profile-gate" aria-label="Go to the another page" an-tr="nv00_gnb-flagship pdp-account-account" an-ca="account" an-ac="gnb" an-la="user name"> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true" width="96" height="96" viewbox="0 0 96 96"> <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)"/> </svg> </span> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> <p class="user-name"></p> <p class="hidden">Open My Menu</p> </a> </div> </div> <div class="nv00-gnb-v3__l0-menu-wrap"> <ul class="nv00-gnb-v3__l0-menu-list left-menu" role="menubar"> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-flagship pdp-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer"> Offer <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> Offer </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="offer:offers" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:offers"> Offers <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:offers:Discover Samsung Sale" role="menuitem" href="/us/discover-samsung-event/"> Discover Samsung Sale </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:offers:all offers" role="menuitem" href="/us/shop/all-deals/"> All Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:offers:smartphone offers" role="menuitem" href="/us/shop/all-deals/cell-phone-deals/"> Smartphone Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:offers:watches and audio" role="menuitem" href="/us/shop/all-deals/watches-audio-accessories-deals/"> Watches & Audio Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:offers:tv and home theater" role="menuitem" href="/us/shop/all-deals/tv-and-home-theater-deals/"> TV & Home Theater Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:offers:appliances" role="menuitem" href="/us/shop/all-deals/home-appliance-and-smart-home-sales/"> Appliance Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:offers:tablets and computing" role="menuitem" href="/us/shop/all-deals/tablets-laptops-computers-deals/"> Tablets & Computing Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:offers:monitors memory and storage" role="menuitem" href="/us/shop/all-deals/memory-monitor-storage-deals/"> Monitors, Memory & Storage Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:offers:verizon offers" role="menuitem" href="/us/shop/all-deals/cell-phone-deals/?familyId=ALL&popId=AD_Phones_Verizon"> Verizon Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:offers:tmobile offers" role="menuitem" href="/us/shop/all-deals/cell-phone-deals/?familyId=ALL&popId=AD_Phones_TMO"> T-Mobile Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:offers:att offers" role="menuitem" href="/us/shop/all-deals/cell-phone-deals/?familyId=ALL&popId=AD_Phones_ATT"> AT&T Offers </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="offer:benefits" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:benefits"> Benefits <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:benefits:New Galaxy Club" role="menuitem" href="/us/smartphones/new-galaxy-club/"> New Galaxy Club </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:benefits:samsung trade in" role="menuitem" href="/us/trade-in/"> Samsung Trade-in </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:benefits:samsung rewards" role="menuitem" href="/us/rewards/"> Samsung Rewards </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:benefits:vip advantage" role="menuitem" href="/us/rewards/vip-advantage/"> VIP Advantage </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:benefits:samsung referral program" role="menuitem" href="/us/referral/"> Samsung Referral Program </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:benefits:payment options" role="menuitem" href="/us/payments/"> Payment Options </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:benefits:samsung shop app" role="menuitem" href="/us/apps/shop-samsung-app/"> Samsung Shop App </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="offer:samsung offer programs" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:samsung offer programs"> Samsung Offer Programs <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:samsung offer programs:all offer programs" role="menuitem" href="/us/shop/offer-program/"> All Offer Programs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:samsung offer programs:education" role="menuitem" href="/us/shop/offer-program/education/"> Education </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:samsung offer programs:first responders" role="menuitem" href="/us/shop/offer-program/first-responders/"> First Responders </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:samsung offer programs:military" role="menuitem" href="/us/shop/offer-program/military/"> Military </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:samsung offer programs:government" role="menuitem" href="/us/shop/offer-program/government/"> Government </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:samsung offer programs:Workplace" role="menuitem" href="/us/shop/offer-program/workplace/"> Workplace </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap featured-products-thumbnail featured-products-thumbnail--type6"> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <div class="nv00-gnb-v3__l1-menu show"> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="offer:new & featured" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="offer:new & featured"> New & Featured <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:offer:Discover Samsung Sale" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/discover-samsung-event/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02242025/DSE_Logo-GNB-Image-336x252.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02242025/DSE_Logo-GNB-Image-336x252.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Discover Samsung Sale </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:offer:Just Arrived" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/featured/new-releases/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Shop-Home-176x176-v2.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Shop-Home-176x176-v2.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Just Arrived </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:offer:Game Day Shop" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/featured/game-day-essentials/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Game-Day-Shop-176x176-v2.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Game-Day-Shop-176x176-v2.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Game Day Shop </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:offer:Gift Ideas" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/gift-ideas/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Gift-Ideas-176x176-v2.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Gift-Ideas-176x176-v2.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Gift Ideas </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:offer:Tech for Kids" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/featured/parents-zone-tech-for-kids/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02032025/SDSAC-8791-TabA9-Kids-GW-176x176-1.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02032025/SDSAC-8791-TabA9-Kids-GW-176x176-1.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Tech for Kids </p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-flagship pdp-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile"> Mobile <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> Mobile </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Mobile:Mobile" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile"> Mobile <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:Smartphone Offers" role="menuitem" href="/us/shop/all-deals/cell-phone-deals/"> Smartphone Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:Tablet and Computing Offers" role="menuitem" href="/us/shop/all-deals/tablets-laptops-computers-deals/"> Tablet & Computing Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:Watch and Audio Offers" role="menuitem" href="/us/shop/all-deals/watches-audio-accessories-deals/"> Watch & Audio Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:discover mobile" role="menuitem" href="/us/mobile/"> Discover Mobile </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:galaxy smartphone" role="menuitem" href="/us/smartphones/"> Galaxy Smartphone </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:galaxy tab" role="menuitem" href="/us/tablets/"> Galaxy Tab </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:galaxy book" role="menuitem" href="/us/galaxybooks/"> Galaxy Book </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:galaxy watch" role="menuitem" href="/us/watches/"> Galaxy Watch<br /> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:galaxy buds" role="menuitem" href="/us/mobile-audio/"> Galaxy Buds </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:galaxy ring" role="menuitem" href="/us/rings/galaxy-ring/"> Galaxy Ring </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:galaxy accessories" role="menuitem" href="/us/mobile-accessories/"> Galaxy Accessories </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:why galaxy" role="menuitem" href="/us/mobile/why-galaxy/"> Why Galaxy<br /> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:switch to galaxy" role="menuitem" href="/us/mobile/switch-to-galaxy/"> Switch to Galaxy<br /> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:certified renewed" role="menuitem" href="/us/smartphones/certified-re-newed-phones/"> Certified Re-Newed </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Mobile:Mobile:apps and services" role="menuitem" href="/us/apps/"> Apps & Services<br /> </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap featured-products-thumbnail featured-products-thumbnail--type10"> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Mobile:galaxy s25 ultra" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/smartphones/galaxy-s25-ultra/"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/GNB_P3_176x176.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/GNB_P3_176x176.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy S25 Ultra </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Mobile:galaxys 25s 25 plus" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/smartphones/galaxy-s25/"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/GNB_P1P2_176x176.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/GNB_P1P2_176x176.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy S25 | S25+ </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Mobile:galaxy z fold6" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/smartphones/galaxy-z-fold6/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_z_fold6_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_z_fold6_updated.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy Z Fold6 </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Mobile:galaxy z flip6" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/smartphones/galaxy-z-flip6/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_z_flip6_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_z_flip6_updated.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy Z Flip6 </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Mobile:galaxy s24 fe" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/smartphones/galaxy-s24-fe/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxy_s24_fe_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxy_s24_fe_updated.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy S24 FE </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Mobile:galaxy tab s10 series" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/tablets/galaxy-tab-s10/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxytab10_series_updated_1.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxytab10_series_updated_1.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy Tab S10 Series </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Mobile:galaxy watch ultra" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/watches/galaxy-watch-ultra/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxy_watch_ultra_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxy_watch_ultra_updated.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy Watch Ultra </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Mobile:Galaxy Buds3 Pro" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/mobile-audio/galaxy-buds3-pro/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxy_buds3_pro_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_galaxy_buds3_pro_updated.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy Buds3 Pro </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Mobile:Galaxy Book5 Pro" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/computing/galaxy-books/galaxy-book5-pro/"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/Galaxy-Book5-Pro_Home_GNB176x176_US.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/Galaxy-Book5-Pro_Home_GNB176x176_US.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy Book5 Pro </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Mobile:galaxy ai" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/galaxy-ai/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_galaxy_ai.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_galaxy_ai.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy AI </p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-flagship pdp-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio"> TV & Audio <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> TV & Audio </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="TVandAudio:tvs" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs"> TVs <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs:shop all tvs" role="menuitem" href="/us/televisions-home-theater/tvs/all-tvs/"> Shop All TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs:neo qled tvs" role="menuitem" href="/us/televisions-home-theater/tvs/samsung-neo-qled-8k/?technology=Samsung+Neo+QLED+8K,Samsung+Neo+QLED+4K"> Neo QLED TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs:oled tvs" role="menuitem" href="/us/televisions-home-theater/tvs/oled-tvs/"> OLED TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs:qled tvs" role="menuitem" href="/us/televisions-home-theater/tvs/qled-4k-tvs/"> QLED TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs:crystal uhd tvs" role="menuitem" href="/us/televisions-home-theater/tvs/crystal-uhd-tvs/"> Crystal UHD TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs:the frame tvs" role="menuitem" href="/us/televisions-home-theater/tvs/the-frame/"> The Frame TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs:the serif tvs" role="menuitem" href="/us/televisions-home-theater/tvs/the-serif/"> The Serif TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs:the terrace tvs" role="menuitem" href="/us/televisions-home-theater/tvs/the-terrace/"> The Terrace TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs:the sero tvs" role="menuitem" href="/us/televisions-home-theater/tvs/the-sero/"> The Sero TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs:tv accessories" role="menuitem" href="/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?category_names=Televisions"> TV Accessories </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs:micro led tvs" role="menuitem" href="/us/televisions-home-theater/tvs/all-tvs/?technology=Micro+Led"> Micro LED TVs </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="TVandAudio:lifestyle tvs" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:lifestyle tvs"> Lifestyle TVs <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:lifestyle tvs:outdoor tvs" role="menuitem" href="/us/televisions-home-theater/tvs/all-tvs/?technology=The+Terrace"> Outdoor TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:lifestyle tvs:art tvs" role="menuitem" href="/us/televisions-home-theater/tvs/all-tvs/?technology=The+Serif,The+Sero,The+Frame"> Art TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:lifestyle tvs:gaming tvs" role="menuitem" href="/us/televisions-home-theater/tvs/oled-tvs/42-class-oled-s90d-qn42s90daexza/"> Gaming TVs </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="TVandAudio:tvs by sizes" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs by sizes"> TVs by Sizes <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs by sizes:98 inch tvs" role="menuitem" href="/us/televisions-home-theater/tvs/98-inch-tvs/"> 98 inch TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs by sizes:85 inch tvs" role="menuitem" href="/us/televisions-home-theater/tvs/85-inch-tvs/"> 85 inch TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs by sizes:75 inch tvs" role="menuitem" href="/us/televisions-home-theater/tvs/75-inch-tvs/"> 75 inch TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs by sizes:65 inch tvs" role="menuitem" href="/us/televisions-home-theater/tvs/65-inch-tvs/"> 65 inch TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs by sizes:55 inch tvs" role="menuitem" href="/us/televisions-home-theater/tvs/55-inch-tvs/"> 55 inch TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs by sizes:50 inch tvs" role="menuitem" href="/us/televisions-home-theater/tvs/50-inch-tvs/"> 50 inch TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs by sizes:43 inch TVs" role="menuitem" href="/us/televisions-home-theater/tvs/43-inch-tvs/"> 43 inch TVs </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="TVandAudio:tvs by resolution" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs by resolution"> TVs by Resolution <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs by resolution:8K tvs" role="menuitem" href="/us/televisions-home-theater/tvs/8k-tvs/"> 8K TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs by resolution:4k tvs" role="menuitem" href="/us/televisions-home-theater/tvs/4k-tvs/"> 4K TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:tvs by resolution:uhd tvs" role="menuitem" href="/us/televisions-home-theater/tvs/all-tvs/?technology=Crystal+UHD+TVs"> UHD TVs </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="TVandAudio:projectors" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:projectors"> Projectors <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:projectors:shop all projectors" role="menuitem" href="/us/televisions-home-theater/tvs/all-tvs/?technology=The+Premiere,Portable+Projector"> Shop All Projectors </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:projectors:the premiere projector tv" role="menuitem" href="/us/televisions-home-theater/tvs/all-tvs/?technology=The+Premiere"> The Premiere Projector TV </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:projectors:the freestyle projector tv" role="menuitem" href="/us/televisions-home-theater/tvs/portable-projector/the-freestyle-with-gaming-hub-sp-lff3claxxza/"> The Freestyle Projector TV </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:projectors:projector tv accessories" role="menuitem" href="/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?category_names=Freestyle+Accessories"> Projector TV Accessories </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="TVandAudio:sound devices" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:sound devices"> Sound Devices <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:sound devices:shop all sound devices" role="menuitem" href="/us/televisions-home-theater/home-theater/all-home-theater/"> Shop All Sound Devices </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:sound devices:q series soundbars" role="menuitem" href="/us/televisions-home-theater/home-theater/all-home-theater/?series=Q-Series+Premium+Soundbars"> Premium Q-Series Soundbars </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:sound devices:ultra slim soundbar" role="menuitem" href="/us/televisions-home-theater/home-theater/all-home-theater/?series=Ultra+Slim+Soundbars"> Ultra Slim Soundbars </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:sound devices:music frame" role="menuitem" href="/us/televisions-home-theater/home-theater/all-home-theater/?series=Music+Frame"> Music Frame </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:sound devices:sound tower" role="menuitem" href="/us/televisions-home-theater/home-theater/sound-tower/"> Sound Tower </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:sound devices:JBL Audio" role="menuitem" href="/us/harman-kardon/jbl-harman-kardon/all-jbl-harman-kardon/"> JBL Audio </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:sound devices:audio accessories" role="menuitem" href="/us/televisions-home-theater/television-home-theater-accessories/audio-accessories/"> Audio Accessories </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap featured-products-thumbnail featured-products-thumbnail--type6"> <div class="nv00-gnb-v3__featured-list"> <div class="nv00-gnb-v3__l1-menu"> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="TVandAudio:discover" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover"> Discover <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover:TV and Home Theater Offers" role="menuitem" href="/us/shop/all-deals/tv-and-home-theater-deals/"> TV & Home Theater Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover:2025 get it first sign up" role="menuitem" href="/us/tvs/get-it-first/"> 2025 Get It First Sign Up </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover:shop samsung tv exclusives" role="menuitem" href="/us/televisions-home-theater/tvs/all-tvs/?shop=Online+Exclusives"> Shop Samsung TV Exclusives </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover:shop tv and audio bundles" role="menuitem" href="/us/televisions-home-theater/tvs/all-tvs/?offers=Bundles"> Shop TV & Audio Bundles </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover:why samsung tvs" role="menuitem" href="/us/tvs/why-samsung-tv/"> Why Samsung TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover:best gaming tv" role="menuitem" href="/us/tvs/gaming-tv/"> Best Gaming TV </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover:why samsung smart tv" role="menuitem" href="/us/tvs/smart-tv/highlights/"> Why Samsung Smart TV </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover:best samsung tv for sports" role="menuitem" href="/us/tvs/sports-tv/"> Best Samsung TV for Sports </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover:why super big tv" role="menuitem" href="/us/tvs/supersize-tv/"> Why Super Big TV </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover:why 8k tvs" role="menuitem" href="/us/tvs/8k-tv/"> Why 8K TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover:Why Neo QLED TVs" role="menuitem" href="/us/tvs/neoqled-tv/"> Why Neo QLED TVs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover:why samsung oled" role="menuitem" href="/us/tvs/oled-tvs/"> Why Samsung OLED </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover:why qled 4k" role="menuitem" href="/us/tvs/qled-tv/highlights/"> Why QLED 4K </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:discover:micro led" role="menuitem" href="/us/tvs/micro-led/highlights/"> MICRO LED </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu"> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="TVandAudio:buying guide" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:buying guide"> Buying Guide <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="TVandAudio:buying guide:tv buying guide" role="menuitem" href="/us/tvs/tv-buying-guide/"> TV Buying Guide </a> </li> </ul> </div> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:TVandAudio:discover tvs" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/tvs/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_tvs.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_tvs.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Discover TVs </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:TVandAudio:discover sound devices" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/home-theater/soundbars-and-home-audio/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_sound_devices.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_sound_devices.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Discover Sound Devices </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:TVandAudio:discover lifestyle tvs" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/televisions-home-theater/tvs/lifestyle-tvs/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_lifestyle_tvs.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_lifestyle_tvs.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Discover Lifestyle TVs </p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-flagship pdp-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances"> Appliances <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> Appliances </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Appliances:refrigerators" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:refrigerators"> Refrigerators <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:refrigerators:refrigerators" role="menuitem" href="/us/home-appliances/refrigerators/all-refrigerators/?shop=Buy+Online"> Refrigerators </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:refrigerators:french door" role="menuitem" href="/us/home-appliances/refrigerators/all-refrigerators/?shop=Buy+Online&type=French+Door"> French Door </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:refrigerators:water filters" role="menuitem" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?key_features=Water+Filters"> Water Filters </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:refrigerators:bespoke refrigerator panels" role="menuitem" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?key_features=Bespoke+Panels&shop=Buy+Online"> Bespoke Refrigerator Panels </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Appliances:laundry" an-tr="nv00_gnb-flagship pdp-l1-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-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:laundry:all washers" role="menuitem" href="/us/home-appliances/washers/all-washers/?shop=Buy+Online"> Washers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:laundry:all dryers" role="menuitem" href="/us/home-appliances/dryers/all-dryers/?shop=Buy+Online"> Dryers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:laundry:shop washer and dryers sets" role="menuitem" href="/us/home-appliances/washers/all-washers/?technology=Washer+and+Dryer+Sets"> Washer & Dryer Sets </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:laundry:washer dryer combo" role="menuitem" 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/"> Washer Dryer Combo </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:laundry:laundry accessories" role="menuitem" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names=Washers+%26+Dryers"> Laundry Accessories </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Appliances:cooking appliances" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:cooking appliances"> Cooking Appliances <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:cooking appliances:ranges" role="menuitem" href="/us/home-appliances/ranges/all-ranges/?shop=Buy+Online"> Ranges </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:cooking appliances:microwaves" role="menuitem" href="/us/home-appliances/microwaves/all-microwaves/?shop=Buy+Online"> Microwaves </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:cooking appliances:wall ovens" role="menuitem" href="/us/home-appliances/wall-ovens/all-wall-ovens/?shop=Buy+Online"> Wall Ovens </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:cooking appliances:cooktops and hoods" role="menuitem" href="/us/home-appliances/cooktops-and-hoods/all-cooktops-and-hoods/?shop=Buy+Online"> Cooktops & Hoods </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Appliances:dishwashers" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:dishwashers"> Dishwashers <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:dishwashers:dishwashers" role="menuitem" href="/us/home-appliances/dishwashers/all-dishwashers/"> Dishwashers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:dishwashers:Linear Wash" role="menuitem" href="/us/home-appliances/dishwashers/all-dishwashers/?technology=Linear+Wash"> Linear Wash </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:dishwashers:rotary" role="menuitem" href="/us/home-appliances/dishwashers/all-dishwashers/?technology=Rotary&shop=Buy+Online"> Rotary </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Appliances:vacuums" an-tr="nv00_gnb-flagship pdp-l1-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-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:vacuums:vacuums" role="menuitem" href="/us/home-appliances/vacuums/all-vacuums/"> Vacuums </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:vacuums:Jet Stick" role="menuitem" href="/us/home-appliances/vacuums/all-vacuums/?type=Jet+Stick&shop=Buy+Online"> Jet Stick </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:vacuums:Jet Bot Robot" role="menuitem" href="/us/home-appliances/vacuums/all-vacuums/?type=Jet+Bot+Robot"> Jet Bot Robot </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:vacuums:vacuum accessories" role="menuitem" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names=Vacuums&shop=Buy+Online"> Vacuum Accessories </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap featured-products-thumbnail featured-products-thumbnail--type6"> <div class="nv00-gnb-v3__featured-list"> <div class="nv00-gnb-v3__l1-menu"> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Appliances:discover" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:discover"> Discover <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:discover:Meet Bespoke AI First" role="menuitem" href="/us/home-appliances/bespoke-ai/reserve/"> 2025 Bespoke AI Reserve </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:discover:Appliance Offers" role="menuitem" href="/us/shop/all-deals/home-appliance-and-smart-home-sales/"> Appliance Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:discover:discover home appliances" role="menuitem" href="/us/home-appliances/"> Why Samsung Appliances </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:discover:bespoke home" role="menuitem" href="/us/home-appliances/bespoke/"> Bespoke Home </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:discover:bespoke kitchen" role="menuitem" href="/us/home-appliances/bespoke/kitchen/"> Bespoke Kitchen </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:discover:bespoke design studio" role="menuitem" href="/us/home-appliances/bespoke/design-studio/"> Bespoke Design Studio </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:discover:why family hub" role="menuitem" href="/us/explore/family-hub-refrigerator/overview/"> Why Family Hub™ </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:discover:inflation reduction act rebates" role="menuitem" href="/us/home-appliances/inflation-reduction-act/"> Inflation Reduction Act Rebates </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:discover:Bundle Builder" role="menuitem" href="/us/home-appliances/build-your-bundle/"> Bundle Builder </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Dacor: Luxury Appliances: Open in a New Window" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:discover:dacor luxury appliance" role="menuitem" target="_blank" href="https://www.dacor.com/us/home/"> Dacor: Luxury Appliances <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Cooling & Heating: Open in a New Window" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:discover:cooling and heating" role="menuitem" target="_blank" href="https://www.samsunghvac.com/whole-home-system?utm_source=Samsung.com&utm_medium=parent_co_website&utm_campaign=b2c&utm_term=wholeHomeAC"> Cooling & Heating <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-v3__l1-menu"> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Appliances:buying guide" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:buying guide"> Buying Guide <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Appliances:buying guide:home appliance buying guides" role="menuitem" href="/us/home-appliances/buying-guide/"> Home Appliance Buying Guides </a> </li> </ul> </div> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Appliances:refrigerators" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/refrigerators/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Refrigerators-GNB-176x176.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Refrigerators-GNB-176x176.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Refrigerators </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Appliances:washers & dryers" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/home-appliances/laundry/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02032025/SDSAC-8791-Bespoke-AI-Laundry-Combo-176x176.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02032025/SDSAC-8791-Bespoke-AI-Laundry-Combo-176x176.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Washers & Dryers </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Appliances:ranges" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/ranges/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Ranges-GNB-176x176.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Ranges-GNB-176x176.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Ranges </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Appliances:dishwashers" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/dishwashers/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Dishwashers-GNB-176x176.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Dishwashers-GNB-176x176.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Dishwashers </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Appliances:microwaves" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/microwaves/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Microwaves-GNB-176x176.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12232024/image_asset_Microwaves-GNB-176x176.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Microwaves </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Appliances:vacuums" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/vacuums/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02032025/SDSAC-8791-Bespoke-Vacuum-176x176.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02032025/SDSAC-8791-Bespoke-Vacuum-176x176.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Vacuums </p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-flagship pdp-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays"> Computing & Displays <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> Computing & Displays </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Computing and Displays:galaxy book and laptops" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy book and laptops"> Galaxy Book & Laptops <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy book and laptops:all laptops" role="menuitem" href="/us/computing/galaxy-books/all-galaxy-books/"> All Laptops </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy book and laptops:galaxy book5 pro 360" role="menuitem" href="/us/computing/galaxy-books/galaxy-book5-pro-360/"> Galaxy Book5 Pro 360 </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy book and laptops:Galaxy Book5 Pro" role="menuitem" href="/us/computing/galaxy-books/galaxy-book5-pro/"> Galaxy Book5 Pro </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy book and laptops:Galaxy Book5 360" role="menuitem" href="/us/computing/galaxy-books/galaxy-book5-360/"> Galaxy Book5 360 </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy book and laptops:galaxy book4 edge 14 galaxy book4 edge 16" role="menuitem" href="/us/computing/galaxy-books/galaxy-book4-edge/"> Galaxy Book4 Edge 14 I 16<br /> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy book and laptops:galaxy book4 edge 15" role="menuitem" href="/us/computing/galaxy-books/galaxy-book4-edge-15-6-inch/"> Galaxy Book4 Edge 15 </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy book and laptops:galaxy book4 pro 360" role="menuitem" href="/us/computing/galaxy-books/galaxy-book4-series/"> Galaxy Book4 Series<br /> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy book and laptops:galaxy book ultra" role="menuitem" href="/us/computing/galaxy-books/galaxy-book4-ultra/"> Galaxy Book4 Ultra </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy book and laptops:galaxy book4" role="menuitem" href="/us/computing/galaxy-books/galaxy-book4/"> Galaxy Book4 </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy book and laptops:galaxy chromebook plus" role="menuitem" href="/us/computing/chromebooks/chromebook-plus/"> Galaxy Chromebook Plus </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy book and laptops:Copilot plus PCs" role="menuitem" href="/us/computing/galaxy-book-copilot-plus-pcs/"> Copilot+ PCs </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Computing and Displays:galaxy tablets" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy tablets"> Galaxy Tablets <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy tablets:shop all tablets" role="menuitem" href="/us/mobile/tablets/all-tablets/"> Shop All Tablets </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy tablets:galaxy tab s10 ultra galaxy tab s10 plus" role="menuitem" href="/us/tablets/galaxy-tab-s10/"> Galaxy Tab S10 Ultra I S10+ </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy tablets:galaxy tab s9 ultra galaxy tab s9 plus galaxy tab s9" role="menuitem" href="/us/tablets/galaxy-tab-s9/"> Galaxy Tab S9 Ultra I S9+ I S9 </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy tablets:galaxy tab s9 fe plus galaxy tab s9 fe" role="menuitem" href="/us/tablets/galaxy-tab-s9-fe/"> Galaxy Tab S9 FE+ I S9 FE </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy tablets:galaxy tab a9 plus" role="menuitem" href="/us/tablets/galaxy-tab-a9-plus/"> Galaxy Tab A9+ </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:galaxy tablets:galaxy tab a9 plus kids edition" role="menuitem" href="/us/tablets/galaxy-tab-a9-plus/kids-edition/"> Galaxy Tab A9+ Kids Edition </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Computing and Displays:computer monitors" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:computer monitors"> Computer Monitors <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:computer monitors:shop all monitors" role="menuitem" href="/us/computing/monitors/all-monitors/"> Shop All Monitors </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:computer monitors:oled gaming" role="menuitem" href="/us/computing/monitors/oled-monitor/"> OLED Gaming Monitors </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:computer monitors:4K Monitors" role="menuitem" href="/us/computing/monitors/all-monitors/?technology=4K"> 4K Monitors </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:computer monitors:high resolution monitor" role="menuitem" href="/us/computing/monitors/uhd-and-wqhd/"> High Resolution Monitors </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:computer monitors:smart monitors" role="menuitem" href="/us/computing/monitors/smart-monitors/"> Smart Monitors </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:computer monitors:curved" role="menuitem" href="/us/computing/monitors/all-monitors/?technology=Curved"> Curved Monitors </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:computer monitors:gaming monitor" role="menuitem" href="/us/computing/monitors/gaming/"> Gaming Monitors </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Computing and Displays:memory and storage" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:memory and storage"> Memory & Storage <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:memory and storage:shop all memory and storage" role="menuitem" href="/us/computing/memory-storage/all-memory-storage/"> Shop all Memory & Storage </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:memory and storage:internal ssds" role="menuitem" href="/us/computing/memory-storage/solid-state-drives/"> Internal SSDs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:memory and storage:portable ssd" role="menuitem" href="/us/computing/memory-storage/portable-solid-state-drives/"> Portable SSDs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:memory and storage:memory cards" role="menuitem" href="/us/computing/memory-storage/memory-cards/"> Memory Cards </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:memory and storage:usb flash drive" role="menuitem" href="/us/computing/memory-storage/usb-flash-drives/"> USB Flash Drive </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:memory and storage:discover gaming ssds" role="menuitem" href="/us/memory-storage/solid-state-drives/gaming-ssd/"> Discover Gaming SSDs </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:memory and storage:ssd magician software" role="menuitem" href="/us/memory-storage/magician-software/"> SSD Magician Software </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Computing and Displays:for business" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:for business"> For Business <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Smart Signage: Open in a New Window" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:for business:smart signage" role="menuitem" target="_blank" href="/us/business/displays/smart-signage/"> Smart Signage <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="LED Signage: Open in a New Window" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:for business:led signage" role="menuitem" target="_blank" href="/us/business/displays/led-signage/indoor/"> LED Signage <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Commercial TVs: Open in a New Window" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:for business:commercial tvs" role="menuitem" target="_blank" href="/us/business/displays/commercial-tvs/"> Commercial TVs <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Business Monitors: Open in a New Window" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:for business:business monitors" role="menuitem" target="_blank" href="/us/business/computing/monitors/"> Business Monitors <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Digital Signage Accessories: Open in a New Window" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:for business:digital signage accessories" role="menuitem" target="_blank" href="/us/business/displays/accessories/"> Digital Signage Accessories <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="VXT - Content & Remote Management: Open in a New Window" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:for business:vxt content and remote management" role="menuitem" target="_blank" href="/us/business/display-solutions/samsung-vxt/"> VXT - Content & Remote Management <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-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Computing and Displays:consumer displays" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:consumer displays"> Consumer Displays <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Interactive Displays: Open in a New Window" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:consumer displays:interactive displays" role="menuitem" target="_blank" href="/us/displays/interactive/wm-series/samsung-interactive-pro-75-lh75wmbwlgcxza/"> Interactive Displays <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="The Wall All-in-One: Open in a New Window" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:consumer displays:the wall all in one" role="menuitem" target="_blank" href="/us/displays/direct-view-led/ia-series/the-wall-all-in-one-146-p84-lh008iabmus-go/"> The Wall All-in-One <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Pro TV: Open in a New Window" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:consumer displays:pro tv" role="menuitem" target="_blank" href="/us/business/displays/commercial-tvs/be-series/55-bed-h-series-4k-business-pro-tv-lh55bedhlgfxgo/"> Pro TV <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Pro TV Terrace Edition: Open in a New Window" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:consumer displays:pro tv terrace edition" role="menuitem" target="_blank" href="/us/displays/pro-tv/bh-series/65-bht-series-qled-4k-uhd-hdr-pro-tv-terrace-edition-lh65bhtelgfxgo/"> Pro TV Terrace Edition <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-v3__l1-menu-wrap featured-products-thumbnail featured-products-thumbnail--type6"> <div class="nv00-gnb-v3__featured-list"> <div class="nv00-gnb-v3__l1-menu"> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Computing and Displays:discover" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:discover"> Discover <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:discover:Tablet and Computing Offers" role="menuitem" href="/us/shop/all-deals/tablets-laptops-computers-deals/"> Tablet & Computing Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:discover:Memory and Storage Offers" role="menuitem" href="/us/shop/all-deals/memory-monitor-storage-deals/"> Memory & Storage Offers </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:discover:odyssey gaming monitor" role="menuitem" href="/us/computing/monitors/odyssey/"> Why Odyssey Gaming Monitor </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:discover:why viewfinity monitors" role="menuitem" href="/us/monitors/viewfinity-high-resolution-monitor/"> Why Viewfinity Monitors </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:discover:compare galaxy books" role="menuitem" href="/us/computing/galaxy-books/compare/"> Compare Galaxy Books </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:discover:windows 11" role="menuitem" href="/us/computing/windows-11/"> Windows 11 </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:discover:galaxy books download center" role="menuitem" href="https://www.samsung.com/global/galaxybooks-downloadcenter/?siteCode=us"> Galaxy Books Download Center </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu"> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Computing and Displays:buying guide" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:buying guide"> Buying Guide <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Computing and Displays:buying guide:monitor buying guide" role="menuitem" href="/us/monitors/refresh-rate/"> Monitor Buying Guide </a> </li> </ul> </div> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Computing and Displays:discover galaxy book" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/galaxy-books/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/Galaxy-Book5-Series_Home_GNB176x176.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01192025/Galaxy-Book5-Series_Home_GNB176x176.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Discover Galaxy Book </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Computing and Displays:discover computer monitors" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/monitors/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_monitor.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_monitor.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Discover Computer Monitors </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Computing and Displays:Discover Galaxy Tablets" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/tablets/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01202025/img_galaxytab10_series_updated_1.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/2501/gnb/01202025/img_galaxytab10_series_updated_1.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Discover Galaxy Tablets </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Computing and Displays:discover memory and storage" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/memory-storage/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_memory_storage.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/image_asset_memory_storage.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Discover Memory & Storage </p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-flagship pdp-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories"> Accessories <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> Accessories </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Accessories:mobile accessories" an-tr="nv00_gnb-flagship pdp-l1-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-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:mobile accessories:all accessories" role="menuitem" href="https://www.samsung.com/us/accessories/"> All Accessories </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:mobile accessories:phone accessories" role="menuitem" href="https://www.samsung.com/us/mobile/mobile-accessories/phones/"> Phone Accessories </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:mobile accessories:tablet accessories" role="menuitem" href="https://www.samsung.com/us/mobile/mobile-accessories/tablets/"> Tablet Accessories </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:mobile accessories:wearable accessories" role="menuitem" href="https://www.samsung.com/us/mobile/mobile-accessories/smartwatches/"> Wearable Accessories </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:mobile accessories:buds accessories" role="menuitem" href="https://www.samsung.com/us/mobile/mobile-accessories/all-mobile-accessories/?category_names=Buds"> Buds Accessories </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:mobile accessories:smartthings accessories" role="menuitem" href="https://www.samsung.com/us/mobile/mobile-accessories/all-mobile-accessories/?accessories_type=SmartThings"> SmartThings Accessories </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Accessories:tv and audio accessories" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:tv and audio accessories"> TV & Audio Accessories <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:tv and audio accessories:all tv accessories" role="menuitem" href="https://www.samsung.com/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?category_names=Televisions"> All TV Accessories </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:tv and audio accessories:tv stands" role="menuitem" href="https://www.samsung.com/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?accessory_type=Stand"> TV Stands </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:tv and audio accessories:tv wall mounts" role="menuitem" href="https://www.samsung.com/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?accessory_type=Wall+Mounts"> TV Wall Mounts </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:tv and audio accessories:tv bezels" role="menuitem" href="https://www.samsung.com/us/televisions-home-theater/television-home-theater-accessories/all-television-home-theater-accessories/?accessory_type=Customizable+Frame+Bezels"> TV Bezels </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:tv and audio accessories:jbl audio" role="menuitem" href="https://www.samsung.com/us/harman-kardon/jbl-harman-kardon/all-jbl-harman-kardon/"> JBL Audio </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:tv and audio accessories:all home audio accessories" role="menuitem" href="https://www.samsung.com/us/televisions-home-theater/television-home-theater-accessories/audio-accessories/"> All Home Audio Accessories </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Accessories:appliance accessories" an-tr="nv00_gnb-flagship pdp-l1-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-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:appliance accessories:Water Filters" role="menuitem" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?key_features=Water+Filters"> Water Filters </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:appliance accessories:bespoke refrigerator panels" role="menuitem" href="https://www.samsung.com/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?key_features=Bespoke+Panels"> Bespoke Refrigerator Panels </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:appliance accessories:laundry accessories" role="menuitem" href="/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names=Washers+%26+Dryers"> Laundry Accessories </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:appliance accessories:range accessories" role="menuitem" href="https://www.samsung.com/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names=Range+Accessories"> Range Accessories </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:appliance accessories:vacuum accessories" role="menuitem" href="https://www.samsung.com/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/?category_names=Vacuums"> Vacuum Accessories </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:appliance accessories:all accessories" role="menuitem" href="https://www.samsung.com/us/home-appliances/home-appliances-accessories/all-home-appliances-accessories/"> All Accessories </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Accessories:computing accessories" an-tr="nv00_gnb-flagship pdp-l1-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-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Accessories:computing accessories:shop all accessories" role="menuitem" href="https://www.samsung.com/us/computing/computing-accessories/all-computing-accessories/?category_names=Computers"> Shop All Accessories </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap featured-products-thumbnail featured-products-thumbnail--type6"> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Accessories:Shop All Accessories" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/accessories/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Shop-Accessories-176x176-v2.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/01032025/SDSAC-8612-image_asset_Shop-Accessories-176x176-v2.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Shop All Accessories </p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-flagship pdp-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="AI"> AI <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> AI </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="AI:ai" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="AI:ai"> AI <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="AI:ai:galaxy ai mobile" role="menuitem" href="/us/galaxy-ai/"> Galaxy AI Mobile </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="AI:ai:samsung ai tv" role="menuitem" href="/us/tvs/neoqled-tv/"> Samsung AI TV </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="AI:ai:bespoke ai appliances" role="menuitem" href="/us/home-appliances/bespoke/"> Bespoke AI Appliances </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap featured-products-thumbnail featured-products-thumbnail--type10"> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <div class="nv00-gnb-v3__l1-menu show"> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="AI:discover" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="AI:discover"> Discover <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item nv00-gnb-v3__featured-products-thumbnail-item--fullbleed"> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:AI:discover ai" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/ai-products/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_discover_ai_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/12192024/img_discover_ai_updated.png?$336_252_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Discover AI </p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="nv00-gnb-v3__l0-menu"> <a class="nv00-gnb-v3__l0-menu-link" an-tr="nv00_gnb-flagship pdp-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="Smarthings" role="menuitem" href="/us/smartthings/"> SmartThings </a> </li> </ul> <ul class="nv00-gnb-v3__l0-menu-list right-menu" role="menubar"> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-flagship pdp-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support"> Support <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> Support </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Support:product help" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:product help"> Product Support <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:product help:support home" role="menuitem" href="/us/support/"> Support Home </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:product help:manual and software" role="menuitem" href="/us/support/downloads/"> Manual & Software </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:product help:register a product" role="menuitem" href="/us/support/register-product/"> Register a Product </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:product help:order support" role="menuitem" href="/us/support/samsung-care/"> Samsung Care </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Support:contact" an-tr="nv00_gnb-flagship pdp-l1-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-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:contact:contact us" role="menuitem" href="/us/support/order-help/"> Order Help<br /> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:contact:Product Help" role="menuitem" href="/us/support/contact/"> Product Help </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:contact:sign language support" role="menuitem" href="/us/support/aslsupport/"> Sign Language Support </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Support:repair services" an-tr="nv00_gnb-flagship pdp-l1-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-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:repair services:warranty information" role="menuitem" href="/us/support/warranty/"> Warranty Information </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:repair services:find a Service Center" role="menuitem" href="/us/support/service/locations/"> Find a Service Center </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:repair services:Request a Repair" role="menuitem" href="/us/support/service/"> Request a Repair </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:repair services:Cracked Screen Repair" role="menuitem" href="/us/support/cracked-screen-repair/"> Cracked Screen Repair </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:repair services:Check Repair Status" role="menuitem" href="/us/support/service/#repairStatus"> Check Repair Status<br /> </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Support:additional support" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:additional support"> Additional Support <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Community: Open in a New Window" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:additional support:community" role="menuitem" target="_blank" href="https://us.community.samsung.com/t5/Samsung-Community/ct-p/us?page=1&tab=recent_topics"> Community <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:additional support:samsung care plus" role="menuitem" href="/us/support/samsung-care-plus/home-appliances-and-electronics/"> Samsung Care+ </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:additional support:samsung care plus mobile" role="menuitem" href="/us/support/samsung-care-plus/"> Samsung Care+ Mobile </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-flagship pdp-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:additional support:self repair program" role="menuitem" href="/us/support/self-repair/"> Self-Repair Program </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap featured-products-thumbnail "> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <div class="nv00-gnb-v3__l1-menu show"> <p class="nv00-gnb-v3__l1-menu-btn" data-engname="Support:discover" an-tr="nv00_gnb-flagship pdp-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="Support:discover"> Discover <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </p> </div> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Support:Order Help" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/support/order-help/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Order-Help.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Order-Help.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Order Help </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Support:Product Help" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/support/contact/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Product-help.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Product-help.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Product Help </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Support:Request a Repair" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/support/service/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Repair-a-product.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Repair-a-product.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Request a Repair </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-flagship pdp-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:Support:Register a Product" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/us/support/register-product/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Register-a-product.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/us/gnb/02202025/icn_Register-a-product.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Register a Product </p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="nv00-gnb-v3__l0-menu "> <a class="nv00-gnb-v3__l0-menu-link" an-tr="nv00_gnb-flagship pdp-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="For Business" aria-label="For Business: Open in a New Window" role="menuitem" target="_blank" href="/us/business/"> For Business <svg class="icon" focusable="false" aria-hidden="true" width="96" height="96" viewbox="0 0 96 96"> <path d="M68.873,0V54.286h-8V13.657L5.657,68.873,0,63.216,55.216,8H14.587V0Z" transform="translate(12.563 14.563)"/> </svg> </a> </li> </ul> </div> <div class="nv00-gnb-v3__utility-wrap"> <div class="nv00-gnb-v3__utility search"> <button class="nv00-gnb-v3__utility-btn gnb__search-btn-js" an-tr="nv00_gnb-flagship pdp-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-regular" href="#search-regular"></use> </svg> <span class="nv00-gnb-v3__utility-btn-text" placeholder="Search">Search</span> </button> </div> <div class="nv00-gnb-v3__utility cart"> <a class="nv00-gnb-v3__utility-btn js-gp-cart-btn" href="/us/web/express/cart/" an-tr="nv00_gnb-flagship pdp-gnb cart icon-navigation6" 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-regular" href="#cart-regular"></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-v3__utility before-login"> <a class="nv00-gnb-v3__utility-btn mobile-only loginBtn" an-tr="nv00_gnb-flagship pdp-l0-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" width="96" height="96" viewbox="0 0 96 96"> <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)"/> </svg> </a> <ul class="nv00-gnb-v3__utility-user-menu-list" role="menu"> <li class="nv00-gnb-v3__utility-user-menu desktop-only" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link loginBtn" href="javascript:;" aria-label="Sign in/Create Account" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="sign in sign up" data-linkinfo="https://account.samsung.com/accounts/v1/samsung_com_us/signInGate" role="menuitem"> Sign in/Create Account </a> </li> <li class="nv00-gnb-v3__utility-user-menu"> <a class="nv00-gnb-v3__utility-user-menu-link" href="https://www.samsung.com/us/samsung-account-benefits/" an-tr="nv00_gnb-flagship pdp-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-v3__utility-user-menu"> <a class="nv00-gnb-v3__utility-user-menu-link" href="https://www.samsung.com/us/web/search-orders/" an-tr="nv00_gnb-flagship pdp-account-account" an-ca="account" an-ac="gnb" an-la="track your order" aria-label="track your order" role="menuitem"> Track your orders </a> </li> <li class="nv00-gnb-v3__utility-user-menu"> <a class="nv00-gnb-v3__utility-user-menu-link" href="https://www.samsung.com/us/business/account/login/" an-tr="nv00_gnb-flagship pdp-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-v3__utility after-login"> <a class="nv00-gnb-v3__utility-btn" href="https://account.samsung.com/membership/contents/profile/profile-gate" role="button" aria-label="Go to the another page" an-tr="gnb-account, cart-flagship pdp-account-account" an-ca="account" an-ac="gnb" an-la="user name"> <span class="hidden">Open My Menu</span> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true" width="96" height="96" viewbox="0 0 96 96"> <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)"/> </svg> </span> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> </a> <ul class="nv00-gnb-v3__utility-user-menu-list" role="menu"> <li class="nv00-gnb-v3__utility-user-menu user desktop-only" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link js-user-name" href="https://account.samsung.com/membership/contents/profile/profile-gate" role="menuitem" aria-label="Go to the another page" an-tr="gnb-account, cart-flagship pdp-account-account" an-ca="account" an-ac="gnb" an-la="user name"> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true" width="96" height="96" viewbox="0 0 96 96"> <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)"/> </svg> </span> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> <p class="user-name"></p> </a> </li> <li class="nv00-gnb-v3__utility-user-menu" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link" an-tr="nv00_gnb-flagship pdp-account-account" an-ca="account" an-ac="gnb" an-la="my orders" aria-label="my orders" href="https://www.samsung.com/us/web/my-orders/">My Orders</a> </li> <li class="nv00-gnb-v3__utility-user-menu" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link" an-tr="nv00_gnb-flagship pdp-account-account" an-ca="account" an-ac="gnb" an-la="my page and products" aria-label="my page and products" href="https://www.samsung.com/us/support/account/products/">My Page & Products</a> </li> <li class="nv00-gnb-v3__utility-user-menu" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link" an-tr="nv00_gnb-flagship pdp-account-account" an-ca="account" an-ac="gnb" an-la="my rewards" aria-label="my rewards" href="https://www.samsung.com/us/web/account/my-rewards/">My Rewards</a> </li> <li class="nv00-gnb-v3__utility-user-menu" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link" an-tr="nv00_gnb-flagship pdp-account-account" an-ca="account" an-ac="gnb" an-la="product registration" aria-label="product registration" href="https://www.samsung.com/us/support/register/">Product Registration</a> </li> <li class="nv00-gnb-v3__utility-user-menu" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link" an-tr="nv00_gnb-flagship pdp-account-account" an-ca="account" an-ac="gnb" an-la="samsung account" aria-label="samsung account" href="https://v3.account.samsung.com/dashboard/">Samsung Account</a> </li> <li class="nv00-gnb-v3__utility-user-menu"> <a class="nv00-gnb-v3__utility-user-menu-link logoutBtn" an-tr="nv00_gnb-flagship pdp-account-account" href="javascript:;" an-ca="account" an-ac="gnb" an-la="logout" aria-label="logout" role="menuitem">Log Out</a> </li> </ul> </div> <div class="nv00-gnb-v3__utility hamburger"> <button class="nv00-gnb-v3__utility-btn" an-tr="nv00_gnb-flagship pdp-gnb open / close-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" width="96" height="96" viewbox="0 0 96 96"> <path d="M0,57V52H70v5ZM0,31V26H70v5ZM0,5V0H70V5Z" transform="translate(13 20)"/> </svg> </button> </div> </div> <div class="nv00-gnb-v3__inner-wrap-looping--end" tabindex="0"></div> </div> </div> <div class="nv00-gnb-v3__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="tokocommercewebservicesYn" id="tokocommercewebservicesYn"/> <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-v3__layer-popup-wrap"> <div class="nv00-gnb-v3__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.nv00GnbV3.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.nv00GnbV3.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.nv00GnbV3.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-v3__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="sc_gnb_bdcApiUseYn" id="sc_gnb_bdcApiUseYn" value="N"/> <input type="hidden" name="sc_gnb_eppUseGnbAiSearchYn" id="sc_gnb_eppUseGnbAiSearchYn"/> <input type="hidden" name="eppFlag" id="eppFlag" value="N"/> <section class="srd19-gnb-search" role="dialog" aria-modal="true"> <div class="srd19-gnb-search__looping--start" tabindex="0"></div> <div class="srd19-gnb-search__contents"> <form action="" class="srd19-gnb-search__form" role="search" autocomplete="off"> <fieldset> <legend>Search Form</legend> <button class="srd19-gnb-search__btn-search" aria-label="Search" an-tr="srd19_gnb search-flagship pdp-submit-search" an-ca="search" an-ac="gnb search" an-la="search bar:keyword submit:keyword"> <svg class="icon" focusable="false"> <use xlink:href="#search-regular" href="#search-regular"></use> </svg> </button> <div class="srd19-gnb-search__input-wrap"> <input type="text" name="search" class="srd19-gnb-search__input" aria-label="Search" id="gnb-search-keyword" placeholder="Search" an-tr="search layer--search bar-submit" an-ca="search" an-ac="search layer" an-la="search bar:keyword submit:"/> </div> <button type="button" class="srd19-gnb-search__clear" an-tr="srd19_gnb search-flagship pdp-delete-search" an-ca="search" an-ac="gnb search" an-la="search bar:keyword delete"> <span class="text">Clear</span> </button> <button type="button" class="srd19-gnb-search__scan-barcode srd19-gnb-search__scan-barcode--hide"> <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> </fieldset> </form> <div class="srd19-gnb-search__result-wrap"> <div class="srd19-gnb-search__result"> <div class="srd19-gnb-search__searches"> <div class="srd19-gnb-search__list-wrap srd19-gnb-search__no-suggestions srd19-gnb-search__list-wrap--hide"> <div class="srd19-gnb-search__list-title-wrap"> <h3 class="srd19-gnb-search__list-title">NO SUGGESTIONS</h3> </div> </div> <div class="srd19-gnb-search__list-wrap srd19-gnb-search__suggested srd19-gnb-search__list-wrap--hide"> <div class="srd19-gnb-search__list-title-wrap"> <h3 class="srd19-gnb-search__list-title">Suggested Searches</h3> </div> <ul class="srd19-gnb-search__list" role="list"> </ul> </div> <div class="srd19-gnb-search__list-wrap srd19-gnb-search__popular"> <div class="srd19-gnb-search__list-title-wrap"> <h3 class="srd19-gnb-search__list-title">POPULAR SEARCHES</h3> </div> <ul class="srd19-gnb-search__list" role="list"> </ul> </div> <div class="srd19-gnb-search__list-wrap srd19-gnb-search__recent srd19-gnb-search__list-wrap--hide"> <div class="srd19-gnb-search__list-title-wrap"> <h3 class="srd19-gnb-search__list-title">RECENT SEARCHES</h3> </div> <ul class="srd19-gnb-search__list" role="list"> </ul> </div> </div> <div class="srd19-gnb-search__thumb srd19-gnb-search__related srd19-gnb-search__list-wrap--hide"> <div class="srd19-gnb-search__thumb-title-wrap"> <h3 class="srd19-gnb-search__thumb-title">RELATED PRODUCTS</h3> </div> <ul class="srd19-gnb-search__thumb-list" role="menu"> </ul> </div> <div class="srd19-gnb-search__thumb srd19-gnb-search__recommended"> <div class="srd19-gnb-search__thumb-title-wrap"> <h3 class="srd19-gnb-search__thumb-title">RECOMMENDED</h3> </div> <ul class="srd19-gnb-search__thumb-list" role="menu"> </ul> </div> </div> </div> <button type="button" class="srd19-gnb-search__close" an-tr="srd19_gnb search-flagship pdp-close-search" an-ca="search" an-ac="gnb search" 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="srd19-gnb-search__dimmed"></div> <div class="srd19-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 Ring</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/rings/galaxy-ring/buy/" aria-label="From $399.99 or $16.67/mo for 24 months⊕" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy ring:galaxy-ring:stk-bar:page:from">From $399.99 or $16.67/mo for 24 months⊕ </a> </li> </ul> <div class="floating-navigation__button-wrap"> <a class="floating-navigation__button" href="/us/rings/galaxy-ring/buy/" aria-label="BUY NOW" an-tr="nv04_floating navigation-flagship pdp-cta-button" an-ca="navigation" an-ac="secondary navi" an-la="galaxy ring:galaxy-ring: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/rings/galaxy-ring/#wellness" aria-label="WELLNESS" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy ring:galaxy-ring:stk-bar:page:wellness">WELLNESS </a> </li> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/us/rings/galaxy-ring/#health" aria-label="HEALTH" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy ring:galaxy-ring:stk-bar:page:health">HEALTH </a> </li> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/us/rings/galaxy-ring/#fitness" aria-label="FITNESS" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy ring:galaxy-ring:stk-bar:page:fitness">FITNESS </a> </li> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/us/rings/galaxy-ring/#battery" aria-label="BATTERY" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy ring:galaxy-ring:stk-bar:page:battery">BATTERY </a> </li> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/us/rings/galaxy-ring/#sizing" aria-label="SIZING" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy ring:galaxy-ring:stk-bar:page:sizing">SIZING </a> </li> <li class="floating-navigation__menu-item floating-navigation__menu-utility swiper-slide" role="presentation"> <a href="/us/rings/galaxy-ring/buy/" aria-label="From $399.99 or $16.67/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 ring:galaxy-ring:stk-bar:page:from">From $399.99 or $16.67/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-ring :root { --swiper-theme-color: #007aff; --swiper-navigation-size: 44px; } .wearable-ring .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .wearable-ring .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .wearable-ring .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wearable-ring .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .wearable-ring .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .wearable-ring .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .wearable-ring .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-ring .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .wearable-ring .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .wearable-ring .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .wearable-ring .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -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-ring .swiper-container-android .swiper-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .wearable-ring .swiper-container-multirow>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .wearable-ring .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-ring .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .wearable-ring .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-ring .swiper-slide-invisible-blank { visibility: hidden; } .wearable-ring .swiper-container-autoheight { height: auto; } .wearable-ring .swiper-container-autoheight .swiper-slide { height: auto; } .wearable-ring .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-ring .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .wearable-ring .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .wearable-ring .swiper-container-3d .swiper-slide { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .wearable-ring .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-ring .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-ring .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-ring .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-ring .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .wearable-ring .swiper-container-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .wearable-ring .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none; } .wearable-ring .swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start; } .wearable-ring .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .wearable-ring .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .wearable-ring .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-ring .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-ring .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-ring .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-ring .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .wearable-ring .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .wearable-ring .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .wearable-ring .swiper-container-rtl .swiper-button-next:after { content: "prev"; } .wearable-ring .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .wearable-ring .swiper-container-rtl .swiper-button-prev:after { content: "next"; } .wearable-ring .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .wearable-ring .swiper-button-next.swiper-button-white { --swiper-navigation-color: #fff; } .wearable-ring .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff; } .wearable-ring .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000; } .wearable-ring .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000; } .wearable-ring .swiper-button-lock { display: none; } .wearable-ring .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-ring .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .wearable-ring .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } .wearable-ring .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .wearable-ring .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .wearable-ring .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-ring .swiper-container-horizontal>.swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .wearable-ring .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .wearable-ring .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .wearable-ring .swiper-pagination-custom { bottom: 10px; left: 0; width: 100%; } .wearable-ring .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .wearable-ring .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .wearable-ring .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .wearable-ring .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .wearable-ring .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .wearable-ring .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .wearable-ring .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .wearable-ring .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .wearable-ring .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .wearable-ring .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } .wearable-ring 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-ring .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .wearable-ring .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .wearable-ring .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-ring .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .wearable-ring .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-ring .swiper-pagination-white { --swiper-pagination-color: #fff; } .wearable-ring .swiper-pagination-black { --swiper-pagination-color: #000; } .wearable-ring .swiper-pagination-lock { display: none; } .wearable-ring .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .wearable-ring .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .wearable-ring .swiper-scrollbar-cursor-drag { cursor: move; } .wearable-ring .swiper-scrollbar-lock { display: none; } .wearable-ring .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-ring .swiper-zoom-container>canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .wearable-ring .swiper-zoom-container>img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .wearable-ring .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .wearable-ring .swiper-slide-zoomed { cursor: move; } .wearable-ring .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-ring .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .wearable-ring .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } .wearable-ring .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .wearable-ring .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .wearable-ring .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .wearable-ring .swiper-container-fade .swiper-slide-active { pointer-events: auto; } .wearable-ring .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .wearable-ring .swiper-container-cube { overflow: visible; } .wearable-ring .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-ring .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .wearable-ring .swiper-container-cube .swiper-slide-active { pointer-events: auto; pointer-events: auto; visibility: visible; } .wearable-ring .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .wearable-ring .swiper-container-cube .swiper-slide-next { pointer-events: auto; visibility: visible; } .wearable-ring .swiper-container-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible; } .wearable-ring .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .wearable-ring .swiper-container-cube .swiper-slide-shadow-bottom { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-ring .swiper-container-cube .swiper-slide-shadow-left { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-ring .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-ring .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-ring .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-ring .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .wearable-ring .swiper-container-flip { overflow: visible; } .wearable-ring .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .wearable-ring .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .wearable-ring .swiper-container-flip .swiper-slide-active { pointer-events: auto; } .wearable-ring .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .wearable-ring .swiper-container-flip .swiper-slide-shadow-bottom { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-ring .swiper-container-flip .swiper-slide-shadow-left { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-ring .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-ring .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 { -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .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; } .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: 120px; right: 8.3333333333vw; bottom: 24px; bottom: 1.6666666667vw; width: 36px; width: 2.5vw; height: 36px; height: 2.5vw; } @media (min-width: 1440px) { .video__controller { right: 120px; } } @media (min-width: 1440px) { .video__controller { bottom: 24px; } } @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: 120px; left: 8.3333333333vw; } @media (min-width: 1440px) { .rtl .video__controller { left: 120px; } } .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: 51.1333333333px; right: 6.6666666667vw; bottom: 2.1305555556px; bottom: 0.2777777778vw; 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: 24px; right: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .video__controller { bottom: 1px; bottom: 0.2777777778vw; } } @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: 51.1333333333px; left: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .video__controller { left: 24px; left: 6.6666666667vw; } } .wearable-ring * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; vertical-align: top; } .wearable-ring a { color: #000; text-decoration: none; } .wearable-ring section { display: block; } .wearable-ring sup { font-size: 63%; top: 0.7em; vertical-align: top; } .wearable-ring button { overflow: visible; background-color: transparent; cursor: pointer; font-family: "SamsungOne", arial, sans-serif; font-weight: 400; } html.rtl .wearable-ring button { font-family: "SamsungOne"; } html[lang^="ko"] .wearable-ring button { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^="my"] .wearable-ring button { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring button { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring button { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring button { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring button { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring button { font-family: "SamsungOneGeorgian", Sylfaen; } .wearable-ring .sc-video video { width: 100%; height: 100%; } .wearable-ring figure img { display: block; } .wearable-ring img { width: 100%; } .wearable-ring .click_sup { outline-offset: 0; color: inherit; font-weight: 400; } html.js-focus-visible .wearable-ring a:focus, html.js-focus-visible .wearable-ring button:focus, html.js-focus-visible .wearable-ring input:focus, html.js-focus-visible .wearable-ring select:focus, html.js-focus-visible .wearable-ring textarea:focus { -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; outline: 2px dotted #000; } .wearable-ring-common-br-mo { display: none; } .wearable-ring-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) { .wearable-ring-common-cta { min-height: 48px; } } @media (min-width: 1440px) { .wearable-ring-common-cta { padding: 0px 23px; } } @media (min-width: 1440px) { .wearable-ring-common-cta { font-size: 12px; } } html.rtl .wearable-ring-common-cta { font-family: "SamsungOne"; } html[lang^="ko"] .wearable-ring-common-cta { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^="my"] .wearable-ring-common-cta { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring-common-cta { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring-common-cta { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring-common-cta { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring-common-cta { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring-common-cta { font-family: "SamsungOneGeorgian", Sylfaen; } .isIEorEdge .wearable-ring-common-cta { height: 48px; height: 3.3333333333vw; } @media (min-width: 1440px) { .isIEorEdge .wearable-ring-common-cta { height: 48px; } } .mac .wearable-ring-common-cta { letter-spacing: 0.033em; } .wearable-ring-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; } .wearable-ring-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 .wearable-ring-common-cta::after { left: auto; right: 0; } .wearable-ring-common-cta:focus span, .wearable-ring-common-cta:hover span { color: #fff; } .wearable-ring-common-cta:focus::after, .wearable-ring-common-cta:hover::after { width: 100%; } .wearable-ring-common-cta.s-encased { border: 1px solid #000; background-color: #000; } .wearable-ring-common-cta.s-encased span { color: #fff; } .wearable-ring-common-cta.s-encased::after { background-color: #fff; } .wearable-ring-common-cta.s-encased:focus span, .wearable-ring-common-cta.s-encased:hover span { color: #000; } .wearable-ring-common-cta .s-white { border: 1px solid #fff; } .wearable-ring-common-cta .s-white span { color: #fff; } .wearable-ring-common-cta .s-white::after { background-color: #fff; } .wearable-ring-common-cta .s-white:focus span, .wearable-ring-common-cta .s-white:hover span { color: #000; } .wearable-ring-common-cta .s-white:focus::after, .wearable-ring-common-cta .s-white:hover::after { width: 100%; } .wearable-ring-common-cta .s-white.s-encased { border: 1px solid #fff; background-color: #fff; } .wearable-ring-common-cta .s-white.s-encased span { color: #000; } .wearable-ring-common-cta .s-white.s-encased::after { background-color: #000; } .wearable-ring-common-cta .s-white.s-encased:focus span, .wearable-ring-common-cta .s-white.s-encased:hover span { color: #fff; } .wearable-ring-common-bottom-disclaimer__link { color: inherit; text-decoration: underline !important; } @media screen and (max-width: 767px) { .wearable-ring-common-br-pc { display: none; } .wearable-ring-common-br-mo { display: block; } .wearable-ring-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) { .wearable-ring-common-cta { min-height: 48px; min-height: 13.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring-common-cta { font-size: 13px; font-size: 3.6111111111vw; } } @media screen and (max-width: 767px) { .isIEorEdge .wearable-ring-common-cta { height: 102.2666666667px; height: 13.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .isIEorEdge .wearable-ring-common-cta { height: 48px; height: 13.3333333333vw; } } .wearable-ring .video__container.loaded video { opacity: 1; } .wearable-ring .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-ring .video__controller-wrap.video-wide { width: 1440px; width: 100vw; } @media (min-width: 1440px) { .wearable-ring .video__controller-wrap.video-wide { width: 1440px; } } .wearable-ring .common-br-mo { display: none; } .wearable-ring .common__headline { font-size: 48px; font-size: 3.3333333333vw; line-height: 1.2; outline: 0; text-align: center; font-family: "SamsungSharpSans", arial, sans-serif; } @media (min-width: 1440px) { .wearable-ring .common__headline { font-size: 48px; } } html.rtl .wearable-ring .common__headline { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^="ko"] .wearable-ring .common__headline { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^="th"] .wearable-ring .common__headline { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^="my"] .wearable-ring .common__headline { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring .common__headline { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring .common__headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring .common__headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring .common__headline { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring .common__headline { font-family: "SamsungSharpSans", Sylfaen; } .wearable-ring .common__description { margin-top: 24px; margin-top: 1.6666666667vw; font-size: 18px; font-size: 1.25vw; line-height: 1.33; text-align: center; } @media (min-width: 1440px) { .wearable-ring .common__description { margin-top: 24px; } } @media (min-width: 1440px) { .wearable-ring .common__description { font-size: 18px; } } .wearable-ring .common__description strong { font-family: "SamsungOne", arial, sans-serif; font-weight: 700; } html.rtl .wearable-ring .common__description strong { font-family: "SamsungOne"; } html[lang^="ko"] .wearable-ring .common__description strong { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^="my"] .wearable-ring .common__description strong { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring .common__description strong { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring .common__description strong { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring .common__description strong { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring .common__description strong { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring .common__description strong { font-family: "SamsungOneGeorgian", Sylfaen; } .wearable-ring .common__disclaimer { font-size: 11px; font-size: 0.7638888889vw; font-size: 11px; line-height: 1.54; color: #666; } @media (min-width: 1440px) { .wearable-ring .common__disclaimer { font-size: 11px; } } .wearable-ring .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 .wearable-ring .common-ai-text { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^="ko"] .wearable-ring .common-ai-text { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^="th"] .wearable-ring .common-ai-text { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^="my"] .wearable-ring .common-ai-text { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring .common-ai-text { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring .common-ai-text { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring .common-ai-text { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring .common-ai-text { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring .common-ai-text { font-family: "SamsungSharpSans", Sylfaen; } .wearable-ring .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) { .wearable-ring .common-ai-text__icon { width: 69px; } } @media (min-width: 1440px) { .wearable-ring .common-ai-text__icon { height: 73px; } } @media (min-width: 1440px) { .wearable-ring .common-ai-text__icon { margin: -1px 13px 0px 12px; } } .wearable-ring .common-ai-text sup { padding: 0px 10px; padding: 0vw 0.6944444444vw; -ms-flex-item-align: start; align-self: flex-start; } @media (min-width: 1440px) { .wearable-ring .common-ai-text sup { padding: 0px 10px; } } .wearable-ring .common__text { 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 900px; width: 62.5vw; margin: 0 auto; } @media (min-width: 1440px) { .wearable-ring .common__text { width: 900px; } } .wearable-ring .common__content { 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; margin-top: 80px; margin-top: 5.5555555556vw; } @media (min-width: 1440px) { .wearable-ring .common__content { margin-top: 80px; } } .wearable-ring .common__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1920px; overflow: hidden; margin: 0 auto; padding: 100px 0px; padding: 6.9444444444vw 0vw; } @media (min-width: 1440px) { .wearable-ring .common__wrap { padding: 100px 0px; } } .wearable-ring .common__wrap--column-r { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .wearable-ring .common__wrap--column:not(.between) .common__text, .wearable-ring .common__wrap--column-r:not(.between) .common__text { text-align: center; } .wearable-ring .common__wrap--column.between .common__text, .wearable-ring .common__wrap--column-r.between .common__text { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 1200px; width: 83.3333333333vw; } @media (min-width: 1440px) { .wearable-ring .common__wrap--column.between .common__text, .wearable-ring .common__wrap--column-r.between .common__text { width: 1200px; } } .wearable-ring .common__wrap--column.between .common__text .common__headline, .wearable-ring .common__wrap--column.between .common__text .common__description, .wearable-ring .common__wrap--column-r.between .common__text .common__headline, .wearable-ring .common__wrap--column-r.between .common__text .common__description { width: 570px; width: 39.5833333333vw; margin: 0; text-align: left; } @media (min-width: 1440px) { .wearable-ring .common__wrap--column.between .common__text .common__headline, .wearable-ring .common__wrap--column.between .common__text .common__description, .wearable-ring .common__wrap--column-r.between .common__text .common__headline, .wearable-ring .common__wrap--column-r.between .common__text .common__description { width: 570px; } } .rtl .wearable-ring .common__wrap--column.between .common__text .common__headline, .rtl .wearable-ring .common__wrap--column.between .common__text .common__description, .rtl .wearable-ring .common__wrap--column-r.between .common__text .common__headline, .rtl .wearable-ring .common__wrap--column-r.between .common__text .common__description { text-align: right; } .wearable-ring .common__wrap--row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wearable-ring .common__wrap--row .common__text { margin-left: 220px; margin-left: 15.2777777778vw; } @media (min-width: 1440px) { .wearable-ring .common__wrap--row .common__text { margin-left: 220px; } } .wearable-ring .common__wrap--row-r { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .wearable-ring .common__wrap--row-r .common__text { margin-right: 220px; margin-right: 15.2777777778vw; } @media (min-width: 1440px) { .wearable-ring .common__wrap--row-r .common__text { margin-right: 220px; } } .rtl .wearable-ring .common__wrap--row .common__text { margin-left: auto; margin-right: 220px; margin-right: 15.2777777778vw; } @media (min-width: 1440px) { .rtl .wearable-ring .common__wrap--row .common__text { margin-right: 220px; } } .rtl .wearable-ring .common__wrap--row-r .common__text { margin-right: auto; margin-left: 220px; margin-left: 15.2777777778vw; } @media (min-width: 1440px) { .rtl .wearable-ring .common__wrap--row-r .common__text { margin-left: 220px; } } .wearable-ring .common__wrap--row, .wearable-ring .common__wrap--row-r { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wearable-ring .common__wrap--row.common__wrap, .wearable-ring .common__wrap--row-r.common__wrap { padding: 0; } .wearable-ring .common__wrap--row .common__text, .wearable-ring .common__wrap--row-r .common__text { -webkit-box-align: start; -ms-flex-align: start; align-items: start; width: 420px; width: 29.1666666667vw; padding: 100px 0px; padding: 6.9444444444vw 0vw; } @media (min-width: 1440px) { .wearable-ring .common__wrap--row .common__text, .wearable-ring .common__wrap--row-r .common__text { width: 420px; } } @media (min-width: 1440px) { .wearable-ring .common__wrap--row .common__text, .wearable-ring .common__wrap--row-r .common__text { padding: 100px 0px; } } .wearable-ring .common__wrap--row .common__headline, .wearable-ring .common__wrap--row .common__description, .wearable-ring .common__wrap--row-r .common__headline, .wearable-ring .common__wrap--row-r .common__description { text-align: left; } .wearable-ring .common__wrap--row .common__content, .wearable-ring .common__wrap--row-r .common__content { margin-top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rtl .wearable-ring .common__wrap--row .common__headline, .rtl .wearable-ring .common__wrap--row .common__description, .rtl .wearable-ring .common__wrap--row-r .common__headline, .rtl .wearable-ring .common__wrap--row-r .common__description { text-align: right; } .wearable-ring .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; } .wearable-ring .common__tab--video .video__container { width: 100%; padding-bottom: 56.16667%; } .wearable-ring .common__tab-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wearable-ring .common__tab-panels { display: grid; grid-area: 1/1; grid-template-columns: 1fr; } .wearable-ring .common__tab-panel { overflow: hidden; grid-area: 1/1; opacity: 0; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .wearable-ring .common__tab-panel.is-active { opacity: 1; } .wearable-ring .common__tab-cta .tab-cta__text { color: inherit; } .wearable-ring__cta-round { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 40px; min-height: 2.7777777778vw; min-width: 96px; min-width: 6.6666666667vw; padding: 11px 22px 10px; padding: 0.7638888889vw 1.5277777778vw 0.6944444444vw; border-radius: 50px; border-radius: 3.4722222222vw; line-height: 1.3; letter-spacing: 0; background-color: #000; font-family: "SamsungOne", arial, sans-serif; font-weight: 700; font-size: 14px; font-size: 0.9722222222vw; border-radius: 50px; border-radius: 3.4722222222vw; border: 1px solid #fff; } @media (min-width: 1440px) { .wearable-ring__cta-round { min-height: 40px; } } @media (min-width: 1440px) { .wearable-ring__cta-round { min-width: 96px; } } @media (min-width: 1440px) { .wearable-ring__cta-round { padding: 11px 22px 10px; } } @media (min-width: 1440px) { .wearable-ring__cta-round { border-radius: 50px; } } .wearable-ring__cta-round span { color: #fff !important; } html.rtl .wearable-ring__cta-round { font-family: "SamsungOne"; } html[lang^="ko"] .wearable-ring__cta-round { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^="my"] .wearable-ring__cta-round { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring__cta-round { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring__cta-round { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring__cta-round { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring__cta-round { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring__cta-round { font-family: "SamsungOneGeorgian", Sylfaen; } @media (min-width: 1440px) { .wearable-ring__cta-round { font-size: 14px; } } .isIEorEdge .wearable-ring__cta-round { height: 40px; height: 2.7777777778vw; } @media (min-width: 1440px) { .isIEorEdge .wearable-ring__cta-round { height: 40px; } } @media (min-width: 1440px) { .wearable-ring__cta-round { border-radius: 50px; } } .wearable-ring__cta-round::after { display: none; } .wearable-ring__cta-round:focus span, .wearable-ring__cta-round:hover span { color: #000 !important; } .wearable-ring .common__bg-dark { position: relative; background: #000; color: #fff; } .wearable-ring .common__bg-dark:after, .wearable-ring .common__bg-dark:before { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 2px; background-color: #000; } .wearable-ring .common__bg-dark:before { bottom: auto; top: -1px; height: 2px; } .wearable-ring .common__bg-dark .common__headline { color: #fff; } .wearable-ring .common__bg-dark .common__description { color: #eeeeee; } .wearable-ring .common__bg-light { background: #f7f7f7; color: #000; } .wearable-ring .common__bg-light .common__headline { color: #000000; } .wearable-ring .common__bg-light .common__description { color: #313131; } .wearable-ring .swiper-pagination-wrap, .wearable-ring .swiper-arrow-wrap { display: none; } .wearable-ring .is-hidden { visibility: hidden; opacity: 0; } @media screen and (max-width: 767px) { .wearable-ring .common-br-pc { display: none; } .wearable-ring .common-br-mo { display: block; } .wearable-ring .common .video__controller-wrap.video-wide { width: 100%; } .wearable-ring .common__headline { font-size: 63.9166666667px; font-size: 8.3333333333vw; line-height: 1.25; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .common__headline { font-size: 30px; font-size: 8.3333333333vw; } } @media screen and (max-width: 767px) { html[lang^="my"] .wearable-ring .common__headline { line-height: 1.4; } .wearable-ring .common__description { margin-top: 42.6111111111px; margin-top: 5.5555555556vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.42; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .common__description { margin-top: 20px; margin-top: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .common__description { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^="my"] .wearable-ring .common__description { line-height: 1.6; } .wearable-ring .common__disclaimer { font-size: 27.6972222222px; font-size: 3.6111111111vw; line-height: 1.43; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .common__disclaimer { font-size: 13px; font-size: 3.6111111111vw; } } @media screen and (max-width: 767px) { html[lang^="my"] .wearable-ring .common__disclaimer { line-height: 1.6; } .wearable-ring .common-ai-text { line-height: 1.2; } html[lang^="my"] .wearable-ring .common-ai-text { line-height: 1.4; } .wearable-ring .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) { .wearable-ring .common-ai-text__icon { width: 32px; width: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .common-ai-text__icon { height: 36px; height: 10vw; } } @media screen and (max-width: 767px) { .wearable-ring .common-ai-text sup { padding: 0px 21.3055555556px; padding: 0vw 2.7777777778vw; } .wearable-ring .common__text { width: 100% !important; padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; } .wearable-ring .common__content { width: 100% !important; margin-top: 63.9166666667px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .common__content { margin-top: 30px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-ring .common__wrap { width: 100% !important; padding: 106.5277777778px 0px; padding: 13.8888888889vw 0vw; } .wearable-ring .common__wrap--column.between .common__text, .wearable-ring .common__wrap--column-r.between .common__text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wearable-ring .common__wrap--column.between .common__text .common__headline, .wearable-ring .common__wrap--column-r.between .common__text .common__headline { width: 100%; } .wearable-ring .common__wrap--column.between .common__text .common__description, .wearable-ring .common__wrap--column-r.between .common__text .common__description { width: 100%; margin-top: 42.6111111111px; margin-top: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .common__wrap--column.between .common__text .common__description, .wearable-ring .common__wrap--column-r.between .common__text .common__description { margin-top: 20px; margin-top: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .common__wrap--row, .wearable-ring .common__wrap--row-r { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wearable-ring .common__wrap--row.common__wrap, .wearable-ring .common__wrap--row-r.common__wrap { padding: 106.5277777778px 0px; padding: 13.8888888889vw 0vw; } .wearable-ring .common__wrap--row .common__text, .wearable-ring .common__wrap--row-r .common__text { -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; } .wearable-ring .common__wrap--row-r { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .rtl .wearable-ring .common__wrap--row .common__text { margin: 0; } .rtl .wearable-ring .common__wrap--row-r .common__text { margin: 0; } .wearable-ring .swiper-pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wearable-ring .swiper-pagination-wrap .swiper-pagination { position: static !important; width: auto !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 63.9166666667px; margin-top: 8.3333333333vw; padding: 0px 21.3055555556px; padding: 0vw 2.7777777778vw; border-radius: 51.1333333333px; border-radius: 6.6666666667vw; line-height: 0; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.1); background-color: #fff; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .swiper-pagination-wrap .swiper-pagination { margin-top: 30px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .swiper-pagination-wrap .swiper-pagination { border-radius: 24px; border-radius: 6.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .swiper-pagination-wrap .swiper-pagination li { width: 38.35px; width: 5vw; height: 46.8722222222px; height: 6.1111111111vw; padding: 14.9138888889px 10.6527777778px; padding: 1.9444444444vw 1.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .swiper-pagination-wrap .swiper-pagination li { width: 18px; width: 5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .swiper-pagination-wrap .swiper-pagination li { height: 22px; height: 6.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .swiper-pagination-wrap .swiper-pagination li .swiper-pagination-bullet-active { background-color: #000 !important; } .wearable-ring .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet { width: 100%; height: 100%; } .wearable-ring .swiper-pagination-wrap.swiper-pagination-dark .swiper-pagination { border-color: rgba(255, 255, 255, 0.4); background-color: #000000; } .wearable-ring .swiper-pagination-wrap.swiper-pagination-dark .swiper-pagination li .swiper-pagination-bullet { background-color: #2e2e2e; opacity: 1; } .wearable-ring .swiper-pagination-wrap.swiper-pagination-dark .swiper-pagination li .swiper-pagination-bullet-active { background-color: #bfbfbf !important; } .wearable-ring .swiper-arrow-wrap { display: block; } .wearable-ring .swiper-arrow-wrap .swiper-button-next, .wearable-ring .swiper-arrow-wrap .swiper-button-prev { margin-top: -100.1361111111px; margin-top: -13.0555555556vw; width: 85.2222222222px; width: 11.1111111111vw; height: 85.2222222222px; height: 11.1111111111vw; border-radius: 50%; background: 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-ring .swiper-arrow-wrap .swiper-button-next, .wearable-ring .swiper-arrow-wrap .swiper-button-prev { margin-top: -47px; margin-top: -13.0555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .swiper-arrow-wrap .swiper-button-next, .wearable-ring .swiper-arrow-wrap .swiper-button-prev { width: 40px; width: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .swiper-arrow-wrap .swiper-button-next, .wearable-ring .swiper-arrow-wrap .swiper-button-prev { height: 40px; height: 11.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .swiper-arrow-wrap .swiper-button-next::after, .wearable-ring .swiper-arrow-wrap .swiper-button-prev::after { content: ""; } .wearable-ring .swiper-arrow-wrap .swiper-button-next img, .wearable-ring .swiper-arrow-wrap .swiper-button-prev img { width: 51.1333333333px; width: 6.6666666667vw; height: 51.1333333333px; height: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .swiper-arrow-wrap .swiper-button-next img, .wearable-ring .swiper-arrow-wrap .swiper-button-prev img { width: 24px; width: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .swiper-arrow-wrap .swiper-button-next img, .wearable-ring .swiper-arrow-wrap .swiper-button-prev img { height: 24px; height: 6.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .swiper-arrow-wrap .swiper-button-next.swiper-button-disabled, .wearable-ring .swiper-arrow-wrap .swiper-button-prev.swiper-button-disabled { opacity: 0; } .wearable-ring .swiper-arrow-wrap .swiper-button-prev { -webkit-transform: scale(-1); transform: scale(-1); } .rtl .wearable-ring .swiper-arrow-wrap .swiper-button-prev { -webkit-transform: scale(1); transform: scale(1); left: auto; right: 21.3055555556px; right: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-ring .swiper-arrow-wrap .swiper-button-prev { right: 10px; right: 2.7777777778vw; } } @media screen and (max-width: 767px) { .rtl .wearable-ring .swiper-arrow-wrap .swiper-button-next { -webkit-transform: scale(-1); transform: scale(-1); right: auto; left: 21.3055555556px; left: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-ring .swiper-arrow-wrap .swiper-button-next { left: 10px; left: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring__cta-round { min-height: 85.2222222222px; min-height: 11.1111111111vw; min-width: 276.9722222222px; min-width: 36.1111111111vw; padding: 23.4361111111px 51.1333333333px; padding: 3.0555555556vw 6.6666666667vw; border-radius: 106.5277777778px; border-radius: 13.8888888889vw; line-height: 1.2; font-size: 29.8277777778px; font-size: 3.8888888889vw; border-radius: 106.5277777778px; border-radius: 13.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring__cta-round { min-height: 40px; min-height: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring__cta-round { min-width: 130px; min-width: 36.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring__cta-round { border-radius: 50px; border-radius: 13.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring__cta-round { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring__cta-round { border-radius: 50px; border-radius: 13.8888888889vw; } } @media screen and (max-width: 767px) { .isIEorEdge .wearable-ring__cta-round { height: 85.2222222222px; height: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .isIEorEdge .wearable-ring__cta-round { height: 40px; height: 11.1111111111vw; } } /* [S] Contrast */ .cp-high-contrast { background: #f7f7f7; } .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 */ .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.91667vw 2.08333vw 2.77778vw; } @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; } } #sideMenus { overflow: hidden; visibility: hidden; position: absolute; top: 0; bottom: 0; right: 0; z-index: 99; width: 170px; } #sideMenus nav { -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s; } #sideMenus nav:after { position: absolute; top: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 200%; background: rgba(0, 0, 0, 0.95); content: ""; } #sideMenus .nav-inner { position: relative; z-index: 1; text-align: center; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } #sideMenus a { display: block; -webkit-transform: translateZ(0); transform: translateZ(0); cursor: pointer; } #sideMenus .icon { display: block; width: 62px; height: 62px; margin: 0 auto; } #sideMenus li>.icon { cursor: auto; } #sideMenus .c_title { display: block; margin-top: 12px; color: #fff; font-size: 12px; letter-spacing: 0.04em; } #sideMenus .on .icon * { fill: #fff; } #sideMenus .on .c_title { text-decoration: underline; } #sideMenus.hide { display: none; pointer-events: none; } #sideMenus.hide nav { pointer-events: none; } #sideMenus.hide nav:after { opacity: 0; } #sideMenus.hide .nav-inner { opacity: 0; } #sideMenus.bright nav:after { background: rgba(255, 255, 255, 0.95); } #sideMenus.bright .icon * { fill: #000; } #sideMenus.bright .c_title { color: #000; } #sideMenus.bright .on .icon * { fill: #000; } .desktop #sideMenus a:focus .c_title, .desktop #sideMenus a:hover .c_title { text-decoration: underline; } html.load #sideMenus { visibility: visible; } html.load.dotcom #sideMenus { top: 0; } html.ie #sideMenus.hide { z-index: -1; } sup { font-size: 63%; top: 0.7em; vertical-align: top; } sup .click_sup { outline-offset: 0; color: inherit; font-weight: 400; } @supports ((-webkit-backdrop-filter: blur(0.8em)) or (backdrop-filter: blur(0.8em))) { #sideMenus nav:after { z-index: -1; background: rgba(0, 0, 0, 0.35); -webkit-backdrop-filter: blur(0.8em); backdrop-filter: blur(0.8em); opacity: 1; } #sideMenus.bright nav:after { z-index: -1; background: rgba(255, 255, 255, 0.35); -webkit-backdrop-filter: blur(0.8em); backdrop-filter: blur(0.8em); opacity: 1; } } @media screen and (max-width: 1023px) and (min-width: 768px) { html.dotcom #sideMenus nav { max-height: 918px; } } @media screen and (max-width: 767px) { #sideMenus { display: block; position: fixed; left: 0; top: auto !important; width: 100%; } #sideMenus ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: distribute; justify-content: space-around; height: 86px; } #sideMenus ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #sideMenus .icon { width: 44px; height: 44px; } #sideMenus .c_title { margin-top: 3px; font-size: 10px; text-align: center; white-space: nowrap; } #sideMenus nav { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s, -webkit-transform 0.35s; } .s1 div#footer .f_colors button { line-height: 21px; } .s1 div#footer .f_colors button:first-child { line-height: 19px; } } @media screen and (max-width: 359px) { #sideMenus li+li { margin-left: 1.2vw; } } @media screen and (min-width: 1024px) { html.dotcom #sideMenus nav { max-height: 905px; } } @media screen and (min-width: 768px) { #sideMenus nav { 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; height: 100%; } #sideMenus li+li { margin-top: 32px; } #sideMenus .c_title br { display: none; } .highlights #sideMenus { overflow: visible; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; left: 0; bottom: auto; width: 100%; height: 0; max-width: 1920px; margin: 0 auto; } .highlights #sideMenus nav { width: 170px; height: calc(100vh - 100px); max-height: 809px; min-height: 580px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .highlights #sideMenus nav:after { height: 100%; min-height: 100vh; } html.dotcom .highlights #sideMenus nav { height: calc(100% - 212px); min-height: 918px; } } .color_yb .wearable-ring #desc-section li, .color_yb .wearable-ring #desc-section li a:focus, .color_yb .wearable-ring #desc-section-models li, .color_yb .wearable-ring #desc-section-models li a:focus, .color_yb .wearable-ring .m_feature-desc, .color_yb .wearable-ring .m_content-desc ol, .color_yb .wearable-ring .m_feature-desc ol, .color_yb .wearable-ring sup a, .color_yb .wearable-ring .common__headline, .color_yb .wearable-ring .common__description, .color_yb .wearable-ring .common__disclaimer { background-color: #000 !important; color: #fff01f !important; } .color_yb .wearable-ring .m_content-desc a:focus { outline-color: white; } .color_yb .wearable-ring .video__controller .play, .color_yb .wearable-ring .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 .wearable-ring .video__controller .pause, .color_yb .wearable-ring .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"); } .color_yb .wearable-ring .swiper-pagination-wrap .swiper-pagination { border-color: #fff01f !important; background-color: #000 !important; } .color_yb .wearable-ring .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet { opacity: 1 !important; border: 1px solid #fff01f !important; } .color_yb .wearable-ring .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background-color: #fff01f !important; } .color_yb .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__date-text, .color_yb .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__date-text span, .color_yb .wearable-ring .color-option .common__tab--name .tab-cta__text, .color_yb .wearable-ring .front-slider .wearable-common__carousel-tit, .color_yb .wearable-ring .charging-case .charging-case__info-item--text, .color_yb .wearable-ring .charging-case .charging-case__info-item--desc { background-color: #000 !important; color: #fff01f !important; } .color_yb .wearable-ring .walk-run .common__carousel-wrap .swiper-button-next, .color_yb .wearable-ring .walk-run .common__carousel-wrap .swiper-button-prev { background-color: #fff01f !important; border: 1px solid #000; } .color_yb .wearable-ring .sensor .sensor__info-item .info-line-motion .info-line { width: 3px; width: 0.2083333333vw; background-color: #000 !important; border: 1px solid #fff01f !important; } @media (min-width: 1440px) { .color_yb .wearable-ring .sensor .sensor__info-item .info-line-motion .info-line { width: 3px; } } .color_yb .wearable-ring .sensor .sensor__info-item .info-line-motion .info-dot { background-color: rgba(0, 0, 0, 0.7) !important; border: 1px solid #fff01f !important; } .color_yb .wearable-ring .sensor .sensor__info-item .info-item__text-tit, .color_yb .wearable-ring .sensor .sensor__info-item .info-item__text-desc { background-color: #000 !important; color: #fff01f !important; } .wearable-ring .choose-size .common-categories__button { text-align: center; } .wearable-ring .choose-size .common-categories__button button { font-weight: 700; } @media (min-width: 535px) { .wearable-ring .choose-size .common-categories__button { width: 83.3333333333vw; margin-left: auto; margin-right: auto; text-align: left; } } @media (min-width: 1440px) { .wearable-ring .choose-size .common-categories__button { width: 1200px; } } .color_yb .wearable-ring .choose-size .common__carousel-item, .color_yb .wearable-ring .choose-size .choose-size__step-num, .color_yb .wearable-ring .choose-size .choose-size__step-tit, .color_yb .wearable-ring .choose-size .choose-size__step-desc, .color_yb .wearable-ring .choose-size .common__video-wrap { background-color: #000 !important; color: #fff01f !important; } .color_yb .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail:after { background-image: url("data:image/svg+xml,%0A%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:1;%7D .st1%7Bfill:%23fff01f;%7D%0A%3C/style%3E%3Cpath class='st0' d='M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3Cg transform='translate(8.369 5.936)'%3E%3Cpath class='st1' d='M5.27,3.54c0.35-0.17,0.79-0.17,1.14,0.09H6.5l10.92,7.51c0.52,0.35,0.7,1.05,0.35,1.66 c-0.09,0.09-0.17,0.17-0.26,0.26h-0.09L6.5,20.49c-0.26,0.17-0.44,0.26-0.7,0.26c-0.17,0-0.35-0.09-0.52-0.09 c-0.35-0.17-0.61-0.61-0.61-0.96V4.58C4.66,4.15,4.84,3.8,5.27,3.54L5.27,3.54L5.27,3.54z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .color_yb .wearable-ring .choose-size__step-num--icon { background: #fff; } .color_yb .wearable-ring .banner__card .banner__card--title, .color_yb .wearable-ring .banner__card .banner__card--cta { color: #000 !important; background-color: #fff01f !important; } .color_yb .wearable-ring .banner__card .banner__card--cta:hover { color: #fff01f !important; } .color_yb .wearable-ring .ai-samsung-health .wearable-ring__cta-round span, .color_yb .wearable-ring .ai-samsung-health .wearable-ring__cta-round:focus span, .color_yb .wearable-ring .ai-samsung-health .wearable-ring__cta-round:hover span { color: #fff01f !important; } .wearable-ring .kv { background-color: #000; } .wearable-ring .kv__wrap { overflow: hidden; position: relative; max-width: 1440px; width: 100%; height: 600px; margin: 0 auto; } @media (min-width: 1440px) { .wearable-ring .kv__wrap { height: 700px; } } .wearable-ring .kv__ai-wrap { width: 368px; width: 25.5555555556vw; margin: 12px auto 0; } .wearable-ring .kv__ai-wrap-HSA-image { padding-top: 10px; } @media (min-width: 1440px) { .wearable-ring .kv__ai-wrap { width: 368px; } } @media screen and (max-width: 767px) { .wearable-ring .kv__ai-wrap { width: 455.9388888889px; width: 59.4444444444vw; } .wearable-ring .kv__ai-wrap-HSA-image { padding-top: 2px; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .kv__ai-wrap { width: 214px; width: 59.4444444444vw; } } .wearable-ring .kv .kv__video { width: 100%; height: 800px; height: 55.5555555556vw; } @media (min-width: 1440px) { .wearable-ring .kv .kv__video { height: 800px; } } @media screen and (max-width: 767px) { .wearable-ring .kv .kv__video { width: 767px; width: 100vw; min-height: 809.6111111111px; min-height: 105.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .kv .kv__video { width: 360px; width: 100vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .kv .kv__video { min-height: 380px; min-height: 105.5555555556vw; } } .wearable-ring .overview .common__wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wearable-ring .overview .common__wrap .common__headline { width: 1100px; width: 76.3888888889vw; font-size: 48px; font-size: 3.3333333333vw; line-height: 1.2; } .wearable-ring .overview .common__content { margin-top: 30px; gap: 20px; } @media (min-width: 1440px) { .wearable-ring .overview .common__content { margin-top: 40px; } } .wearable-ring .overview .overview__cta a.wearable-ring-common-cta.wearable-ring__cta-round { background: #fff; color: #000; } .wearable-ring .overview .overview__cta a.wearable-ring-common-cta.wearable-ring__cta-round span { color: #000 !important; } .wearable-ring .overview .overview__cta-size a.wearable-ring-common-cta.wearable-ring__cta-round { background: transparent; border: 0; } .wearable-ring .overview .overview__cta-size a.wearable-ring-common-cta.wearable-ring__cta-round span { color: #fff !important; border-bottom: 2px solid; padding-bottom: 2px; } @media (min-width: 1440px) { .wearable-ring .overview .common__wrap .common__headline { font-size: 48px; } } .wearable-ring .overview .common__wrap .common__description { width: 484px; width: 44vw; margin-top: 20px; font-size: 18px; font-size: 1.25vw; line-height: 1.33; } @media (min-width: 1440px) { .wearable-ring .overview .common__wrap .common__description { width: 650px; } } @media (min-width: 1440px) { .wearable-ring .overview .common__wrap .common__description { margin-top: 20px; } } @media (min-width: 1440px) { .wearable-ring .overview .common__wrap .common__description { font-size: 18px; } } @media screen and (max-width: 767px) { .wearable-ring .overview .common__wrap { padding: 106.5277777778px 51.1333333333px 93.7444444444px; padding: 13.8888888889vw 6.6666666667vw 12.2222222222vw; } .wearable-ring .overview .common__wrap .common__headline { width: 100%; font-size: 63.9166666667px; font-size: 8.3333333333vw; line-height: 1.25; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .overview .common__wrap .common__headline { font-size: 30px; font-size: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-ring .overview .common__wrap .common__description { width: 100%; margin-top: 68.1777777778px; margin-top: 8.8888888889vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.42; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .overview .common__wrap .common__description { margin-top: 32px; margin-top: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .overview .common__wrap .common__description { font-size: 14px; font-size: 3.8888888889vw; } } .wearable-ring .highlight-carousel { position: relative; overflow: hidden; background-color: #000; } .wearable-ring .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-ring .wearable-common__wrap { padding: 80px 0px 72px; } } .wearable-ring .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-ring .wearable-common__headline { width: 988px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__headline { margin: 0px auto 36px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__headline { font-size: 48px; } } html.rtl .wearable-ring .wearable-common__headline { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^="ko"] .wearable-ring .wearable-common__headline { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^="th"] .wearable-ring .wearable-common__headline { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^="my"] .wearable-ring .wearable-common__headline { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring .wearable-common__headline { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring .wearable-common__headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring .wearable-common__headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring .wearable-common__headline { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring .wearable-common__headline { font-family: "SamsungSharpSans", Sylfaen; } .rtl .wearable-ring .wearable-common__headline { padding-left: 260px; padding-left: 18.0555555556vw; padding-right: 0; } @media (min-width: 1440px) { .rtl .wearable-ring .wearable-common__headline { padding-left: 260px; } } .wearable-ring .wearable-common__carousel { height: 100%; } .wearable-ring .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-ring .wearable-common__carousel-text { padding: 0px 105px 24px 32px; } } .rtl .wearable-ring .wearable-common__carousel-text { padding: 0px 32px 24px 105px; padding: 0vw 2.2222222222vw 1.6666666667vw 7.2916666667vw; } @media (min-width: 1440px) { .rtl .wearable-ring .wearable-common__carousel-text { padding: 0px 32px 24px 105px; } } .wearable-ring .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-ring .wearable-common__carousel-tit { left: 0px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-tit { bottom: 0px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-tit { font-size: 24px; } } html.rtl .wearable-ring .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^="ko"] .wearable-ring .wearable-common__carousel-tit { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^="th"] .wearable-ring .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^="my"] .wearable-ring .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring .wearable-common__carousel-tit { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring .wearable-common__carousel-tit { font-family: "SamsungSharpSans", Sylfaen; } .rtl .wearable-ring .wearable-common__carousel-tit { padding: 0px 32px 18px 105px; padding: 0vw 2.2222222222vw 1.25vw 7.2916666667vw; } @media (min-width: 1440px) { .rtl .wearable-ring .wearable-common__carousel-tit { padding: 0px 32px 18px 105px; } } .color_yb .wearable-ring .wearable-common__carousel-tit { color: #fff01f !important; background-color: #000 !important; } .wearable-ring .wearable-common__carousel-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .wearable-ring .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-ring .wearable-common__carousel-navigation-wrap { width: 988px; } } .wearable-ring .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-ring .wearable-common__carousel-arrow { top: 270px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-arrow { width: 40px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-arrow { height: 40px; } } .color_yb .wearable-ring .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-ring .wearable-common__carousel-arrow img { display: none; } .wearable-ring .wearable-common__carousel-arrow.swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none; } .wearable-ring .wearable-common__carousel-next { right: -20px; right: -1.3888888889vw; } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-next { right: -20px; } } .rtl .wearable-ring .wearable-common__carousel-next { left: -20px; left: -1.3888888889vw; right: auto; -webkit-transform: scale(-1); transform: scale(-1); } @media (min-width: 1440px) { .rtl .wearable-ring .wearable-common__carousel-next { left: -20px; } } .wearable-ring .wearable-common__carousel-prev { left: -20px; left: -1.3888888889vw; -webkit-transform: scale(-1); transform: scale(-1); } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-prev { left: -20px; } } .rtl .wearable-ring .wearable-common__carousel-prev { left: auto; right: -20px; right: -1.3888888889vw; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 1440px) { .rtl .wearable-ring .wearable-common__carousel-prev { right: -20px; } } .wearable-ring .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-ring .wearable-common__carousel-pagination-wrap { height: 20px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-pagination-wrap { width: 988px; } } .wearable-ring .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-ring .wearable-common__carousel-pagination li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-ring .wearable-common__carousel-pagination-bullet { width: 100%; height: 100%; background-color: transparent; border-radius: 0; } .wearable-ring .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-ring .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-ring .wearable-common__carousel-scrollbar { width: 988px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-scrollbar { height: 20px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-scrollbar { margin: 40px auto 0px; } } .wearable-ring .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-ring .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-ring .wearable-common__carousel-scrollbar::after { height: 6px; } } .wearable-ring .wearable-common__carousel-scrollbar .swiper-scrollbar-drag { cursor: pointer; z-index: 1; background-color: transparent; } .wearable-ring .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-ring .wearable-common__carousel-scrollbar .swiper-scrollbar-drag::after { background-color: #fff01f !important; } .wearable-ring .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-ring .wearable-common__carousel-container { width: 100%; overflow: visible; } .wearable-ring .wearable-common__carousel-container.background-slider { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .wearable-ring .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-ring .wearable-common__carousel-container.dimmed-slider { width: 1920px; } } .wearable-ring .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-ring .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { bottom: 18px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { right: 34px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { width: 40px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { height: 40px; } } .wearable-ring .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-ring .wearable-common__carousel-container.front-slider { width: 1920px; } } .rtl .wearable-ring .wearable-common__carousel-container.front-slider { right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } .wearable-ring .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-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { margin: 0px 12px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { width: 988px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { height: 580px; } } @media (min-width: 1440px) { .wearable-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { border-radius: 20px; } } .wearable-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item.swiper-slide-active { opacity: 1; } .wearable-ring .wearable-highlight-carousel__image { position: relative; width: 988px; width: 68.6111111111vw; height: 580px; height: 40.2777777778vw; } @media (min-width: 1440px) { .wearable-ring .wearable-highlight-carousel__image { width: 988px; } } @media (min-width: 1440px) { .wearable-ring .wearable-highlight-carousel__image { height: 580px; } } .wearable-ring .wearable-highlight-carousel__video { height: 100%; } .wearable-ring .wearable-highlight-carousel__video video { border-bottom: 1px solid #000; } .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller { right: 32px; } } @media (min-width: 1440px) { .wearable-ring .wearable-highlight-carousel__video .video__controller { bottom: 16px; } } @media (min-width: 1440px) { .wearable-ring .wearable-highlight-carousel__video .video__controller { width: 40px; } } @media (min-width: 1440px) { .wearable-ring .wearable-highlight-carousel__video .video__controller { height: 40px; } } .rtl .wearable-ring .wearable-highlight-carousel__video .video__controller { left: 32px; left: 2.2222222222vw; right: initial; } @media (min-width: 1440px) { .rtl .wearable-ring .wearable-highlight-carousel__video .video__controller { left: 32px; } } .color_yb .wearable-ring .wearable-highlight-carousel__video .video__controller { overflow: hidden; border-radius: 50%; background-color: #000 !important; } .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller .progress-icon { width: 40px; } } @media (min-width: 1440px) { .wearable-ring .wearable-highlight-carousel__video .video__controller .progress-icon { height: 40px; } } .wearable-ring .wearable-highlight-carousel__video .video__controller .progress-icon circle { stroke-width: 10px; stroke-width: 0.6944444444vw; } @media (min-width: 1440px) { .wearable-ring .wearable-highlight-carousel__video .video__controller .progress-icon circle { stroke-width: 10px; } } .wearable-ring .wearable-highlight-carousel__video .video__controller .progress-icon circle:first-child { stroke: rgba(255, 255, 255, 0.4); } .wearable-ring .wearable-highlight-carousel__video .video__controller .progress-icon circle:last-child { stroke: #fff; stroke-dasharray: 266; stroke-dashoffset: 266; } .color_yb .wearable-ring .wearable-highlight-carousel__video .video__controller .progress-icon circle:last-child { stroke: #fff01f !important; } .wearable-ring .wearable-highlight-carousel__video .video__controller--paused, .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller--paused, .wearable-ring .wearable-highlight-carousel__video .video__controller--playing { width: 34px; } } @media (min-width: 1440px) { .wearable-ring .wearable-highlight-carousel__video .video__controller--paused, .wearable-ring .wearable-highlight-carousel__video .video__controller--playing { height: 34px; } } .wearable-ring .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-ring .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-ring .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-ring .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-ring .wearable-highlight-carousel__video.playing .video__controller--paused { display: block; } .wearable-ring .wearable-highlight-carousel__video.playing .video__controller--playing { display: none; } .wearable-ring h2.common-categories__button { margin-bottom: 15px; font-size: 14px; } .wearable-ring h2.common-categories__button button { font-weight: 700; } @media (min-width: 1440px) { .wearable-ring h2.common-categories__button { font-size: 18px; } } .wearable-ring .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-ring .highlight-inner { top: 210px; } } @media (min-width: 1440px) { .wearable-ring .highlight-inner { right: 66px; } } @media (min-width: 1440px) { .wearable-ring .highlight-inner { width: 248px; } } html.rtl .wearable-ring .highlight-inner { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^="ko"] .wearable-ring .highlight-inner { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^="th"] .wearable-ring .highlight-inner { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^="my"] .wearable-ring .highlight-inner { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring .highlight-inner { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring .highlight-inner { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring .highlight-inner { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring .highlight-inner { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring .highlight-inner { font-family: "SamsungSharpSans", Sylfaen; } .wearable-ring .highlight-inner__txt { font-size: 23px; font-size: 1.5972222222vw; } @media (min-width: 1440px) { .wearable-ring .highlight-inner__txt { font-size: 23px; } } .wearable-ring .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-ring .highlight-inner__value { font-size: 80px; } } @media screen and (max-width: 767px) { .wearable-ring .wearable-common__wrap { padding: 93.7444444444px 0px 76.7px; padding: 12.2222222222vw 0vw 10vw; } .wearable-ring .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-ring .wearable-common__headline { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-common__headline { margin-bottom: 20px; margin-bottom: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-common__headline { font-size: 24px; font-size: 6.6666666667vw; } } @media screen and (max-width: 767px) { .rtl .wearable-ring .wearable-common__headline { padding: 0px 63.9166666667px; padding: 0vw 8.3333333333vw; } .wearable-ring .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-ring .wearable-common__carousel-text { min-height: 90px; min-height: 25vw; } } @media screen and (max-width: 767px) { .rtl .wearable-ring .wearable-common__carousel-text { padding: 0px 34.0888888889px 42.6111111111px 149.1388888889px; padding: 0vw 4.4444444444vw 5.5555555556vw 19.4444444444vw; } .wearable-ring .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-ring .wearable-common__carousel-tit { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) { html[lang^="my"] .wearable-ring .wearable-common__carousel-tit { line-height: 1.4; } .wearable-ring .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-ring .wearable-common__carousel-navigation-wrap { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-common__carousel-navigation-wrap { left: -15px; left: -4.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-common__carousel-navigation-wrap { right: -15px; right: -4.1666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .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-ring .wearable-common__carousel-arrow { top: 194px; top: 53.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-common__carousel-arrow { width: 40px; width: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-common__carousel-arrow { height: 40px; height: 11.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .wearable-common__carousel-next { right: -42.6111111111px; right: -5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-common__carousel-next { right: -20px; right: -5.5555555556vw; } } @media screen and (max-width: 767px) { .rtl .wearable-ring .wearable-common__carousel-next { left: -42.6111111111px; left: -5.5555555556vw; right: auto; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-ring .wearable-common__carousel-next { left: -20px; left: -5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .wearable-common__carousel-prev { left: -42.6111111111px; left: -5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-common__carousel-prev { left: -20px; left: -5.5555555556vw; } } @media screen and (max-width: 767px) { .rtl .wearable-ring .wearable-common__carousel-prev { left: auto; right: -42.6111111111px; right: -5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-ring .wearable-common__carousel-prev { right: -20px; right: -5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .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-ring .wearable-common__carousel-pagination-wrap { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-common__carousel-pagination-wrap { height: 20px; height: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .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-ring .wearable-common__carousel-scrollbar { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-common__carousel-scrollbar { height: 20px; height: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-common__carousel-scrollbar { margin-top: 12px; margin-top: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-ring .wearable-common__carousel-container.front-slider { width: 100%; } .wearable-ring .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-ring .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-ring .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-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { border-radius: 20px; border-radius: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); } .wearable-ring .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-ring .wearable-highlight-carousel__image { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-highlight-carousel__image { height: 430px; height: 119.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller { right: 14px; right: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-highlight-carousel__video .video__controller { bottom: 14px; bottom: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-highlight-carousel__video .video__controller { width: 32px; width: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-highlight-carousel__video .video__controller { height: 32px; height: 8.8888888889vw; } } @media screen and (max-width: 767px) { .rtl .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller { left: 14px; left: 3.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller .progress-icon { width: 32px; width: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wearable-highlight-carousel__video .video__controller .progress-icon { height: 32px; height: 8.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller .progress-icon circle { stroke-width: 10px; stroke-width: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .wearable-highlight-carousel__video .video__controller .video__controller--paused, .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller .video__controller--paused, .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller .video__controller--paused, .wearable-ring .wearable-highlight-carousel__video .video__controller .video__controller--playing { height: 22px; height: 6.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .highlight-inner { top: 95.875px; top: 12.5vw; right: 0; width: 100%; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .highlight-inner { top: 45px; top: 12.5vw; } } @media screen and (max-width: 767px) { .wearable-ring .highlight-inner__txt { font-size: 29.8277777778px; font-size: 3.8888888889vw; color: #354144; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .highlight-inner__txt { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-ring .highlight-inner__value { font-size: 87.3527777778px; font-size: 11.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .highlight-inner__value { font-size: 41px; font-size: 11.3888888889vw; } } .wearable-ring .concave-design__video { width: 1440px; width: 100vw; height: 1300px; height: 90.2777777778vw; } @media (min-width: 1440px) { .wearable-ring .concave-design__video { width: 1440px; } } @media (min-width: 1440px) { .wearable-ring .concave-design__video { height: 1300px; } } @media screen and (max-width: 767px) { .wearable-ring .concave-design__video { width: 100%; height: 1022.6666666667px; height: 133.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .concave-design__video { height: 480px; height: 133.3333333333vw; } } .wearable-ring .sensor { padding: 100px 0px; padding: 6.9444444444vw 0vw; } @media (min-width: 1440px) { .wearable-ring .sensor { padding: 100px 0px; } .wearable-ring .sensor .sensor__info .sensor-info-item { text-align: left !important; } } .wearable-ring .sensor__sticky-wrap { position: relative; width: 100%; height: 300vh; } .wearable-ring .sensor__sticky-content { overflow: hidden; position: sticky; left: 0; top: 0; height: 100vh; } .wearable-ring .sensor .common__wrap { height: 100%; padding: 0; } .wearable-ring .sensor .common__content { margin-top: 0; } .wearable-ring .sensor .sensor__motion-wrap { position: relative; width: 720px; width: 50vw; height: 700px; height: 48.6111111111vw; margin: 0 auto; padding-top: 120px; padding-top: 8.3333333333vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__motion-wrap { width: 720px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__motion-wrap { height: 700px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__motion-wrap { padding-top: 120px; } } .wearable-ring .sensor .sensor__visual-wrap { position: static; } .wearable-ring .sensor .sensor__visual { position: relative; z-index: 1; width: 720px; width: 50vw; height: 580px; height: 40.2777777778vw; margin: 0 auto; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__visual { width: 720px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__visual { height: 580px; } } .wearable-ring .sensor .sensor__visual-inner { position: relative; overflow: hidden; height: 100%; } .wearable-ring .sensor .sensor__visual-inner img { position: relative; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .wearable-ring .sensor .sensor__visual-inner canvas { position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .wearable-ring .sensor .sensor__info { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; width: 100%; height: 100%; color: #fff; } .wearable-ring .sensor .sensor__info-item { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; opacity: 0; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .rtl .wearable-ring .sensor .sensor__info-item { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .wearable-ring .sensor .sensor__info-item .info-line-motion { 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; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 20px; width: 1.3888888889vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item .info-line-motion { width: 20px; } } .wearable-ring .sensor .sensor__info-item .info-line-motion .info-dot { display: inline-block; width: 20px; width: 1.3888888889vw; height: 20px; height: 1.3888888889vw; border-radius: 100%; background: rgba(255, 255, 255, 0.9); } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item .info-line-motion .info-dot { width: 20px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item .info-line-motion .info-dot { height: 20px; } } .wearable-ring .sensor .sensor__info-item .info-line-motion .info-line { display: inline-block; width: 1px; background-color: #bbbbbb; } .wearable-ring .sensor .sensor__info-item .info-item__text { position: relative; } .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-size: 24px; font-size: 1.6666666667vw; font-family: "SamsungOne", arial, sans-serif; font-weight: 700; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-size: 24px; } } html.rtl .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: "SamsungOne"; } html[lang^="ko"] .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^="my"] .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: "SamsungOneGeorgian", Sylfaen; } .wearable-ring .sensor .sensor__info-item .info-item__text-desc { margin-top: 12px; margin-top: 0.8333333333vw; font-size: 18px; font-size: 1.25vw; color: #eeeeee; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item .info-item__text-desc { margin-top: 12px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item .info-item__text-desc { font-size: 18px; } } .wearable-ring .sensor .sensor__info-item.info-item01 { bottom: 156px; bottom: 10.8333333333vw; left: 217px; left: 15.0694444444vw; } .wearable-ring .sensor .sensor__info-item.info-item01 .info-item__text { width: 415px; width: 28.8194444444vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item01 .info-item__text { width: 415px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item01 { bottom: 156px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item01 { left: 217px; } } .wearable-ring .sensor .sensor__info-item.info-item01 .info-line { height: 512px; height: 35.5555555556vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item01 .info-line { height: 512px; } } .wearable-ring .sensor .sensor__info-item.info-item02 { bottom: 325px; bottom: 22.5694444444vw; left: 207px; left: 14.375vw; } .wearable-ring .sensor .sensor__info-item.info-item02 .info-item__text { width: 330px; width: 22.9166666667vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item02 .info-item__text { width: 330px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item02 { bottom: 325px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item02 { left: 207px; } } .wearable-ring .sensor .sensor__info-item.info-item02 .info-line { height: 342px; height: 23.75vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item02 .info-line { height: 342px; } } .wearable-ring .sensor .sensor__info-item.info-item02 .dot02 { position: absolute; bottom: -114px; bottom: -7.9166666667vw; left: -20px; left: -1.3888888889vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot02 { bottom: -114px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot02 { left: -20px; } } .wearable-ring .sensor .sensor__info-item.info-item02 .dot03 { position: absolute; bottom: -228px; bottom: -15.8333333333vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot03 { bottom: -228px; } } .wearable-ring .sensor .sensor__info-item.info-item03 { bottom: 248px; bottom: 17.2222222222vw; left: 217px; left: 15.0694444444vw; } .wearable-ring .sensor .sensor__info-item.info-item03 .info-item__text { width: 306px; width: 21.25vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item03 .info-item__text { width: 306px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item03 { bottom: 248px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item03 { left: 217px; } } .wearable-ring .sensor .sensor__info-item.info-item03 .info-line { height: 420px; height: 29.1666666667vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor__info-item.info-item03 .info-line { height: 420px; } } .wearable-ring .sensor .sensor__info .sensor__info-item.info-item01, .wearable-ring .sensor .sensor__info .sensor__info-item.info-item02, .wearable-ring .sensor .sensor__info .sensor__info-item.info-item03 { opacity: 0; -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear; } .wearable-ring .sensor.step01 .sensor__info-item.info-item01 { opacity: 1; } .wearable-ring .sensor.step02 .sensor__info-item.info-item01 { opacity: 0; } .wearable-ring .sensor.step02 .sensor__info-item.info-item02 { opacity: 1; } .wearable-ring .sensor.step03 .sensor__info-item.info-item02 { opacity: 0; } .wearable-ring .sensor.step03 .sensor__info-item.info-item03 { opacity: 1; } .wearable-ring .sensor .sensor-broken-sticky { display: none; margin-top: 80px; margin-top: 5.5555555556vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky { margin-top: 80px; } } .wearable-ring .sensor .sensor-broken-sticky .sensor-nosticky { position: relative; max-width: 1440px; margin: 0 auto; } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .sensor-info-item { position: absolute; } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-size: 22px; font-size: 1.5277777778vw; font-family: "SamsungSharpSans", arial, sans-serif; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-size: 22px; } } html.rtl .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^="ko"] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^="th"] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^="my"] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: "SamsungSharpSans", Sylfaen; } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-desc { margin-top: 12px; margin-top: 0.8333333333vw; font-size: 18px; font-size: 1.25vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-desc { margin-top: 12px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-desc { font-size: 18px; } } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 { left: 133px; left: 9.2361111111vw; top: 132px; top: 9.1666666667vw; text-align: right; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 { left: 133px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 { top: 132px; } } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 .info-item__text-tit { width: 270px; width: 18.75vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 .info-item__text-tit { width: 270px; } } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 .info-item__text-desc { width: 262px; width: 18.1944444444vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 .info-item__text-desc { width: 262px; } } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 { left: 28px; left: 1.9444444444vw; top: 320px; top: 22.2222222222vw; text-align: right; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 { left: 128px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 { top: 320px; } } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 .info-item__text-tit { width: 270px; width: 18.75vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 .info-item__text-tit { width: 270px; } } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 .info-item__text-desc { width: 262px; width: 18.1944444444vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 .info-item__text-desc { width: 262px; } } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 { right: 103px; right: 7.1527777778vw; top: 296px; top: 20.5555555556vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 { right: 88px; } } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 { top: 296px; } } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 .info-item__text-tit { width: 300px; width: 20.8333333333vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 .info-item__text-tit { width: 300px; } } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 .info-item__text-desc { width: 300px; width: 20.8333333333vw; } @media (min-width: 1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 .info-item__text-desc { width: 310px; } } .broken-sticky .wearable-ring .sensor__sticky-wrap { display: none !important; } .broken-sticky .wearable-ring .sensor-broken-sticky { display: block !important; } @media screen and (max-width: 767px) { .wearable-ring .sensor__sticky-wrap { height: 2500px; } .wearable-ring .sensor .common__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wearable-ring .sensor .sensor__motion-wrap { width: 767px; width: 100vw; height: 788.3055555556px; height: 102.7777777778vw; padding-top: 170.4444444444px; padding-top: 22.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__motion-wrap { width: 360px; width: 100vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__motion-wrap { height: 370px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__motion-wrap { padding-top: 80px; padding-top: 22.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor__visual { width: 767px; width: 100vw; height: 617.8611111111px; height: 80.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__visual { width: 360px; width: 100vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__visual { height: 290px; height: 80.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor__info-item .info-line-motion { width: 38.35px; width: 5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item .info-line-motion { width: 18px; width: 5vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor__info-item .info-line-motion .info-dot { width: 38.35px; width: 5vw; height: 38.35px; height: 5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item .info-line-motion .info-dot { width: 18px; width: 5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item .info-line-motion .info-dot { height: 18px; height: 5vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-size: 31.9583333333px; font-size: 4.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-size: 15px; font-size: 4.1666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor__info-item .info-item__text-desc { margin-top: 12.7833333333px; margin-top: 1.6666666667vw; font-size: 21.3055555556px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item .info-item__text-desc { margin-top: 6px; margin-top: 1.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item .info-item__text-desc { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor__info-item.info-item01 { bottom: 123.5722222222px; bottom: 16.1111111111vw; left: 219.4472222222px; left: 28.6111111111vw; } .wearable-ring .sensor .sensor__info-item.info-item01 .info-item__text { width: 351.5416666667px; width: 45.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item01 .info-item__text { width: 165px; width: 45.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item01 { bottom: 58px; bottom: 16.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item01 { left: 103px; left: 28.6111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor__info-item.info-item01 .info-line { height: 607.2083333333px; height: 79.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item01 .info-line { height: 285px; height: 79.1666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor__info-item.info-item02 { bottom: 338.7583333333px; bottom: 44.1666666667vw; left: 219.4472222222px; left: 28.6111111111vw; } .wearable-ring .sensor .sensor__info-item.info-item02 .info-item__text { width: 394.1527777778px; width: 51.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item02 .info-item__text { width: 185px; width: 51.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item02 { bottom: 159px; bottom: 44.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item02 { left: 103px; left: 28.6111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor__info-item.info-item02 .info-line { height: 392.0222222222px; height: 51.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item02 .info-line { height: 184px; height: 51.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot02 { bottom: -127.8333333333px; bottom: -16.6666666667vw; left: -21.3055555556px; left: -2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot02 { bottom: -60px; bottom: -16.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot02 { left: -10px; left: -2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot03 { bottom: -251.4055555556px; bottom: -32.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot03 { bottom: -118px; bottom: -32.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor__info-item.info-item03 { bottom: 253.5361111111px; bottom: 33.0555555556vw; left: 219.4472222222px; left: 28.6111111111vw; } .wearable-ring .sensor .sensor__info-item.info-item03 .info-item__text { width: 362.1944444444px; width: 47.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item03 .info-item__text { width: 170px; width: 47.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item03 { bottom: 119px; bottom: 33.0555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item03 { left: 103px; left: 28.6111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor__info-item.info-item03 .info-line { height: 477.2444444444px; height: 62.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor__info-item.info-item03 .info-line { height: 224px; height: 62.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor-broken-sticky { margin-top: 106.5277777778px; margin-top: 13.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky { margin-top: 50px; margin-top: 13.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor-nosticky { width: 767px; width: 100vw; height: 1235.7222222222px; height: 161.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor-nosticky { width: 360px; width: 100vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor-nosticky { height: 580px; height: 161.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-size: 31.9583333333px; font-size: 4.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-size: 15px; font-size: 4.1666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-desc { margin-top: 12.7833333333px; margin-top: 1.6666666667vw; font-size: 21.3055555556px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-desc { margin-top: 6px; margin-top: 1.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-desc { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 { left: 276.9722222222px; left: 36.1111111111vw; top: 590.1638888889px; top: 76.9444444444vw; text-align: left; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 { left: 130px; left: 36.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 { top: 277px; top: 76.9444444444vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 .info-item__text-tit { width: 404.8055555556px; width: 52.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 .info-item__text-tit { width: 190px; width: 52.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 .info-item__text-desc { width: 404.8055555556px; width: 52.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 .info-item__text-desc { width: 190px; width: 52.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 { left: 213.0555555556px; left: 27.7777777778vw; top: 1018.4055555556px; top: 132.7777777778vw; text-align: left; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 { left: 100px; left: 27.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 { top: 478px; top: 132.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 .info-item__text-tit { width: 404.8055555556px; width: 52.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 .info-item__text-tit { width: 190px; width: 52.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 .info-item__text-desc { width: 404.8055555556px; width: 52.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 .info-item__text-desc { width: 190px; width: 52.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 { right: auto; left: 242.8833333333px; left: 31.6666666667vw; top: 809.6111111111px; top: 105.5555555556vw; text-align: left; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 { left: 114px; left: 31.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 { top: 380px; top: 105.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 .info-item__text-tit { width: 404.8055555556px; width: 52.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 .info-item__text-tit { width: 190px; width: 52.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 .info-item__text-desc { width: 404.8055555556px; width: 52.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 .info-item__text-desc { width: 190px; width: 52.7777777778vw; } } .wearable-ring .battery .common__wrap { max-width: 1440px; width: 100%; } .wearable-ring .battery__video { width: 1440px; width: 100vw; height: 600px; height: 41.6666666667vw; } @media (min-width: 1440px) { .wearable-ring .battery__video { width: 1440px; } } @media (min-width: 1440px) { .wearable-ring .battery__video { height: 600px; } } @media screen and (max-width: 767px) { .wearable-ring .battery .common__text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .wearable-ring .battery__video { width: 767px; width: 100vw; height: 767px; height: 100vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .battery__video { width: 360px; width: 100vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .battery__video { height: 360px; height: 100vw; } } .wearable-ring .health-fitness-tracker .common-ai-text { font-size: 41px; font-size: 2.8472222222vw; } @media (min-width: 1440px) { .wearable-ring .health-fitness-tracker .common-ai-text { font-size: 41px; } } .wearable-ring .health-fitness-tracker .common-ai-text__icon { width: 48px; width: 3.3333333333vw; height: 54px; height: 3.75vw; } @media (min-width: 1440px) { .wearable-ring .health-fitness-tracker .common-ai-text__icon { width: 48px; } } @media (min-width: 1440px) { .wearable-ring .health-fitness-tracker .common-ai-text__icon { height: 54px; } } .wearable-ring .health-fitness-tracker__video-wrap { overflow: hidden; position: relative; max-width: 1920px; width: 100%; min-height: 576px; min-height: 40vw; margin-top: 20px; margin-top: 1.3888888889vw; } @media (min-width: 1440px) { .wearable-ring .health-fitness-tracker__video-wrap { min-height: 576px; } } @media (min-width: 1440px) { .wearable-ring .health-fitness-tracker__video-wrap { margin-top: 20px; } } .wearable-ring .health-fitness-tracker__video { position: absolute; top: 0; left: 50%; width: 1920px; width: 133.3333333333vw; min-height: 576px; min-height: 40vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 1440px) { .wearable-ring .health-fitness-tracker__video { width: 1920px; } } @media (min-width: 1440px) { .wearable-ring .health-fitness-tracker__video { min-height: 576px; } } @media screen and (max-width: 767px) { .wearable-ring .health-fitness-tracker .common-ai-text { font-size: 42.6111111111px; font-size: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .health-fitness-tracker .common-ai-text { font-size: 20px; font-size: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .health-fitness-tracker .common-ai-text__icon { width: 51.1333333333px; width: 6.6666666667vw; height: 55.3944444444px; height: 7.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .health-fitness-tracker .common-ai-text__icon { width: 24px; width: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .health-fitness-tracker .common-ai-text__icon { height: 26px; height: 7.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-ring .health-fitness-tracker__video-wrap { min-height: 637.0361111111px; min-height: 83.0555555556vw; margin-top: 42.6111111111px; margin-top: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .health-fitness-tracker__video-wrap { min-height: 299px; min-height: 83.0555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .health-fitness-tracker__video-wrap { margin-top: 20px; margin-top: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .health-fitness-tracker__video { width: 100%; min-height: 637.0361111111px; min-height: 83.0555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .health-fitness-tracker__video { min-height: 299px; min-height: 83.0555555556vw; } } .wearable-ring .charging-case .common__wrap { -webkit-box-sizing: content-box; box-sizing: content-box; position: relative; max-width: 1440px; width: 100%; min-height: 600px; min-height: 41.6666666667vw; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1440px) { .wearable-ring .charging-case .common__wrap { min-height: 600px; } } .wearable-ring .charging-case .common__wrap .common__text { align-items: flex-start; width: 570px; width: 39.5833333333vw; margin: 0px 90px 0px 60px; margin: 0vw 6.25vw 0vw 4.1666666667vw; } @media (min-width: 1440px) { .wearable-ring .charging-case .common__wrap .common__text { width: 570px; } } @media (min-width: 1440px) { .wearable-ring .charging-case .common__wrap .common__text { margin: 0px 90px 0px 60px; } } .wearable-ring .charging-case .common__wrap .common__text .common__headline, .wearable-ring .charging-case .common__wrap .common__text .common__description { text-align: left; } .rtl .wearable-ring .charging-case .common__wrap .common__text { margin: 0px 60px 0px 90px; margin: 0vw 4.1666666667vw 0vw 6.25vw; } @media (min-width: 1440px) { .rtl .wearable-ring .charging-case .common__wrap .common__text { margin: 0px 60px 0px 90px; } } .rtl .wearable-ring .charging-case .common__wrap .common__text .common__headline, .rtl .wearable-ring .charging-case .common__wrap .common__text .common__description { text-align: right; } .wearable-ring .charging-case .common__content { margin: 56px 90px 0px 60px; margin: 3.8888888889vw 6.25vw 0vw 4.1666666667vw; } @media (min-width: 1440px) { .wearable-ring .charging-case .common__content { margin: 56px 90px 0px 60px; } } .rtl .wearable-ring .charging-case .common__content { margin: 56px 60px 0px 90px; margin: 3.8888888889vw 4.1666666667vw 0vw 6.25vw; } @media (min-width: 1440px) { .rtl .wearable-ring .charging-case .common__content { margin: 56px 60px 0px 90px; } } .wearable-ring .charging-case .charging-case__info { gap: 50px; gap: 3.4722222222vw; margin: 0px 10px 0px 0px; margin: 0vw 0.6944444444vw 0vw 0vw; } @media (min-width: 1440px) { .wearable-ring .charging-case .charging-case__info { gap: 50px; } } @media (min-width: 1440px) { .wearable-ring .charging-case .charging-case__info { margin: 0px 10px 0px 0px; } } .rtl .wearable-ring .charging-case .charging-case__info { margin: 0px 0px 0px 10px; margin: 0vw 0vw 0vw 0.6944444444vw; } @media (min-width: 1440px) { .rtl .wearable-ring .charging-case .charging-case__info { margin: 0px 0px 0px 10px; } } .wearable-ring .charging-case .charging-case__info-list { gap: 15px; gap: 1.0416666667vw; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (min-width: 1440px) { .wearable-ring .charging-case .charging-case__info-list { gap: 15px; } } .wearable-ring .charging-case .charging-case__info-item { 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; cursor: default; outline: 0px solid #000 !important; border: 0px; width: 190px; width: 13.1944444444vw; } @media (min-width: 1440px) { .wearable-ring .charging-case .charging-case__info-item { width: 190px; } } .wearable-ring .charging-case .charging-case__info-item--image { width: 95px; width: 6.5972222222vw; opacity: 1; } @media (min-width: 1440px) { .wearable-ring .charging-case .charging-case__info-item--image { width: 95px; } } .wearable-ring .charging-case .charging-case__info-item--textblock { gap: 8px; gap: 0.5555555556vw; margin-top: 24px; margin-top: 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; opacity: 1; color: #fff; } @media (min-width: 1440px) { .wearable-ring .charging-case .charging-case__info-item--textblock { gap: 8px; } } @media (min-width: 1440px) { .wearable-ring .charging-case .charging-case__info-item--textblock { margin-top: 24px; } } .wearable-ring .charging-case .charging-case__info-item--text { font-size: 20px; font-size: 1.3888888889vw; line-height: 26px; line-height: 1.8055555556vw; font-family: "SamsungOne", arial, sans-serif; font-weight: 700; } @media (min-width: 1440px) { .wearable-ring .charging-case .charging-case__info-item--text { font-size: 20px; } } @media (min-width: 1440px) { .wearable-ring .charging-case .charging-case__info-item--text { line-height: 26px; } } html.rtl .wearable-ring .charging-case .charging-case__info-item--text { font-family: "SamsungOne"; } html[lang^="ko"] .wearable-ring .charging-case .charging-case__info-item--text { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^="my"] .wearable-ring .charging-case .charging-case__info-item--text { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring .charging-case .charging-case__info-item--text { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring .charging-case .charging-case__info-item--text { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring .charging-case .charging-case__info-item--text { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring .charging-case .charging-case__info-item--text { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring .charging-case .charging-case__info-item--text { font-family: "SamsungOneGeorgian", Sylfaen; } .wearable-ring .charging-case .charging-case__info-item--desc { font-size: 16px; font-size: 1.1111111111vw; line-height: 26px; line-height: 1.8055555556vw; color: #eee; } @media (min-width: 1440px) { .wearable-ring .charging-case .charging-case__info-item--desc { font-size: 16px; } } @media (min-width: 1440px) { .wearable-ring .charging-case .charging-case__info-item--desc { line-height: 26px; } } .wearable-ring .charging-case .charging-case__image { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 720px; width: 50vw; height: 600px; height: 41.6666666667vw; } @media (min-width: 1440px) { .wearable-ring .charging-case .charging-case__image { width: 720px; } } @media (min-width: 1440px) { .wearable-ring .charging-case .charging-case__image { height: 600px; } } .rtl .wearable-ring .charging-case .charging-case__image { right: 0; } @media screen and (max-width: 767px) { .wearable-ring .charging-case .common__wrap { max-width: 100%; } .wearable-ring .charging-case .common__wrap .common__text { margin: 0; align-items: center; } .wearable-ring .charging-case .common__wrap .common__text .common__headline, .wearable-ring .charging-case .common__wrap .common__text .common__description { text-align: center; } .rtl .wearable-ring .charging-case .common__wrap .common__text { margin: 0; } .wearable-ring .charging-case .common__content { margin: 63.9166666667px 0px 0px; margin: 8.3333333333vw 0vw 0vw; } .rtl .wearable-ring .charging-case .common__content { margin: 63.9166666667px 0px 0px; margin: 8.3333333333vw 0vw 0vw; } .wearable-ring .charging-case .charging-case__info { gap: 63.9166666667px; gap: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .charging-case .charging-case__info { gap: 30px; gap: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-ring .charging-case .charging-case__info-list { gap: 0px; gap: 0vw; padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .charging-case .charging-case__info-list { gap: 0px; gap: 0vw; } } @media screen and (max-width: 767px) { .wearable-ring .charging-case .charging-case__info-item { width: 221.5777777778px; width: 28.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .charging-case .charging-case__info-item { width: 104px; width: 28.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-ring .charging-case .charging-case__info-item--image { width: 76.7px; width: 10vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .charging-case .charging-case__info-item--image { width: 36px; width: 10vw; } } @media screen and (max-width: 767px) { .wearable-ring .charging-case .charging-case__info-item--textblock { gap: 8.5222222222px; gap: 1.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .charging-case .charging-case__info-item--textblock { gap: 4px; gap: 1.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .charging-case .charging-case__info-item--text { font-size: 25.5666666667px; font-size: 3.3333333333vw; line-height: 40.4805555556px; line-height: 5.2777777778vw; font-weight: bold; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .charging-case .charging-case__info-item--text { font-size: 12px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .charging-case .charging-case__info-item--text { line-height: 19px; line-height: 5.2777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .charging-case .charging-case__info-item--desc { font-size: 21.3055555556px; font-size: 2.7777777778vw; line-height: 29.8277777778px; line-height: 3.8888888889vw; color: #eee; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .charging-case .charging-case__info-item--desc { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .charging-case .charging-case__info-item--desc { line-height: 14px; line-height: 3.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-ring .charging-case .charging-case__image { position: static; -webkit-transform: translateY(0); transform: translateY(0); width: 767px; width: 100vw; height: 639.1666666667px; height: 83.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .charging-case .charging-case__image { width: 360px; width: 100vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .charging-case .charging-case__image { height: 300px; height: 83.3333333333vw; } } .wearable-ring .charging-case .common__wrap { -webkit-box-sizing: content-box; box-sizing: content-box; position: relative; max-width: 1440px; width: 100%; min-height: 600px; min-height: 41.6666666667vw; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width:1440px) { .wearable-ring .charging-case .common__wrap { min-height: 600px } } .wearable-ring .charging-case .common__wrap .common__text { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 570px; width: 39.5833333333vw; margin: 0 90px 0 60px; margin: 0 6.25vw 0 4.1666666667vw } @media (min-width:1440px) { .wearable-ring .charging-case .common__wrap .common__text { width: 570px } } @media (min-width:1440px) { .wearable-ring .charging-case .common__wrap .common__text { margin: 0 90px 0 60px } } .wearable-ring .charging-case .common__wrap .common__text .common__description, .wearable-ring .charging-case .common__wrap .common__text .common__headline { text-align: left } .rtl .wearable-ring .charging-case .common__wrap .common__text { margin: 0 60px 0 90px; margin: 0 4.1666666667vw 0 6.25vw } @media (min-width:1440px) { .rtl .wearable-ring .charging-case .common__wrap .common__text { margin: 0 60px 0 90px } } .rtl .wearable-ring .charging-case .common__wrap .common__text .common__description, .rtl .wearable-ring .charging-case .common__wrap .common__text .common__headline { text-align: right } .wearable-ring .charging-case .common__content { margin: 56px 60px 0; margin: 3.8888888889vw 4.1666666667vw 0 } @media (min-width:1440px) { .wearable-ring .charging-case .common__content { margin: 56px 60px 0 } } @media screen and (max-width:767px) { .wearable-ring .charging-case .common__wrap { max-width: 100% } .wearable-ring .charging-case .common__wrap .common__text { margin: 0; align-items: center; } .wearable-ring .charging-case .common__wrap .common__text .common__description, .wearable-ring .charging-case .common__wrap .common__text .common__headline { text-align: center } .rtl .wearable-ring .charging-case .common__wrap .common__text { margin: 0 } .wearable-ring .charging-case .common__content { margin: 63.9166666667px 0 0; margin: 8.3333333333vw 0 0 } .rtl .wearable-ring .charging-case .common__content { margin: 63.9166666667px 0 0; margin: 8.3333333333vw 0 0 } } .wearable-ring .charging-case.charging-case__video-type .common__tab-list { gap: 15px; gap: 1.0416666667vw; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-list { gap: 15px } } .wearable-ring .charging-case.charging-case__video-type .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; text-align: center; width: 190px; width: 13.1944444444vw } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta { width: 190px } } .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--image { width: 95px; width: 6.5972222222vw; opacity: .3 } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--image { width: 95px } } .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--textblock { gap: 8px; gap: .5555555556vw; margin-top: 24px; margin-top: 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; opacity: .3; color: #fff } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--textblock { gap: 8px } } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--textblock { margin-top: 24px } } .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-size: 20px; font-size: 1.3888888889vw; line-height: 26px; line-height: 1.8055555556vw; font-family: SamsungOne, arial, sans-serif; font-weight: 700 } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-size: 20px } } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { line-height: 26px } } html.rtl .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: SamsungOne } html[lang^=ko] .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: SamsungOneKorean, Dotum, "돋움", sans-serif } html[lang^=my] .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: SamsungOne, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: SamsungOne, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: SamsungOneGeorgian, Sylfaen } .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--desc { font-size: 16px; font-size: 1.1111111111vw; line-height: 26px; line-height: 1.8055555556vw; color: #eee } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--desc { font-size: 16px } } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--desc { line-height: 26px } } .wearable-ring .charging-case.charging-case__video-type .common__tab-cta.is-active .common__tab-cta--image, .wearable-ring .charging-case.charging-case__video-type .common__tab-cta.is-active .common__tab-cta--textblock { opacity: 1 } .wearable-ring .charging-case.charging-case__video-type .common__tab-panels { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 720px; width: 50vw; height: 600px; height: 41.6666666667vw } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-panels { width: 720px } } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-panels { height: 600px } } .rtl .wearable-ring .charging-case.charging-case__video-type .common__tab-panels { right: 0 } .wearable-ring .charging-case.charging-case__video-type .video__container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 720px; width: 50vw; height: 600px; height: 41.6666666667vw } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .video__container { width: 720px } } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .video__container { height: 600px } } .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { right: 24px; right: 1.6666666667vw } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { right: 24px } } .rtl .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { right: auto; left: 24px; left: 1.6666666667vw } @media (min-width:1440px) { .rtl .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { left: 24px } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__content { margin: 63.9166666667px 0 0; margin: 8.3333333333vw 0 0 } .rtl .wearable-ring .charging-case.charging-case__video-type .common__content { margin: 63.9166666667px 0 0; margin: 8.3333333333vw 0 0 } .wearable-ring .charging-case.charging-case__video-type .common__tab { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 63.9166666667px; gap: 8.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab { gap: 30px; gap: 8.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-list { gap: 0; gap: 0; padding: 0 51.1333333333px; padding: 0 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-list { gap: 0; gap: 0 } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta { width: 221.5777777778px; width: 28.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta { width: 104px; width: 28.8888888889vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--image { width: 76.7px; width: 10vw; opacity: .3 } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--image { width: 36px; width: 10vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--textblock { gap: 8.5222222222px; gap: 1.1111111111vw; margin-top: 21.3055555556px; margin-top: 2.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--textblock { gap: 4px; gap: 1.1111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--textblock { margin-top: 10px; margin-top: 2.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-size: 25.5666666667px; font-size: 3.3333333333vw; line-height: 40.4805555556px; line-height: 5.2777777778vw; font-weight: 700 } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-size: 12px; font-size: 3.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { line-height: 19px; line-height: 5.2777777778vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--desc { font-size: 21.3055555556px; font-size: 2.7777777778vw; line-height: 29.8277777778px; line-height: 3.8888888889vw; color: #eee } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--desc { font-size: 10px; font-size: 2.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--desc { line-height: 14px; line-height: 3.8888888889vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-panels { position: static; -webkit-transform: translateY(0); transform: translateY(0); width: 767px; width: 100vw; height: 639.1666666667px; height: 83.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-panels { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-panels { height: 300px; height: 83.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .video__container { position: static; -webkit-transform: translate(0); transform: translate(0); width: 767px; width: 100vw; height: 639.1666666667px; height: 83.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .video__container { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .video__container { height: 300px; height: 83.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { right: 51.1333333333px; right: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { right: 24px; right: 6.6666666667vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { right: auto; left: 51.1333333333px; left: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { left: 24px; left: 6.6666666667vw } } .wearable-ring .slim-light .common__content { overflow: hidden; position: relative; max-width: 1920px; height: 680px; height: 47.2222222222vw; } @media (min-width: 1440px) { .wearable-ring .slim-light .common__content { height: 680px; } } .wearable-ring .slim-light .slim-light__image-wrap { position: absolute; top: 0; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; width: 133.3333333333vw; height: 680px; height: 47.2222222222vw; } @media (min-width: 1440px) { .wearable-ring .slim-light .slim-light__image-wrap { width: 1920px; } } @media (min-width: 1440px) { .wearable-ring .slim-light .slim-light__image-wrap { height: 680px; } } .wearable-ring .slim-light .slim-light__image-wrap .slim-light__image { width: 957px; width: 66.4583333333vw; height: 680px; height: 47.2222222222vw; } @media (min-width: 1440px) { .wearable-ring .slim-light .slim-light__image-wrap .slim-light__image { width: 957px; } } @media (min-width: 1440px) { .wearable-ring .slim-light .slim-light__image-wrap .slim-light__image { height: 680px; } } @media screen and (max-width: 767px) { .wearable-ring .slim-light .common__content { width: 100%; height: auto; padding: 0; } .wearable-ring .slim-light .slim-light__image-wrap { position: static; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translateX(0%); transform: translateX(0%); width: 100%; height: 1035.45px; height: 135vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .slim-light .slim-light__image-wrap { height: 486px; height: 135vw; } } @media screen and (max-width: 767px) { .wearable-ring .slim-light .slim-light__image-wrap .slim-light__image { width: 100%; height: 511.3333333333px; height: 66.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .slim-light .slim-light__image-wrap .slim-light__image { height: 240px; height: 66.6666666667vw; } } .wearable-ring .slim-light .common__wrap { padding-top: 0px; } .wearable-ring .slim-light .common__content { margin-top: 0px; } .wearable-ring .color-option .common__tab { position: relative; width: 100%; } .wearable-ring .color-option .common__tab-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 24px; gap: 1.6666666667vw; } @media (min-width: 1440px) { .wearable-ring .color-option .common__tab-panel { gap: 24px; } } .wearable-ring .color-option .common__tab-list { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px; margin-top: 2.7777777778vw; padding-bottom: 45px; padding-bottom: 3.125vw; gap: 24px; gap: 1.6666666667vw; } @media (min-width: 1440px) { .wearable-ring .color-option .common__tab-list { margin-top: 40px; } } @media (min-width: 1440px) { .wearable-ring .color-option .common__tab-list { padding-bottom: 45px; } } @media (min-width: 1440px) { .wearable-ring .color-option .common__tab-list { gap: 24px; } } .wearable-ring .color-option .common__tab-cta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #000; } .wearable-ring .color-option .common__tab-cta .tab-cta__text { display: none; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .wearable-ring .color-option .common__tab-cta.is-active .tab-cta__text { display: inline-block; } .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip { position: relative; width: 28px; width: 1.9444444444vw; height: 28px; height: 1.9444444444vw; border-radius: 50%; } @media (min-width: 1440px) { .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip { width: 28px; } } @media (min-width: 1440px) { .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip { height: 28px; } } .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip--gold { background-color: #f0e1b9; } .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip--black { background-color: #363636; } .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip--silver { background-color: #d3d3d3; } .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip::before { content: ""; position: absolute; inset: 0; border: 1px solid #666666; border-radius: 50%; } .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip::after { content: ""; display: none; position: absolute; inset: -3px; border: 1px solid #197ae5; border-radius: 50%; } .wearable-ring .color-option .common__tab-cta.is-active .tab-cta__color-chip::after { display: block; } .wearable-ring .color-option .common__tab--name { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; } .wearable-ring .color-option .common__tab--name .tab-cta__text { position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; font-size: 18px; font-size: 1.25vw; font-weight: 700; line-height: 1; } @media (min-width: 1440px) { .wearable-ring .color-option .common__tab--name .tab-cta__text { font-size: 18px; } } .wearable-ring .color-option .common__tab--name .tab-cta__text.is-active { opacity: 1; visibility: visible; } .wearable-ring .color-option__image { width: 588px; width: 40.8333333333vw; height: 588px; height: 40.8333333333vw; background-color: #f0f0f0; } @media (min-width: 1440px) { .wearable-ring .color-option__image { width: 588px; } } @media (min-width: 1440px) { .wearable-ring .color-option__image { height: 588px; } } @media screen and (max-width: 767px) { .wearable-ring .color-option .common__text { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } .wearable-ring .color-option .common__tab { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .wearable-ring .color-option .common__tab-panel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 25.5666666667px; gap: 3.3333333333vw; margin: 0px 51.1333333333px; margin: 0vw 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .color-option .common__tab-panel { gap: 12px; gap: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-ring .color-option .common__tab-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 31.9583333333px 51.1333333333px 0px; margin: 4.1666666667vw 6.6666666667vw 0vw; padding-bottom: 63.9166666667px; padding-bottom: 8.3333333333vw; gap: 49.0027777778px; gap: 6.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .color-option .common__tab-list { padding-bottom: 30px; padding-bottom: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .color-option .common__tab-list { gap: 23px; gap: 6.3888888889vw; } } @media screen and (max-width: 767px) { .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip { width: 59.6555555556px; width: 7.7777777778vw; height: 59.6555555556px; height: 7.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip { width: 28px; width: 7.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip { height: 28px; height: 7.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip::after { inset: -8.5222222222px; inset: -1.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip::after { inset: -4px; inset: -1.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .color-option .common__tab--name .tab-cta__text { font-size: 29.8277777778px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .color-option .common__tab--name .tab-cta__text { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-ring .color-option__image { width: 100%; height: 664.7333333333px; height: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .color-option__image { height: 312px; height: 86.6666666667vw; } } .wearable-ring .waterproof .common__wrap { position: relative; max-width: 1440px; width: 100%; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wearable-ring .waterproof .common__text { z-index: 2; position: absolute; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; left: 120px; left: 8.3333333333vw; width: 570px; width: 39.5833333333vw; } @media (min-width: 1440px) { .wearable-ring .waterproof .common__text { left: 120px; } } @media (min-width: 1440px) { .wearable-ring .waterproof .common__text { width: 570px; } } .wearable-ring .waterproof .common__text .common__headline, .wearable-ring .waterproof .common__text .common__description { width: 570px; width: 39.5833333333vw; text-align: left; } @media (min-width: 1440px) { .wearable-ring .waterproof .common__text .common__headline, .wearable-ring .waterproof .common__text .common__description { width: 570px; } } .rtl .wearable-ring .waterproof .common__text .common__headline, .rtl .wearable-ring .waterproof .common__text .common__description { text-align: right; } .wearable-ring .waterproof .common__content { position: relative; max-width: 1440px; width: 100%; height: 720px; height: 50vw; margin: 0 auto; } @media (min-width: 1440px) { .wearable-ring .waterproof .common__content { height: 720px; } } .wearable-ring .waterproof__video { width: 100%; height: 720px; height: 50vw; } @media (min-width: 1440px) { .wearable-ring .waterproof__video { height: 720px; } } @media screen and (max-width: 767px) { .wearable-ring .waterproof .common__wrap { height: auto; padding: 106.5277777778px 0px; padding: 13.8888888889vw 0vw; } .wearable-ring .waterproof .common__text { position: static; width: auto; left: auto; padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; } .wearable-ring .waterproof .common__text .common__headline, .wearable-ring .waterproof .common__text .common__description { width: 100%; } .wearable-ring .waterproof .common__content { margin-top: 63.9166666667px; margin-top: 8.3333333333vw; height: auto; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .waterproof .common__content { margin-top: 30px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-ring .waterproof__video { width: 767px; width: 100vw; height: 809.6111111111px; height: 105.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .waterproof__video { width: 360px; width: 100vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .waterproof__video { height: 380px; height: 105.5555555556vw; } } .wearable-ring .ai-samsung-health .common__wrap { max-width: 1440px; width: 100%; } .wearable-ring .ai-samsung-health .common__content { margin-top: 40px; margin-top: 2.7777777778vw; } @media (min-width: 1440px) { .wearable-ring .ai-samsung-health .common__content { margin-top: 40px; } } .wearable-ring .ai-samsung-health__video { width: 1440px; width: 100vw; height: 836px; height: 58.0555555556vw; } @media (min-width: 1440px) { .wearable-ring .ai-samsung-health__video { width: 1440px; } } @media (min-width: 1440px) { .wearable-ring .ai-samsung-health__video { height: 836px; } } .wearable-ring .ai-samsung-health__cta { margin-top: 40px; margin-top: 2.7777777778vw; } @media (min-width: 1440px) { .wearable-ring .ai-samsung-health__cta { margin-top: 40px; } } .wearable-ring .ai-samsung-health .wearable-ring__cta-round:focus span, .wearable-ring .ai-samsung-health .wearable-ring__cta-round:hover span { color: #fff !important; } @media screen and (max-width: 767px) { .wearable-ring .common__content { margin-top: 63.9166666667px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .common__content { margin-top: 30px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-ring .ai-samsung-health__video { width: 767px; width: 100vw; height: 809.6111111111px; height: 105.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .ai-samsung-health__video { width: 360px; width: 100vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .ai-samsung-health__video { height: 380px; height: 105.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .ai-samsung-health__cta { margin-top: 51.1333333333px; margin-top: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .ai-samsung-health__cta { margin-top: 24px; margin-top: 6.6666666667vw; } } .wearable-ring .energy-score .common__wrap { overflow: hidden; position: relative; max-width: 1920px; width: 100%; } .wearable-ring .energy-score .common__content { margin-top: 60px; margin-top: 4.1666666667vw; } @media (min-width: 1440px) { .wearable-ring .energy-score .common__content { margin-top: 60px; } } .wearable-ring .energy-score__video-wrap { overflow: hidden; position: relative; max-width: 1920px; width: 100%; min-height: 408px; min-height: 28.3333333333vw; } @media (min-width: 1440px) { .wearable-ring .energy-score__video-wrap { min-height: 408px; } } .wearable-ring .energy-score__video { position: absolute; top: 0; left: 50%; width: 1920px; width: 133.3333333333vw; min-height: 408px; min-height: 28.3333333333vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 1440px) { .wearable-ring .energy-score__video { width: 1920px; } } @media (min-width: 1440px) { .wearable-ring .energy-score__video { min-height: 408px; } } .wearable-ring .energy-score .energy-score__image { width: 1200px; width: 83.3333333333vw; margin-top: 40px; margin-top: 2.7777777778vw; } @media (min-width: 1440px) { .wearable-ring .energy-score .energy-score__image { width: 1200px; } } @media (min-width: 1440px) { .wearable-ring .energy-score .energy-score__image { margin-top: 40px; } } @media screen and (max-width: 767px) { .wearable-ring .energy-score .common__wrap { padding-bottom: 0; } .wearable-ring .energy-score .common__headline, .wearable-ring .energy-score .common__description { text-align: left; align-self: start; } .rtl .wearable-ring .energy-score .common__headline, .rtl .wearable-ring .energy-score .common__description { text-align: right; } .wearable-ring .energy-score__video-wrap { height: 319.5833333333px; height: 41.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .energy-score__video-wrap { height: 150px; height: 41.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .energy-score__video { position: static; width: 100%; height: 319.5833333333px; height: 41.6666666667vw; -webkit-transform: translateX(0); transform: translateX(0); } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .energy-score__video { height: 150px; height: 41.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .energy-score .energy-score__image { width: 100%; margin-top: 0; } } .wearable-ring .wellness-tips { overflow: hidden; position: relative; z-index: 0; } .wearable-ring .wellness-tips .common__wrap { position: relative; max-width: 1440px; padding-bottom: 50px; padding-bottom: 3.4722222222vw; } @media (min-width: 1440px) { .wearable-ring .wellness-tips .common__wrap { padding-bottom: 50px; } } .wearable-ring .wellness-tips__video { width: 720px; width: 50vw; height: 600px; height: 41.6666666667vw; } @media (min-width: 1440px) { .wearable-ring .wellness-tips__video { width: 720px; } } @media (min-width: 1440px) { .wearable-ring .wellness-tips__video { height: 600px; } } .wearable-ring .wellness-tips__video .video__controller { right: 24px; right: 1.6666666667vw; } @media (min-width: 1440px) { .wearable-ring .wellness-tips__video .video__controller { right: 24px; } } @media screen and (max-width: 767px) { .wearable-ring .wellness-tips .common__wrap { padding-bottom: 106.5277777778px; padding-bottom: 13.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wellness-tips .common__wrap { padding-bottom: 50px; padding-bottom: 13.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-ring .wellness-tips .common__text .common__headline, .wearable-ring .wellness-tips .common__text .common__description { text-align: center; } .wearable-ring .wellness-tips .common__content { margin-top: 63.9166666667px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wellness-tips .common__content { margin-top: 30px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-ring .wellness-tips__video { width: 100%; height: 788.3055555556px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wellness-tips__video { height: 370px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .wellness-tips__video .video__controller { right: 51.1333333333px; right: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .wellness-tips__video .video__controller { right: 24px; right: 6.6666666667vw; } } .wearable-ring .sleep .common__wrap { position: relative; } .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap { position: absolute; top: 100px; top: 6.9444444444vw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; width: 133.3333333333vw; height: 198px; height: 13.75vw; } @media (min-width: 1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap { top: 100px; } } @media (min-width: 1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap { width: 1920px; } } @media (min-width: 1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap { height: 198px; } } .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap .sleep-bg__image { width: 1920px; width: 133.3333333333vw; height: 198px; height: 13.75vw; } @media (min-width: 1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap .sleep-bg__image { width: 1920px; } } @media (min-width: 1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap .sleep-bg__image { height: 198px; } } .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; width: 133.3333333333vw; height: 452px; height: 31.3888888889vw; } @media (min-width: 1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap { width: 1920px; } } @media (min-width: 1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap { height: 452px; } } .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap .sleep-bg__image { width: 1920px; width: 133.3333333333vw; height: 452px; height: 31.3888888889vw; } @media (min-width: 1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap .sleep-bg__image { width: 1920px; } } @media (min-width: 1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap .sleep-bg__image { height: 452px; } } .wearable-ring .sleep .common__wrap .common__text { position: relative; } .wearable-ring .sleep .common__content { overflow: hidden; max-width: 1920px; } .wearable-ring .sleep__image { position: relative; width: 1920px; width: 133.3333333333vw; height: 680px; height: 47.2222222222vw; } @media (min-width: 1440px) { .wearable-ring .sleep__image { width: 1920px; } } @media (min-width: 1440px) { .wearable-ring .sleep__image { height: 680px; } } .wearable-ring .sleep__image img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; width: 133.3333333333vw; height: 680px; height: 47.2222222222vw; } @media (min-width: 1440px) { .wearable-ring .sleep__image img { width: 1920px; } } @media (min-width: 1440px) { .wearable-ring .sleep__image img { height: 680px; } } .wearable-ring .sleep .common__carousel-wrap { position: relative; z-index: 1; width: 1440px; width: 100vw; margin: 0 auto; margin-top: 40px; margin-top: 2.7777777778vw; } @media (min-width: 1440px) { .wearable-ring .sleep .common__carousel-wrap { width: 1440px; } } @media (min-width: 1440px) { .wearable-ring .sleep .common__carousel-wrap { margin-top: 40px; } } .wearable-ring .sleep .common__carousel-wrap .common__carousel { position: relative; width: 100%; } .wearable-ring .sleep .common__carousel-wrap .common__carousel-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .wearable-ring .sleep .common__carousel-wrap .common__carousel-item { overflow: hidden; background: #000; width: 330px; width: 22.9166666667vw; height: 312px; height: 21.6666666667vw; margin-left: 24px; margin-left: 1.6666666667vw; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 26px; border-radius: 1.8055555556vw; } .wearable-ring .sleep .common__carousel-wrap .common__carousel-item:first-child { margin-left: 0; } @media (min-width: 1440px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-item { width: 330px; } } @media (min-width: 1440px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-item { height: 312px; } } @media (min-width: 1440px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-item { margin-left: 24px; } } @media (min-width: 1440px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-item { border-radius: 26px; } } .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-item:first-child { margin-left: 24px; margin-left: 1.6666666667vw; margin-right: 0; } @media (min-width: 1440px) { .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-item:first-child { margin-left: 24px; } } .wearable-ring .sleep .common__carousel-wrap .common__carousel-item .sleep-carousel__image { width: 100%; } @media screen and (max-width: 767px) { .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap { left: 0; top: 0; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; height: auto; } .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap .sleep-bg__image { width: 100%; height: auto; } .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap { left: 0; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; height: auto; } .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap .sleep-bg__image { width: 100%; height: auto; } .wearable-ring .sleep .common__content { padding: 0px; padding: 0vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sleep .common__content { padding: 0px; padding: 0vw; } } @media screen and (max-width: 767px) { .wearable-ring .sleep__image { width: 100%; height: 852.2222222222px; height: 111.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sleep__image { height: 400px; height: 111.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .sleep__image img { position: static; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; height: 100%; } .wearable-ring .sleep .common__carousel-wrap { width: 100%; margin-top: 51.1333333333px; margin-top: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sleep .common__carousel-wrap { margin-top: 24px; margin-top: 6.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-inner { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 541.1611111111px; width: 70.5555555556vw; height: 468.7222222222px; height: 61.1111111111vw; margin-left: 51.1333333333px; margin-left: 6.6666666667vw; border-radius: 46.8722222222px; border-radius: 6.1111111111vw; } .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-left: 51.1333333333px; margin-left: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-left: 24px; margin-left: 6.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-right: 51.1333333333px; margin-right: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-right: 24px; margin-right: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 254px; width: 70.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item { height: 220px; height: 61.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item { margin-left: 24px; margin-left: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item { border-radius: 22px; border-radius: 6.1111111111vw; } } @media screen and (max-width: 767px) { .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item { margin-left: 0; margin-right: 51.1333333333px; margin-right: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item { margin-right: 24px; margin-right: 6.6666666667vw; } } @media screen and (max-width: 767px) { .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-right: 51.1333333333px; margin-right: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-right: 24px; margin-right: 6.6666666667vw; } } @media screen and (max-width: 767px) { .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-left: 51.1333333333px; margin-left: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-left: 24px; margin-left: 6.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-pagination-wrap { margin-top: 51.1333333333px; margin-top: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-pagination-wrap { margin-top: 24px; margin-top: 6.6666666667vw; } } .wearable-ring .cycle-tracking .common__wrap { max-width: 1440px; width: 100%; } .wearable-ring .cycle-tracking .cycle-tracking__text-image { display: inline-block; width: 150px; width: 10.4166666667vw; height: 28px; height: 1.9444444444vw; vertical-align: middle; } @media (min-width: 1440px) { .wearable-ring .cycle-tracking .cycle-tracking__text-image { width: 150px; } } @media (min-width: 1440px) { .wearable-ring .cycle-tracking .cycle-tracking__text-image { height: 28px; } } .wearable-ring .cycle-tracking .cycle-tracking__text-image img { width: 100%; height: 100%; vertical-align: top; } .wearable-ring .cycle-tracking__image { width: 1440px; width: 100vw; } @media (min-width: 1440px) { .wearable-ring .cycle-tracking__image { width: 1440px; } } @media screen and (max-width: 767px) { .wearable-ring .cycle-tracking .cycle-tracking__text-image { width: 213.0555555556px; width: 27.7777777778vw; height: 38.35px; height: 5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .cycle-tracking .cycle-tracking__text-image { width: 100px; width: 27.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .cycle-tracking .cycle-tracking__text-image { height: 18px; height: 5vw; } } @media screen and (max-width: 767px) { .wearable-ring .cycle-tracking__image { width: 100%; } } .wearable-ring .tracking-heart-rate .common__wrap { max-width: 1440px; width: 100%; } .wearable-ring .tracking-heart-rate__image { width: 1440px; width: 100vw; } @media (min-width: 1440px) { .wearable-ring .tracking-heart-rate__image { width: 1440px; } } @media screen and (max-width: 767px) { .wearable-ring .tracking-heart-rate__image { width: 100%; } } .wearable-ring .track-wide-range .common__wrap { max-width: 1440px; width: 100%; } .wearable-ring .track-wide-range__video { width: 1440px; width: 100vw; height: 720px; height: 50vw; } @media (min-width: 1440px) { .wearable-ring .track-wide-range__video { width: 1440px; } } @media (min-width: 1440px) { .wearable-ring .track-wide-range__video { height: 720px; } } @media screen and (max-width: 767px) { .wearable-ring .track-wide-range__video { width: 100%; height: 809.6111111111px; height: 105.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .track-wide-range__video { height: 380px; height: 105.5555555556vw; } } .wearable-ring .walk-run { overflow: hidden; position: relative; } .wearable-ring .walk-run .common__wrap { padding: 100px 0px 50px; padding: 6.9444444444vw 0vw 3.4722222222vw; padding-bottom: 0; } @media (min-width: 1440px) { .wearable-ring .walk-run .common__wrap { padding: 100px 0px 50px; padding-bottom: 0; } } .wearable-ring .walk-run .common__text { position: relative; z-index: 2; } .wearable-ring .walk-run .common__content { overflow: hidden; max-width: 1920px; } .wearable-ring .walk-run__inner { position: relative; padding-bottom: 100px; padding-bottom: 6.9444444444vw; } @media (min-width: 1440px) { .wearable-ring .walk-run__inner { padding-bottom: 100px; } } .wearable-ring .walk-run__motion-wrap { position: relative; z-index: 2; 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; gap: 20px; gap: 1.3888888889vw; margin-bottom: 60px; margin-bottom: 4.1666666667vw; } @media (min-width: 1440px) { .wearable-ring .walk-run__motion-wrap { gap: 20px; } } @media (min-width: 1440px) { .wearable-ring .walk-run__motion-wrap { margin-bottom: 60px; } } .wearable-ring .walk-run__motion-wrap .walk-run__image { overflow: hidden; width: 557px; width: 38.6805555556vw; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: opacity 0.6s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: opacity 0.6s ease-in-out, transform 0.4s ease-in-out; transition: opacity 0.6s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; border-radius: 16px; border-radius: 1.1111111111vw; } @media (min-width: 1440px) { .wearable-ring .walk-run__motion-wrap .walk-run__image { width: 557px; } } @media (min-width: 1440px) { .wearable-ring .walk-run__motion-wrap .walk-run__image { border-radius: 16px; } } .wearable-ring .walk-run__motion-wrap .walk-run__date-text { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: opacity 0.6s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: opacity 0.6s ease-in-out, transform 0.4s ease-in-out; transition: opacity 0.6s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; } .wearable-ring .walk-run__motion-wrap.is-active .walk-run__image, .wearable-ring .walk-run__motion-wrap.is-active .walk-run__date-text { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .wearable-ring .walk-run__motion-wrap.is-active .timeline01 .walk-run__image, .wearable-ring .walk-run__motion-wrap.is-active .timeline01 .walk-run__date-text { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .wearable-ring .walk-run__motion-wrap.is-active .walk-run__image.timeline02 { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .wearable-ring .walk-run__motion-wrap.is-active .walk-run__image.timeline03 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .wearable-ring .walk-run__motion-wrap .walk-run__date-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 30px; margin-bottom: 2.0833333333vw; } @media (min-width: 1440px) { .wearable-ring .walk-run__motion-wrap .walk-run__date-text { margin-bottom: 30px; } } .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-size: 40px; font-size: 2.7777777778vw; font-family: "SamsungOne", arial, sans-serif; font-weight: 700; color: #2f2f30; } @media (min-width: 1440px) { .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-size: 40px; } } html.rtl .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: "SamsungOne"; } html[lang^="ko"] .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^="my"] .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: "SamsungOneGeorgian", Sylfaen; } .wearable-ring .walk-run .common__carousel-wrap { position: relative; z-index: 1; width: 1440px; width: 100vw; margin: 0 auto; } @media (min-width: 1440px) { .wearable-ring .walk-run .common__carousel-wrap { width: 1440px; } } .wearable-ring .walk-run .common__carousel-wrap .common__carousel { position: relative; width: 100%; } .wearable-ring .walk-run .common__carousel-wrap .common__carousel-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .wearable-ring .walk-run .common__carousel-wrap .common__carousel-item { overflow: hidden; width: 312px; width: 21.6666666667vw; height: 290px; height: 20.1388888889vw; margin: 0px 12px; margin: 0vw 0.8333333333vw; border-radius: 26px; border-radius: 1.8055555556vw; -ms-flex-negative: 0; flex-shrink: 0; background: #fff; } @media (min-width: 1440px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-item { width: 312px; } } @media (min-width: 1440px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-item { height: 290px; } } @media (min-width: 1440px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-item { margin: 0px 12px; } } @media (min-width: 1440px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-item { border-radius: 26px; } } .wearable-ring .walk-run .common__carousel-wrap .common__carousel-item .walk-run__image { width: 100%; } .wearable-ring .walk-run .walk-run__bg-image { position: absolute; top: 0px; top: 0vw; left: 50%; width: 1920px; width: 133.3333333333vw; height: 830px; height: 57.6388888889vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; } @media (min-width: 1440px) { .wearable-ring .walk-run .walk-run__bg-image { top: 0px; } } @media (min-width: 1440px) { .wearable-ring .walk-run .walk-run__bg-image { width: 1920px; } } @media (min-width: 1440px) { .wearable-ring .walk-run .walk-run__bg-image { height: 830px; } } .wearable-ring .walk-run .walk-run__bottom-image { position: relative; margin-top: 50px; margin-top: 3.4722222222vw; } @media (min-width: 1440px) { .wearable-ring .walk-run .walk-run__bottom-image { margin-top: 50px; } } .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image { position: relative; width: 1920px; width: 133.3333333333vw; height: 680px; height: 47.2222222222vw; } @media (min-width: 1440px) { .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image { width: 1920px; } } @media (min-width: 1440px) { .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image { height: 680px; } } .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image img { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: auto; } .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image+.walk-run__image { margin-top: 5px; margin-top: 0.3472222222vw; } @media (min-width: 1440px) { .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image+.walk-run__image { margin-top: 5px; } } @media screen and (max-width: 767px) { .wearable-ring .walk-run { background: #f7f7f7; } .wearable-ring .walk-run .common__wrap { padding: 106.5277777778px 0px; padding: 13.8888888889vw 0vw; padding-bottom: 0; } .wearable-ring .walk-run .common__content { position: relative; } .wearable-ring .walk-run__inner { width: 100%; padding: 581.6416666667px 0px 106.5277777778px; padding: 75.8333333333vw 0vw 13.8888888889vw; } .wearable-ring .walk-run .walk-run__motion-wrap { gap: 21.3055555556px; gap: 2.7777777778vw; margin-bottom: 42.6111111111px; margin-bottom: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .walk-run__motion-wrap { gap: 10px; gap: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .walk-run__motion-wrap { margin-bottom: 20px; margin-bottom: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__image { width: 664.7333333333px; width: 86.6666666667vw; border-radius: 25.5666666667px; border-radius: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__image { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__image { border-radius: 12px; border-radius: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__date-text { margin-bottom: 25.5666666667px; margin-bottom: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__date-text { margin-bottom: 12px; margin-bottom: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__date-text .day { font-size: 51.1333333333px; font-size: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__date-text .day { font-size: 24px; font-size: 6.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .walk-run .walk-run__bg-image { top: 0px; top: 0vw; left: 0; width: 767px; width: 100vw; height: 575.25px; height: 75vw; -webkit-transform: translateX(0); transform: translateX(0); } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .walk-run__bg-image { top: 0px; top: 0vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .walk-run__bg-image { width: 360px; width: 100vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .walk-run__bg-image { height: 270px; height: 75vw; } } @media screen and (max-width: 767px) { .wearable-ring .walk-run .common__carousel-wrap { width: 664.7333333333px; width: 86.6666666667vw; margin-top: 42.6111111111px; margin-top: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .common__carousel-wrap { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .common__carousel-wrap { margin-top: 20px; margin-top: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-container .common__carousel-inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wearable-ring .walk-run .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 664.7333333333px; width: 86.6666666667vw; height: 617.8611111111px; height: 80.5555555556vw; margin: 0px 25.5666666667px; margin: 0vw 3.3333333333vw; border-radius: 25.5666666667px; border-radius: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-container .common__carousel-item { height: 290px; height: 80.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-container .common__carousel-item { border-radius: 12px; border-radius: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-pagination-wrap { margin-top: 51.1333333333px; margin-top: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-pagination-wrap { margin-top: 24px; margin-top: 6.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .walk-run .common__carousel-wrap .swiper-button-next { right: -36.2194444444px; right: -4.7222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .common__carousel-wrap .swiper-button-next { right: -17px; right: -4.7222222222vw; } } @media screen and (max-width: 767px) { .wearable-ring .walk-run .common__carousel-wrap .swiper-button-prev { left: -36.2194444444px; left: -4.7222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .common__carousel-wrap .swiper-button-prev { left: -17px; left: -4.7222222222vw; } } @media screen and (max-width: 767px) { .rtl .wearable-ring .walk-run .common__carousel-wrap .swiper-button-next { right: auto; left: -36.2194444444px; left: -4.7222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-ring .walk-run .common__carousel-wrap .swiper-button-next { left: -17px; left: -4.7222222222vw; } } @media screen and (max-width: 767px) { .rtl .wearable-ring .walk-run .common__carousel-wrap .swiper-button-prev { left: auto; right: -36.2194444444px; right: -4.7222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-ring .walk-run .common__carousel-wrap .swiper-button-prev { right: -17px; right: -4.7222222222vw; } } @media screen and (max-width: 767px) { .wearable-ring .walk-run .walk-run__bottom-image { width: 767px; width: 100vw; margin-top: 106.5277777778px; margin-top: 13.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .walk-run__bottom-image { width: 360px; width: 100vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .walk-run__bottom-image { margin-top: 50px; margin-top: 13.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image { width: 100%; height: 511.3333333333px; height: 66.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image { height: 240px; height: 66.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image img { position: static; left: 0; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; height: 100%; } .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image+.walk-run__image { margin-top: 12.7833333333px; margin-top: 1.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image+.walk-run__image { margin-top: 6px; margin-top: 1.6666666667vw; } } .wearable-ring .gesture-control .common__text { width: 850px; width: 59.0277777778vw; margin: 0 auto; } @media (min-width: 1440px) { .wearable-ring .gesture-control .common__text { width: 850px; } } .wearable-ring .gesture-control .common__content { overflow: hidden; position: relative; max-width: 1920px; } .wearable-ring .gesture-control__image { position: relative; width: 1920px; width: 133.3333333333vw; height: 626px; height: 43.4722222222vw; } @media (min-width: 1440px) { .wearable-ring .gesture-control__image { width: 1920px; } } @media (min-width: 1440px) { .wearable-ring .gesture-control__image { height: 626px; } } .wearable-ring .gesture-control__image img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; width: 133.3333333333vw; height: 626px; height: 43.4722222222vw; } @media (min-width: 1440px) { .wearable-ring .gesture-control__image img { width: 1920px; } } @media (min-width: 1440px) { .wearable-ring .gesture-control__image img { height: 626px; } } @media screen and (max-width: 767px) { .wearable-ring .gesture-control__image { width: 100%; height: 1144.1083333333px; height: 149.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .gesture-control__image { height: 537px; height: 149.1666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .gesture-control__image img { position: static; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; height: 100%; } } .wearable-ring .find-my-ring .common__wrap { max-width: 1440px; } .wearable-ring .find-my-ring__image { width: 720px; width: 50vw; height: 720px; height: 50vw; } @media (min-width: 1440px) { .wearable-ring .find-my-ring__image { width: 720px; } } @media (min-width: 1440px) { .wearable-ring .find-my-ring__image { height: 720px; } } @media screen and (max-width: 767px) { .wearable-ring .find-my-ring .common__text { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wearable-ring .find-my-ring .common__text .common__sub-headline, .wearable-ring .find-my-ring .common__text .common__description { width: 100%; } .wearable-ring .find-my-ring .common__content { margin-top: 72.4388888889px; margin-top: 9.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .find-my-ring .common__content { margin-top: 34px; margin-top: 9.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-ring .find-my-ring .common__content { height: 677.5166666667px; height: 88.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .find-my-ring .common__content { height: 318px; height: 88.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-ring .find-my-ring__image { position: static; top: auto; left: auto; width: 100%; -webkit-transform: translateX(0); transform: translateX(0); height: 677.5166666667px; height: 88.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .find-my-ring__image { height: 318px; height: 88.3333333333vw; } } .wearable-ring .account .common__wrap { max-width: 1440px; } .wearable-ring .account__image { width: 720px; width: 50vw; height: 720px; height: 50vw; } @media (min-width: 1440px) { .wearable-ring .account__image { width: 720px; } } @media (min-width: 1440px) { .wearable-ring .account__image { height: 720px; } } @media screen and (max-width: 767px) { .wearable-ring .account .common__text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin: 0; } .wearable-ring .account .common__content { margin-top: 72.4388888889px; margin-top: 9.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .account .common__content { margin-top: 34px; margin-top: 9.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-ring .account__image { width: 767px; width: 100vw; height: 579.5111111111px; height: 75.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .account__image { width: 360px; width: 100vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .account__image { height: 272px; height: 75.5555555556vw; } } .wearable-ring .choose-size .common__content { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1392px; margin: 40px auto 0px; margin: 2.7777777778vw auto 0vw; padding-top: 80px; padding-top: 5.5555555556vw; } @media (min-width: 1440px) { .wearable-ring .choose-size .common__content { margin: 40px auto 0px; } } @media (min-width: 1440px) { .wearable-ring .choose-size .common__content { padding-top: 80px; } } .wearable-ring .choose-size .common__video-wrap { position: absolute; top: 0; right: 0px; right: 0vw; background: #fff; width: 310px; width: 21.5277777778vw; padding: 14px; padding: 0.9722222222vw; border-radius: 20px; border-radius: 1.3888888889vw; } @media (min-width: 1440px) { .wearable-ring .choose-size .common__video-wrap { right: 0px; } } @media (min-width: 1440px) { .wearable-ring .choose-size .common__video-wrap { width: 310px; } } @media (min-width: 1440px) { .wearable-ring .choose-size .common__video-wrap { padding: 14px; } } @media (min-width: 1440px) { .wearable-ring .choose-size .common__video-wrap { border-radius: 20px; } } .rtl .wearable-ring .choose-size .common__video-wrap { right: auto; left: 96px; left: 6.6666666667vw; } @media (min-width: 1440px) { .rtl .wearable-ring .choose-size .common__video-wrap { left: 96px; } } .wearable-ring .choose-size .common__video-wrap .common__video-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; width: 100%; height: 100%; } .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { width: 131px; width: 9.0972222222vw; font-family: "SamsungOne", arial, sans-serif; font-weight: 700; font-size: 15px; font-size: 1.0416666667vw; line-height: 1.6; } @media (min-width: 1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { width: 131px; } } html.rtl .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: "SamsungOne"; } html[lang^="ko"] .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^="my"] .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: "SamsungOneGeorgian", Sylfaen; } @media (min-width: 1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-size: 15px; } } .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { position: relative; overflow: hidden; width: 131px; width: 9.0972222222vw; height: 82px; height: 5.6944444444vw; border-radius: 10px; border-radius: 0.6944444444vw; } @media (min-width: 1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { width: 131px; } } @media (min-width: 1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { height: 82px; } } @media (min-width: 1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { border-radius: 10px; } } .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail:after { content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 37px; width: 2.5694444444vw; height: 37px; height: 2.5694444444vw; background-image: url("data:image/svg+xml,%0A%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.5;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3Cg transform='translate(8.369 5.936)'%3E%3Cpath class='st1' d='M5.27,3.54c0.35-0.17,0.79-0.17,1.14,0.09H6.5l10.92,7.51c0.52,0.35,0.7,1.05,0.35,1.66 c-0.09,0.09-0.17,0.17-0.26,0.26h-0.09L6.5,20.49c-0.26,0.17-0.44,0.26-0.7,0.26c-0.17,0-0.35-0.09-0.52-0.09 c-0.35-0.17-0.61-0.61-0.61-0.96V4.58C4.66,4.15,4.84,3.8,5.27,3.54L5.27,3.54L5.27,3.54z'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 100% 100%; } @media (min-width: 1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail:after { width: 37px; } } @media (min-width: 1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail:after { height: 37px; } } .wearable-ring .choose-size .common__video-wrap .common-video-popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 99999999; } .wearable-ring .choose-size .common__video-wrap .common-video-popup .cm-layer__dimmed { background-color: rgba(0, 0, 0, 0.88); } .wearable-ring .choose-size .common__video-wrap .common-video-popup .cm-layer__btn-close { top: auto; right: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -68px; bottom: -4.7222222222vw; } @media (min-width: 1440px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup .cm-layer__btn-close { bottom: -68px; } } .wearable-ring .choose-size .common__video-wrap .common-video-popup__inner { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; min-height: 300px; min-height: 20.8333333333vw; } @media (min-width: 1440px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup__inner { min-height: 300px; } } .wearable-ring .choose-size .common__video-wrap .common-video-popup__content { position: absolute; top: 50%; left: 50%; right: auto; bottom: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wearable-ring .choose-size .common__video-wrap .common-video-popup__iframe { overflow: hidden; position: relative; top: auto; left: auto; width: 1000px; width: 69.4444444444vw; height: 59.5vh; max-height: 565px; margin: 0; z-index: 101; } @media (min-width: 1440px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup__iframe { width: 1000px; } } .wearable-ring .choose-size .common__video-wrap .common-video-popup__iframe iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; } .wearable-ring .choose-size .common__video-wrap .common-video-popup.is-active { display: block; } .wearable-ring .choose-size__image { width: 742px; width: 51.5277777778vw; height: 450px; height: 31.25vw; margin: 0 auto; } @media (min-width: 1440px) { .wearable-ring .choose-size__image { width: 742px; } } @media (min-width: 1440px) { .wearable-ring .choose-size__image { height: 450px; } } .wearable-ring .choose-size .common__carousel-wrap { position: relative; z-index: 1; width: 1200px; width: 83.3333333333vw; margin: 0 auto; margin-top: 40px; margin-top: 2.7777777778vw; } @media (min-width: 1440px) { .wearable-ring .choose-size .common__carousel-wrap { width: 1200px; } } @media (min-width: 1440px) { .wearable-ring .choose-size .common__carousel-wrap { margin-top: 40px; } } .wearable-ring .choose-size .common__carousel-wrap .common__carousel { position: relative; width: 100%; } .wearable-ring .choose-size .common__carousel-wrap .common__carousel-inner { position: relative; 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%; } .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item { overflow: hidden; color: #000; width: 282px; width: 19.5833333333vw; height: auto; margin-left: 24px; margin-left: 1.6666666667vw; padding: 94px 24px 44px; padding: 6.5277777778vw 1.6666666667vw 3.0555555556vw; -ms-flex-negative: 0; flex-shrink: 0; background: #fff; border-radius: 20px; border-radius: 1.3888888889vw; } @media (min-width: 1440px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item { width: 282px; } } @media (min-width: 1440px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item { margin-left: 24px; } } @media (min-width: 1440px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item { padding: 94px 24px 44px; } } @media (min-width: 1440px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item { border-radius: 20px; } } .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item:first-child { margin-left: 0; } .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item:first-child { margin-right: 0; margin-left: 24px; margin-left: 1.6666666667vw; } @media (min-width: 1440px) { .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item:first-child { margin-left: 24px; } } .wearable-ring .choose-size .choose-size__step-num { position: relative; font-size: 16px; font-size: 1.1111111111vw; font-family: "SamsungSharpSans", arial, sans-serif; padding-top: 50px; padding-top: 3.4722222222vw; } @media (min-width: 1440px) { .wearable-ring .choose-size .choose-size__step-num { font-size: 16px; } } html.rtl .wearable-ring .choose-size .choose-size__step-num { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^="ko"] .wearable-ring .choose-size .choose-size__step-num { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^="th"] .wearable-ring .choose-size .choose-size__step-num { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^="my"] .wearable-ring .choose-size .choose-size__step-num { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring .choose-size .choose-size__step-num { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring .choose-size .choose-size__step-num { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring .choose-size .choose-size__step-num { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring .choose-size .choose-size__step-num { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring .choose-size .choose-size__step-num { font-family: "SamsungSharpSans", Sylfaen; } @media (min-width: 1440px) { .wearable-ring .choose-size .choose-size__step-num { padding-top: 50px; } } .wearable-ring .choose-size .choose-size__step-num--icon { position: absolute; left: 0; top: 0; width: 36px; width: 2.5vw; height: 36px; height: 2.5vw; } @media (min-width: 1440px) { .wearable-ring .choose-size .choose-size__step-num--icon { width: 36px; } } @media (min-width: 1440px) { .wearable-ring .choose-size .choose-size__step-num--icon { height: 36px; } } .wearable-ring .choose-size .choose-size__step-tit { display: block; margin-top: 10px; margin-top: 0.6944444444vw; font-size: 22px; font-size: 1.5277777778vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.25; } @media (min-width: 1440px) { .wearable-ring .choose-size .choose-size__step-tit { margin-top: 10px; } } @media (min-width: 1440px) { .wearable-ring .choose-size .choose-size__step-tit { font-size: 22px; } } html.rtl .wearable-ring .choose-size .choose-size__step-tit { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^="ko"] .wearable-ring .choose-size .choose-size__step-tit { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^="th"] .wearable-ring .choose-size .choose-size__step-tit { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^="my"] .wearable-ring .choose-size .choose-size__step-tit { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring .choose-size .choose-size__step-tit { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring .choose-size .choose-size__step-tit { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring .choose-size .choose-size__step-tit { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring .choose-size .choose-size__step-tit { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring .choose-size .choose-size__step-tit { font-family: "SamsungSharpSans", Sylfaen; } html[lang^="my"] .wearable-ring .choose-size .choose-size__step-tit { line-height: 1.4; } .wearable-ring .choose-size .choose-size__step-desc { margin-top: 24px; margin-top: 1.6666666667vw; font-size: 14px; font-size: 0.9722222222vw; color: #313131; line-height: 1.42; } @media (min-width: 1440px) { .wearable-ring .choose-size .choose-size__step-desc { margin-top: 24px; } } @media (min-width: 1440px) { .wearable-ring .choose-size .choose-size__step-desc { font-size: 14px; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .common__text .common__headline, .wearable-ring .choose-size .common__text .common__description { text-align: center !important; } .wearable-ring .choose-size .common__content { margin-top: 51.1333333333px; margin-top: 6.6666666667vw; padding: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__content { margin-top: 24px; margin-top: 6.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .common__video-wrap { position: static; width: 664.7333333333px; width: 86.6666666667vw; padding: 51.1333333333px; padding: 6.6666666667vw; border-radius: 42.6111111111px; border-radius: 5.5555555556vw; margin: 0px auto 51.1333333333px; margin: 0vw auto 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__video-wrap { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__video-wrap { padding: 24px; padding: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__video-wrap { border-radius: 20px; border-radius: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { width: 255.6666666667px; width: 33.3333333333vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { width: 120px; width: 33.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { width: 255.6666666667px; width: 33.3333333333vw; height: 170.4444444444px; height: 22.2222222222vw; border-radius: 21.3055555556px; border-radius: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { width: 120px; width: 33.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { height: 80px; height: 22.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { border-radius: 10px; border-radius: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail:after { width: 66.0472222222px; width: 8.6111111111vw; height: 66.0472222222px; height: 8.6111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail:after { width: 31px; width: 8.6111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail:after { height: 31px; height: 8.6111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup__inner { min-height: 468.7222222222px; min-height: 61.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup__inner { min-height: 220px; min-height: 61.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup__iframe { width: 100%; height: 468.7222222222px; height: 61.1111111111vw; max-height: 220px; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup__iframe { height: 220px; height: 61.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup .cm-layer__btn-close { bottom: -104.3972222222px; bottom: -13.6111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup .cm-layer__btn-close { bottom: -49px; bottom: -13.6111111111vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size__image { width: 664.7333333333px; width: 86.6666666667vw; height: 404.8055555556px; height: 52.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size__image { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size__image { height: 190px; height: 52.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .common__carousel-wrap { width: 100%; margin-top: 42.6111111111px; margin-top: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__carousel-wrap { margin-top: 20px; margin-top: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 468.7222222222px; width: 61.1111111111vw; height: auto; margin-left: 25.5666666667px; margin-left: 3.3333333333vw; padding: 117.1805555556px 42.6111111111px 49.0027777778px; padding: 15.2777777778vw 5.5555555556vw 6.3888888889vw; border-radius: 31.9583333333px; border-radius: 4.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 220px; width: 61.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item { margin-left: 12px; margin-left: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item { border-radius: 15px; border-radius: 4.1666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-left: 51.1333333333px; margin-left: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-left: 24px; margin-left: 6.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-right: 51.1333333333px; margin-right: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-right: 24px; margin-right: 6.6666666667vw; } } @media screen and (max-width: 767px) { .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item { margin-left: 0; margin-right: 25.5666666667px; margin-right: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item { margin-right: 12px; margin-right: 3.3333333333vw; } } @media screen and (max-width: 767px) { .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-right: 51.1333333333px; margin-right: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-right: 24px; margin-right: 6.6666666667vw; } } @media screen and (max-width: 767px) { .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-left: 51.1333333333px; margin-left: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-left: 24px; margin-left: 6.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .choose-size__step-num { font-size: 21.3055555556px; font-size: 2.7777777778vw; padding-top: 68.1777777778px; padding-top: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .choose-size__step-num { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .choose-size__step-num { padding-top: 32px; padding-top: 8.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .choose-size__step-num--icon { width: 51.1333333333px; width: 6.6666666667vw; height: 51.1333333333px; height: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .choose-size__step-num--icon { width: 24px; width: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .choose-size__step-num--icon { height: 24px; height: 6.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .choose-size__step-tit { margin-top: 10.6527777778px; margin-top: 1.3888888889vw; font-size: 34.0888888889px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .choose-size__step-tit { margin-top: 5px; margin-top: 1.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .choose-size__step-tit { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .choose-size__step-desc { margin-top: 25.5666666667px; margin-top: 3.3333333333vw; font-size: 25.5666666667px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .choose-size__step-desc { margin-top: 12px; margin-top: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .choose-size__step-desc { font-size: 12px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-ring .choose-size .common__carousel-pagination-wrap { margin-top: 51.1333333333px; margin-top: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .choose-size .common__carousel-pagination-wrap { margin-top: 24px; margin-top: 6.6666666667vw; } } .wearable-ring .banner { padding: 60px 0px 120px; padding: 4.1666666667vw 0vw 8.3333333333vw; } @media (min-width: 1440px) { .wearable-ring .banner { padding: 60px 0px 120px; } } .wearable-ring .banner__wrap { max-width: 988px; max-width: 68.6111111111vw; margin: 0 auto; } @media (min-width: 1440px) { .wearable-ring .banner__wrap { max-width: 988px; } } .wearable-ring .banner__cards { gap: 20px; gap: 1.3888888889vw; display: grid; } @media (min-width: 1440px) { .wearable-ring .banner__cards { gap: 20px; } } .wearable-ring .banner__card { border-radius: 26px; border-radius: 1.8055555556vw; padding: 40px 35px; padding: 2.7777777778vw 2.15vw; 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-ring .banner__card { border-radius: 26px; } } @media (min-width: 1440px) { .wearable-ring .banner__card { padding: 40px 26px; } } @media (min-width: 1440px) { .wearable-ring .banner__card { gap: 20px; } } .wearable-ring .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-ring .banner__card--title { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^="ko"] .wearable-ring .banner__card--title { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^="th"] .wearable-ring .banner__card--title { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^="my"] .wearable-ring .banner__card--title { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^="zh-CN"] .wearable-ring .banner__card--title { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-TW"] .wearable-ring .banner__card--title { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="zh-HK"] .wearable-ring .banner__card--title { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^="ja"] .wearable-ring .banner__card--title { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^="ka-GE"] .wearable-ring .banner__card--title { font-family: "SamsungSharpSans", Sylfaen; } @media (min-width: 1440px) { .wearable-ring .banner__card--title { font-size: 26px; } } html[lang^="my"] .wearable-ring .banner__card--title { line-height: 1.4; } .wearable-ring .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-ring .banner__card--cta { padding: 15px 23px; } } @media (min-width: 1440px) { .wearable-ring .banner__card--cta { border-radius: 8px; } } @media (min-width: 1440px) { .wearable-ring .banner__card--cta { font-size: 12px; } } html[lang^="my"] .wearable-ring .banner__card--cta { line-height: 1.4; } .wearable-ring .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-ring .banner__card--cta:hover { color: #fff; } .wearable-ring .banner__card--cta:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1); } .wearable-ring .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-ring .banner__card--white .banner__card--title { color: #fff; } .wearable-ring .banner__card--white .banner__card--cta { color: #fff; border: 1px solid #fff; } .wearable-ring .banner.banner--type1 .banner__cards { grid-template: repeat(2, -webkit-min-content) / repeat(3, 1fr ); grid-template: repeat(2, min-content) / repeat(3, 1fr); } .wearable-ring .banner.banner--type1 .banner__card { height: 432px; height: 30vw; } @media (min-width: 1440px) { .wearable-ring .banner.banner--type1 .banner__card { height: 432px; } } .wearable-ring .banner.banner--type1 .banner__card:nth-child(4) { height: 364px; height: 25.2777777778vw; grid-column: span 3; } @media (min-width: 1440px) { .wearable-ring .banner.banner--type1 .banner__card:nth-child(4) { height: 364px; } } .wearable-ring .banner.banner--type1 .banner__card:nth-child(5) { height: 140px; grid-column: span 3; } .wearable-ring .banner.banner--type1 .banner__card:nth-child(5) .banner__card--title, .wearable-ring .banner.banner--type1 .banner__card:nth-child(2) .banner__card--title, .wearable-ring .banner.banner--type1 .banner__card:nth-child(4) .banner__card--title { color: #fff; } .wearable-ring .banner.banner--type1 .banner__card:nth-child(5) .banner__card--cta, .wearable-ring .banner.banner--type1 .banner__card:nth-child(2) .banner__card--cta, .wearable-ring .banner.banner--type1 .banner__card:nth-child(4) .banner__card--cta { color: #fff; border-color: #fff; } .wearable-ring .banner.banner--type1 .banner__card:nth-child(5) .banner__card--cta:hover::after, .wearable-ring .banner.banner--type1 .banner__card:nth-child(2) .banner__card--cta:hover::after, .wearable-ring .banner.banner--type1 .banner__card:nth-child(4) .banner__card--cta:hover::after { display: none; } @media (min-width: 1024px) { .wearable-ring .banner.banner--type1 .banner__card:nth-child(5) { height: 240px; } } .wearable-ring .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-ring .banner.banner--type2 .banner__card { height: 398px; height: 27.6388888889vw; } @media (min-width: 1440px) { .wearable-ring .banner.banner--type2 .banner__card { height: 398px; } } .wearable-ring .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-ring .banner.banner--type2 .banner__card:nth-child(3) { height: 816px; } } .wearable-ring .banner.banner--type3 .banner__cards { grid-template: 1fr / repeat(2, 1fr); } .wearable-ring .banner.banner--type3 .banner__card { height: 540px; height: 37.5vw; } @media (min-width: 1440px) { .wearable-ring .banner.banner--type3 .banner__card { height: 540px; } } @media screen and (max-width: 767px) { .wearable-ring .banner { padding: 127.8333333333px 51.1333333333px; padding: 16.6666666667vw 6.6666666667vw; } .wearable-ring .banner__wrap { max-width: initial; } .wearable-ring .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-ring .banner__cards { gap: 20px; gap: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-ring .banner__card { padding: 95.875px 85.2222222222px; padding: 12.5vw 9.1vw; 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-ring .banner__card { gap: 24px; gap: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .banner__card { border-radius: 26px; border-radius: 7.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-ring .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-ring .banner__card--title { font-size: 24px; font-size: 6.6666666667vw; } } @media screen and (max-width: 767px) { html[lang^="my"] .wearable-ring .banner__card--title { line-height: 1.4; } .wearable-ring .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-ring .banner__card--cta { border-radius: 8px; border-radius: 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .banner__card--cta { font-size: 12px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) { html[lang^="my"] .wearable-ring .banner__card--cta { line-height: 1.4; } .wearable-ring .banner.banner--type1 .banner__card { height: 788.3055555556px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .banner.banner--type1 .banner__card { height: 370px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .banner.banner--type1 .banner__card:nth-child(4) { height: 933.1833333333px; height: 121.6666666667vw; } .wearable-ring .banner.banner--type1 .banner__card:nth-child(5) { height: 933.1833333333px; height: 121.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .banner.banner--type1 .banner__card:nth-child(4) { height: 438px; height: 121.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .banner.banner--type2 .banner__card { height: 788.3055555556px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .banner.banner--type2 .banner__card { height: 370px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-ring .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-ring .banner.banner--type2 .banner__card:nth-child(3) { height: 438px; height: 121.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-ring .banner.banner--type3 .banner__card { height: 788.3055555556px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .banner.banner--type3 .banner__card { height: 370px; height: 102.7777777778vw; } } .features-fashion-week { overflow: hidden; padding: 48px 0 0 } @media screen and (max-width:359px) { .features-fashion-week .common-sub-headline { width: auto } } @media screen and (min-width:768px) { .features-fashion-week { padding: 60px 0 0; text-align: center } .features-fashion-week .common-inner { 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 } .features-fashion-week .common-sub-headline { width: 700px } .features-fashion-week .common-sub-headline { max-width: 783px } .features-fashion-week .common-description { width: 700px } .features-fashion-week .common-description { max-width: 750px } } @media screen and (min-width:768px) and (max-width:1023px) { .features-fashion-week { padding: 48px 0 } .features-fashion-week .common-sub-headline { width: 550px } .features-fashion-week .common-sub-headline { width: 615px } .features-fashion-week .common-description { width: 550px } } .features-howto-popup, .features-fashion-week-popup { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; max-width: none; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .features-howto-popup.is-init, .features-fashion-week-popup.is-init { visibility: visible; opacity: 1 } .features-howto-popup.is-open .features-howto-popup__inner, .features-fashion-week-popup.is-open .features-howto-popup__inner { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .features-howto-popup.is-open .features-howto-popup__dimmed { opacity: 1 } .features-howto-popup__dimmed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background-color: rgba(0, 0, 0, .5); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .features-howto-popup__inner { overflow-x: hidden; overflow-y: auto; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; max-height: 1200px; margin: auto; padding-bottom: 30px; background-color: #111; opacity: 0; -webkit-transform: translateY(100%) translateZ(0); transform: translateY(100%) translateZ(0); -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out, opacity .3s ease-in-out; transition: transform .3s ease-in-out, opacity .3s ease-in-out; transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out } @media screen and (max-width:767px) { .features-howto-popup__inner { height: calc(100% - 10.1351vh); border-radius: 12px 12px 0 0 } } .features-howto-popup__close { position: absolute; z-index: 1; border-radius: 50%; background-color: #000 } .features-howto-popup__close-wrap { position: sticky; left: 0; top: 0 } @media screen and (max-width:767px) { .features-howto-popup__close { top: 16px; right: 24px; width: 28px; height: 28px } } .features-howto-popup__close::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } @media screen and (max-width:767px) { .features-howto-popup__close::after { width: 12px; height: 12px } } .features-howto-popup__close::after { background: url(//images.samsung.com/uk/smartphones/galaxy-z-fold6/images/icon-close-x-white.svg) 50%/contain no-repeat } .features-howto-popup__close:hover::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .features-howto-popup__content { text-align: center; color: #fff } @media screen and (max-width:767px) { .features-howto-popup__content { margin-top: 60px } } @media screen and (max-width:767px) { .features-howto-popup__headline { max-width: 241px; margin: auto; font-size: 19px; line-height: 1.2632 } } .features-howto-popup__iframe { position: relative } @media screen and (max-width:767px) { .features-howto-popup__iframe { margin-top: 14px } } @media screen and (max-width:767px) { .features-howto-popup__iframe img { position: absolute; top: 0; left: 0 } .features-howto-popup__iframe::after { content: ""; display: block; width: 100%; padding-top: 56.66667% } } .features-howto-popup__iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 } .features-howto-popup__thumb { overflow: visible } @media screen and (max-width:767px) { .features-howto-popup__thumb { margin: 20px 16px 0; padding-bottom: 20px } } @media screen and (max-width:767px) { .features-howto-popup__thumb .swiper-slide { width: calc(50% - 16px); margin: 0 8px } } .features-howto-popup__thumb .common-arrow { position: absolute; top: 45%; left: 0; right: 0; margin: auto; max-width: calc(100% - 4px) } .features-howto-popup__thumb .common-arrow .swiper-button-next, .features-howto-popup__thumb .common-arrow .swiper-button-prev { width: 28px; height: 28px } .features-howto-popup__thumb .common-arrow .swiper-button-next.swiper-button-disabled, .features-howto-popup__thumb .common-arrow .swiper-button-prev.swiper-button-disabled { display: none } .features-howto-popup__thumb .swiper-scrollbar { left: 0; right: 0; bottom: 0; width: calc(100% - 16px); height: 4px; margin: auto; background-color: #666 } .features-howto-popup__thumb .swiper-scrollbar-drag { background-color: #fff } .features-howto-popup__thumb-content { 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 } .features-howto-popup__thumb-content::before { content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; padding-bottom: 56.08108%; border-radius: 20px; background-color: rgba(0, 0, 0, .2) } .swiper-slide.is-active .features-howto-popup__thumb-content::before { background-image: -o-linear-gradient(322deg, #3581ff 0, #31afff 50%, #19ff9f 100%); background-image: linear-gradient(128deg, #3581ff 0, #31afff 50%, #19ff9f 100%) } @media screen and (max-width:767px) { .features-howto-popup__thumb-title { margin: 8px auto 0; max-width: 97px; font-size: 12px; line-height: 1.33 } } .features-howto-popup__thumb-image { position: relative; width: 100%; -webkit-clip-path: inset(1px round 19px); clip-path: inset(1px round 19px) } @media screen and (max-width:767px) { .features-howto-popup__thumb-image img { position: absolute; top: 0; left: 0 } .features-howto-popup__thumb-image::after { content: ""; display: block; width: 100%; padding-top: 56.08108% } } .features-howto-popup__thumb-image::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; width: 24px; height: 24px } .features-howto-popup__thumb-image::before { background: url(//images.samsung.com/uk/smartphones/galaxy-z-fold6/images/icon-video-play-white.svg) 50%/contain no-repeat; -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, .8)); filter: drop-shadow(0 0 6px rgba(0, 0, 0, .8)) } .features-howto-popup__thumb-image img { width: 100% } .swiper-slide.is-active .features-howto-popup__thumb-image { -webkit-clip-path: inset(2px round 18px); clip-path: inset(2px round 18px) } .swiper-slide.is-active .features-howto-popup__thumb-image::before { background: 0 0 } .features-fashion-week .features-bleed-img-container{ margin-top: 32px; position: relative; max-width: 1440px; margin: 0 auto; margin-top: 24px; } .features-fashion-week .features-fashion-week-play{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100px; width: 100px; background: #fff; border-radius: 50%; opacity: 0.8; cursor: pointer; } .features-fashion-week .features-fashion-week-play::after{ color: #000; content: '\25B6'; display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; font-size: 50px; padding-left: 5px; padding-top: 2px; } .features-fashion-week-popup .features-howto-popup__inner{ height: auto; max-height: 80%; } .features-fashion-week-popup .features-howto-popup__content{ max-width: 60%; } @media screen and (min-width: 768px) and (max-width: 1024px) { .features-fashion-week-popup .features-howto-popup__content{ max-width: 80%; } } @media screen and (max-width: 767px) { .features-fashion-week .features-fashion-week-play{ height: 50px; width: 50px; } .features-fashion-week .features-fashion-week-play::after{ font-size: 25px; padding-left: 3px; padding-top: 2px; } .features-fashion-week-popup .features-howto-popup__inner{ height: calc(100% - 30vh); } .features-fashion-week-popup .features-howto-popup__content{ max-width: 100%; } } @media screen and (min-width:768px) { .features-howto-popup__inner { height: calc(100% - 10.1925vh); max-width: 1440px; padding-bottom: 52px; border-radius: 24px 24px 0 0 } .isNotTouchDevice .features-howto-popup__inner::-webkit-scrollbar { width: 15px } .isNotTouchDevice .features-howto-popup__inner::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #ccc; background-clip: padding-box; border: 5px solid transparent } .isNotTouchDevice .features-howto-popup__inner::-webkit-scrollbar-button { height: 10px } .features-howto-popup__close { right: 20px; top: 20px; width: 36px; height: 36px } .features-howto-popup__close::after { width: 16px; height: 16px } .features-howto-popup__content { max-width: 786px; margin: 72px auto 0 } .features-howto-popup__headline { font-size: 34px; line-height: .9412 } .features-howto-popup__iframe { width: 100%; padding-bottom: 56.25%; margin-top: 24px } .features-howto-popup__thumb { margin: 30px -10px 0 -10px } .features-howto-popup__thumb .swiper-slide { width: calc(25% - 20px); margin: 0 10px } .features-howto-popup__thumb .common-arrow { max-width: calc(100% - 4px) } .features-howto-popup__thumb .common-arrow .swiper-button-next, .features-howto-popup__thumb .common-arrow .swiper-button-prev { width: 40px; height: 40px } .features-howto-popup__thumb-content::before { padding-bottom: 102px } .features-howto-popup__thumb-title { max-width: 145px; margin: 16px auto 0; font-size: 18px; line-height: 1.11 } .features-howto-popup__thumb-image { height: 102px } .features-howto-popup__thumb-image::before { width: 36px; height: 36px } .features-howto-popup__thumb-image img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto } } @media screen and (min-width:768px) and (max-width:1023px) { .features-howto-popup__inner { height: calc(100% - 77px); padding-bottom: 40px; border-radius: 20px 20px 0 0 } .features-howto-popup__content { max-width: 660px } .features-howto-popup__headline { font-size: 19px; line-height: 1.2632 } .features-howto-popup__iframe { margin-top: 22px } .features-howto-popup__thumb { margin-left: -9px; margin-right: -9px } .features-howto-popup__thumb .swiper-slide { width: calc(25% - 18px); margin: 0 9px } .features-howto-popup__thumb .common-arrow { max-width: calc(100% - 4px) } .features-howto-popup__thumb .common-arrow .swiper-button-next, .features-howto-popup__thumb .common-arrow .swiper-button-prev { width: 28px; height: 28px } .features-howto-popup__thumb-content::before { padding-bottom: 85px } .features-howto-popup__thumb-title { max-width: 97px; margin-top: 18px; font-size: 12px; line-height: 1.16 } .features-howto-popup__thumb-image { height: 85px } .features-howto-popup__thumb-image::before { width: 25px; height: 25px } } .color_yb .features-howto-popup__thumb-content::before { background: #000 } .color_yb .features-howto-popup .features-howto-popup__close { border: 1px solid #fff01f } .color_yb .features-howto-popup .features-howto-popup__close::after { background-image: url(//images.samsung.com/uk/smartphones/galaxy-z-fold6/images/icon-close-x-yellow.svg) } .color_yb .features-howto-popup .features-howto-popup__thumb-image::before { background-color: #000; background-image: url(//images.samsung.com/uk/smartphones/galaxy-z-fold6/images/icon-video-play-yellow.svg) } .color_yb .features-howto-popup .swiper-slide.is-active .features-howto-popup__thumb-content::before { background: 0 0; border: 2px solid #fff01f } .color_yb .features-howto-popup .swiper-slide.is-active .features-howto-popup__thumb-image::before { display: none } .features-colors__button { position: relative } </style>  <div id="contents" class="wearable-ring wearable-dotcom"> <script> const __RING_USE_KV_CTA = "buy-now"; // 'buy-now', 'pre-registration', 'pre-order', 'off' const LOCAL_VARI = { play: "Play", pause: "Pause", previous: "Previous", next: "Next", slide: "Slide", selected: "selected", }; </script> <style> .kv__container { display: flex; flex-direction: column; position: relative; min-height: 600px; } .kv__first-column { position: relative; z-index: 2; } .kv__first-column .common__wrap { display: flex; align-items: center; } .kv__first-column h2.common__headline { color: #fff; font-size: 34px; } .kv__first-column h3.common__subheadline { color: #fff; margin-top: 10px; font-size: 24px; font-family: 'SamsungSharpSans'; font-weight: 500; } .kv__first-column h3.common__subheadline span::after { content: ""; display: inline-block; width: 28px; height: 26px; vertical-align: middle; background: url(//image-us.samsung.com/us/smartphones/galaxy-z-fold6/images/AI_Stars_RGB.svg) 0 0 no-repeat; background-size: contain; margin-left: 2px; margin-bottom: 5px; } .kv__first-column p.common__description { color: #fff; font-size: 14px; width: 320px } .kv__first-column .overview__cta a { background: #fff; border-color: #2c69e2; background-color: #2c69e2; color: #fff; } .kv__first-column .overview__cta a span { color: #fff !important; } .kv__first-column .overview__cta-size a { border: none; background: transparent; outline: 0; } .kv__first-column .overview__cta-size a:hover span { color: #fff !important } .kv__first-column .overview__cta-size a span { border-bottom: 2px solid; padding-bottom: 2px; } .kv__second-column { position: absolute; top: 30%; z-index: 1; left: 0; right: 0; margin: auto; } .kv__second-column img { height: 600px; object-fit: contain; } @media (min-width:768px) { .kv__first-column .common__content { margin-top: 30px; gap: 20px; } } @media (min-width:768px) { .kv__container { flex-direction: row; justify-content: center; align-items: center; } .kv__first-column { flex: 0 1 44%; } .kv__first-column .common__wrap { display: flex; align-items: center; } .kv__first-column h2.common__headline { font-size: 48px; } .kv__first-column h3.common__subheadline { font-size: 36px; } .kv__second-column { flex: 0 1 60%; position: relative; margin: 0; top: 0 } .kv__second-column img { object-fit: cover; height: auto; } } @media (min-width:1440px) { .kv__first-column p.common__description { width: 450px; } .kv__first-column { flex: 0 1 30%; } } /* SAMSUNG ECO SYSTEM CSS START */ .wearable-ring .samsung-health-eco-system .common__content { -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-ring .samsung-health-eco-system__cta a:hover span{ color: #fff !important; } .wearable-ring .samsung-health-eco-system__image { width: 1200px; width: 83.3333333333vw; } @media (min-width: 1440px) { .wearable-ring .samsung-health-eco-system__image { width: 1200px; } } .wearable-ring .samsung-health-eco-system__cta { margin-top: 30px; margin-top: 2.0833333333vw; } @media (min-width: 1440px) { .wearable-ring .samsung-health-eco-system__cta { margin-top: 30px; } } @media screen and (max-width: 767px) { .wearable-ring .samsung-health-eco-system__image { width: 100%; } .wearable-ring .samsung-health-eco-system__cta { margin-top: 0px; margin-top: 0vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .samsung-health-eco-system__cta { margin-top: 0px; margin-top: 0vw; } } /* SAMSUNG ECO SYSTEM CSS END */ /* SAMSUNG ACCOUNT CSS START*/ .wearable-ring .account .common__wrap { max-width: 1440px; } .wearable-ring .account__image { width: 720px; width: 50vw; height: 720px; height: 50vw; } @media (min-width: 1440px) { .wearable-ring .account__image { width: 720px; } } @media (min-width: 1440px) { .wearable-ring .account__image { height: 720px; } } @media screen and (max-width: 767px) { .wearable-ring .account .common__text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin: 0; } .wearable-ring .account .common__content { margin-top: 72.4388888889px; margin-top: 9.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .account .common__content { margin-top: 34px; margin-top: 9.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-ring .account__image { width: 767px; width: 100vw; height: 579.5111111111px; height: 75.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .account__image { width: 360px; width: 100vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-ring .account__image { height: 272px; height: 75.5555555556vw; } } /* SAMSUNG ACCOUNT CSS END */ </style>  <div class="kv js-nav-top" id="KV"> <div class="kv__wrap"> <div class="kv__text"> <p class="common__headline blind"> <strong> Galaxy Ring </strong> </p> </div> <div class="kv__container" style=" "> <div class="kv__first-column"> <div class="common__wrap"> <h2 class="common__headline" data-copy-set="C02-001"> Galaxy Ring </h2> <div class="kv__ai-wrap"> <figure> <picture> <source media="(min-width: 1081px)" srcset="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/GalaxyAI-logo-white-D.png"> <source media="(min-width: 768px)" srcset="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/GalaxyAI-logo-white-D.png?imwidth=1080"> <source media="(min-width: 361px)" srcset="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/GalaxyAI-logo-white-M.png"> <source media="(max-width: 360px)" srcset="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/GalaxyAI-logo-white-M.png?imwidth=360"> <img src="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/GalaxyAI-logo-white-D.png" alt="Galaxy AI is here"> </picture> </figure> </div>  <p class="common__description" data-copy-set="C02-002"> Health tracking on your finger is more comfortable than ever with two new sizes to choose from. Find your fit with <b>up to $250 trade-in credit</b> plus <b>$100 credit</b> towards select Galaxy Watches and Buds to complete your ultimate fitness team.<sup>F</sup></p> <div class="common__content"> <div class="overview__cta"> <a href="//www.samsung.com/us/rings/galaxy-ring/buy/" class="wearable-ring-common-cta wearable-ring__cta-round" aria-label="Buy now" data-di-id="di-id-e3097331-fc721252" data-omni-type="microsite_contentinter" data-omni="gring:highlights:btm^bnn:link-page:galaxy-ring:Buy now" an-tr="nv04_floating navigation-flagship pdp-cta-button" an-ca="galaxy ring" an-ac="Buy now" an-la="galaxy ring:galaxy-ring:stk-bar:page:Buy now"> <span>Buy now</span> </a> </div> <div class="overview__cta-size"> <a href="#sizing" class="wearable-ring-common-cta wearable-ring__cta-round" aria-label="Find your size" data-di-id="di-id-79425ef3-ea42d2b6" data-omni-type="microsite_contentinter" data-omni="gring:highlights:btm^bnn:link-page:galaxy-ring:find your size" an-tr="gring:highlights:btm^bnn:link-page:galaxy-ring:find your size" an-ca="content click" an-ac="feature" an-la="gring:highlights:btm^bnn:link-page:galaxy-ring:find your size"> <span>Find your size</span> </a> </div> </div> <div class="kv__ai-wrap"> <figure> <picture> <source media="(min-width: 1081px)" srcset="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/HSA-FSA-Eligible-badge.png"> <source media="(min-width: 768px)" srcset="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/HSA-FSA-Eligible-badge.png?imwidth=1080"> <source media="(min-width: 361px)" srcset="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/HSA-FSA-Eligible-badge.png"> <source media="(max-width: 360px)" srcset="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/HSA-FSA-Eligible-badge.png?imwidth=360"> <img class="kv__ai-wrap-HSA-image" src="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/HSA-FSA-Eligible-badge.png" alt="HSA and FSA Eligible" style=" width: 45%; margin: 0 auto; "> </picture> </figure> </div> </div> </div> <div class="kv__second-column"><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-ring/images/RingMLP-Hero-KV-Static-D-1008x800.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/RingMLP-Hero-KV-Static-Product-M-v2.jpg" alt=""></div> </div> </div> </div>  <div class="highlight-carousel"> <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-ring/images/galaxy-ring-highlights-titanium-bg-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-titanium-bg-mo.jpg" alt="" loading="lazy"/> </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-ring/images/galaxy-ring-highlights-galaxy-ai-bg-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-galaxy-ai-bg-mo.jpg" alt="" loading="lazy"/> </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-ring/images/galaxy-ring-highlights-sensor-bg-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-sensor-bg-mo.jpg" alt="" loading="lazy"/> </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-ring/images/galaxy-ring-highlights-sllim-bg-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-sllim-bg-mo.jpg" alt="" loading="lazy"/> </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="false"> <div class="wearable-highlight-carousel__video video__container js-video-src js-res-video" data-media-pc="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-titanium-pc" data-media-mo="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-titanium-mo"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" an-tr="" an-ca="content click" an-ac="feature" an-la="" tabindex="0" title="Durable titanium frame" data-copy-set="C03-001"> <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"> Durable titanium frame </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://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-titanium-startframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-titanium-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-ring/images/galaxy-ring-highlights-titanium-endframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-titanium-endframe-mo.jpg" alt=""/> </div> <p class="blind" data-copy-set="C03-005"> A circle appears. The circle is being created into the Galaxy Ring. Three sensors appear inside and the complete Galaxy Ring is shown. </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://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-galaxy-ai-pc" data-media-mo="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-galaxy-ai-mo"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" an-tr="" an-ca="content click" an-ac="feature" an-la="" tabindex="0" title="AI-powered Health experience" data-copy-set="C03-002"> <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"> Health insights enhanced by Galaxy AI <sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></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://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-galaxy-ai-startframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-galaxy-ai-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-ring/images/galaxy-ring-highlights-galaxy-ai-endframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-galaxy-ai-endframe-mo.jpg" alt=""/> </div> <p class="blind" data-copy-set="C03-006"> Dotted icons of sleep tracking feature, the Samsung Health app and heart rate monitoring feature are shown side by side. The icons come together in the middle. Sleep tracking feature icon at the front disappears. Samsung Health app icon is left. GUI of the Energy Score feature appears and the score goes up to 92. The text Excellent is below the Energy Score. </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://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-sensor-pc" data-media-mo="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-sensor-mo"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" an-tr="" an-ca="content click" an-ac="feature" an-la="" tabindex="0" title="Health monitoring with three-sensor technology" data-copy-set="C03-003"> <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-003"> Precise monitoring with three sensors </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://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-sensor-startframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-sensor-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-ring/images/galaxy-ring-highlights-sensor-endframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-sensor-endframe-mo.jpg" alt=""/> </div> <p class="blind" data-copy-set="C03-007"> Inner part of the Galaxy Ring is in close-up. The ring moves to reveal the three sensors glowing. </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://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-sllim-pc" data-media-mo="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-sllim-mo"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" an-tr="" an-ca="content click" an-ac="feature" an-la="" tabindex="0" title="Thin, Light and Sleek" data-copy-set="C03-004"> <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-004"> Elegant, lightweight design </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://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-sllim-startframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-sllim-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-ring/images/galaxy-ring-highlights-sllim-endframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-highlights-sllim-endframe-mo.jpg" alt=""/> </div> <p class="blind" data-copy-set="C03-008"> Three rings can be seen. All three are tilted to different angles. </p> </div> </div> </div> </div> <div class="wearable-common__carousel-navigation-wrap"> <button class="wearable-common__carousel-arrow wearable-common__carousel-prev" type="button"> <span class="blind">Previous</span> </button> <button class="wearable-common__carousel-arrow wearable-common__carousel-next" type="button"> <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"></div> </div> </div> </div> </div>  <div class="concave-design common__bg-dark" id="wellness"> <div class="common__wrap"> <div class="common__text"> <h2 class="common-categories__button"> <button type="button" aria-expanded="false" disabled="disabled"> WELLNESS </button> </h2> <h2 class="common__headline" data-copy-set="C04-001"> The style you want. <br>The insights you need. </h2> <p class="common__description" data-copy-set="C04-002"> Introducing a Galaxy Ring for all-day wear with an elegant, lightweight design. Crafted from Titanium in your <br class="common-br-pc" /> choice of three scratch-resistant finishes, Galaxy Ring combines timeless style with powerful wellness tracking <br class="common-br-pc" /> enhanced with Galaxy AI. </p> </div> <div class="common__content"> <div class="concave-design__video video__container js-video-src js-res-video" data-media-pc="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-concave-pc" data-media-mo="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-concave-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-ring/images/galaxy-ring-concave-startframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-concave-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-ring/images/galaxy-ring-concave-endframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-concave-endframe-mo.jpg" alt=""/> </div> <p class="blind" data-copy-set="C04-003"> A Galaxy Ring appears and is in the background. Three rings appear in the front. The top one on the right shows the side of the ring. The middle one is tilted to show the inner part of the ring. The last one on the left is slightly tilted than the middle one. </p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" an-tr="" an-ca="content click" an-ac="feature" an-la="" title="Sleek, concave design" data-copy-set="C04-001"> <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="sensor common__bg-dark"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C05-001"> Three sensors. <br />Deeper understanding. </h2> <p class="common__description" data-copy-set="C05-002"> Galaxy Ring packs the latest health tracking innovations into a compact design that fits comfortably <br class="common-br-pc" /> around your finger. </p> </div> <div class="sensor__sticky-wrap"> <div class="sensor__sticky-content"> <div class="common__wrap common__wrap--column"> <div class="common__content"> <div class="sensor__motion-wrap"> <div class="sensor__visual-wrap"> <div class="sensor__visual"> <div class="sensor__visual-inner"> <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/rings/galaxy-ring/images/sensors/galaxy-ring-sensor_0808-0.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/sensors/galaxy-ring-sensor_0808-0.jpg" data-seq-format="jpg" data-seq-img="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/sensors/galaxy-ring-sensor_0808" alt=""/> </div> <p class="blind" data-copy-set="C05-009"> A Galaxy Ring appears, facing the front. It twists and turns to reveal the three sensors. </p> </div>  <div class="sensor__info"> <ul class="sensor__info-list"> <li class="sensor__info-item info-item01"> <span class="info-line-motion"> <span class="info-line"></span> <span class="info-dot"></span> </span> <div class="info-item__text"> <strong class="info-item__text-tit" data-copy-set="C05-007">Accelerometer</strong> <p class="info-item__text-desc" data-copy-set="C05-008"> Track walking and running<br /> without pressing a button. </p> </div> </li> <li class="sensor__info-item info-item02"> <span class="info-line-motion"> <span class="info-line"></span> <span class="info-dot dot01"></span> <span class="info-dot dot02"></span> <span class="info-dot dot03"></span> </span> <div class="info-item__text"> <strong class="info-item__text-tit" data-copy-set="C05-003">Optical Bio-signal Sensor</strong> <p class="info-item__text-desc" data-copy-set="C05-004"> Monitor your heart health with<br /> improved Heart Rate Tracking.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-2"></a></sup> </p> </div> </li> <li class="sensor__info-item info-item03"> <span class="info-line-motion"> <span class="info-line"></span> <span class="info-dot"></span> </span> <div class="info-item__text"> <strong class="info-item__text-tit" data-copy-set="C05-005">Skin Temperature Sensor</strong> <p class="info-item__text-desc" data-copy-set="C05-006"> Get regular readings on skin temperature changes while you sleep. </p> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="common__content sensor-broken-sticky"> <div class="sensor-nosticky"> <div class="sensor__image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/sensors/galaxy-ring-sensor-pc_0808.jpg" data-src-mobile="//images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/sensors/galaxy-ring-sensor-mo_0808.jpeg" alt=""/> </div> <div class="sensor-nosticky-info-wrap"> <ul class="sensor__info"> <li class="sensor-info-item info-item01"> <div class="info-item__text"> <strong class="info-item__text-tit" data-copy-set="C05-003">Optical Bio-signal Sensor</strong> <p class="info-item__text-desc" data-copy-set="C05-004"> Monitor your heart health with<br /> improved Heart Rate Tracking.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-2"></a></sup> </p> </div> </li> <li class="sensor-info-item info-item02"> <div class="info-item__text"> <strong class="info-item__text-tit" data-copy-set="C05-007">Accelerometer</strong> <p class="info-item__text-desc" data-copy-set="C05-008"> Track walking and running<br /> without pressing a button. </p> </div> </li> <li class="sensor-info-item info-item03"> <div class="info-item__text"> <strong class="info-item__text-tit" data-copy-set="C05-005">Skin Temperature Sensor</strong> <p class="info-item__text-desc" data-copy-set="C05-006"> Get regular readings on skin temperature changes while you sleep. </p> </div> </li> </ul> </div> </div> </div> </div> <style> .wearable-ring .health-fitness-tracker .common__wrap { padding-bottom: 0; } .wearable-ring .health-fitness-tracker.common__bg-dark:after { display: none; } </style>  <div class="health-fitness-tracker common__bg-dark js-nav-top" id="configuration"> <div class="common__wrap common__wrap--column"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C07-001">AI-powered  <br class="common-br-mo">health tracker <br>on your finger</h2> <p class="common__description" data-copy-set="C07-002">The more you wear your Galaxy Ring, the smarter it gets. Slip Galaxy Ring on your finger and let it <strong>track</strong> your health all day. Then, check the Samsung Health app to see the <strong>comprehensive</strong> health report <strong>Galaxy AI</strong> put together. <sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-2"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-7"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-11"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-12"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-13"></a></sup></p> </div> <div class="common__content"> <h3 class="common-ai-text">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://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/images/feature/galaxy-ring-icon-ai.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/images/feature/galaxy-ring-icon-ai.svg" aria-hidden="true" alt=""></span>is here</h3> <div class="health-fitness-tracker__video-wrap"> <div class="health-fitness-tracker__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/videos/galaxy-ring-health-tacker-pc_1016" data-media-mo="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/videos/galaxy-ring-health-tacker-mo_1016" 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/rings/galaxy-ring/images/feature/galaxy-ring-health-tacker-endframe-pc_1016.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/feature/galaxy-ring-health-tacker-endframe-mo_1016.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/rings/galaxy-ring/images/feature/galaxy-ring-health-tacker-endframe-pc_1016.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/feature/galaxy-ring-health-tacker-endframe-mo_1016.jpg" alt=""> </div> <p class="blind" data-copy-set="C07-003">A Galaxy Ring twists and arranges itself into a slightly tilted side-view position. Smartphones also appear, with GUI of different Samsung Health features onscreen.</p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" title="AI-powered health tracker on your finger" data-copy-set="C07-001"> <span class="blind">play</span> <span class="btn-video-control play white"></span> <span class="btn-video-control pause white"></span> </button> </div> </div> </div> </div> </div> </div>  <div class="samsung-health-eco-system common__bg-light" id="samsung-health-eco-system"> <div class="common__wrap common__wrap--column between"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C24-001">Save on the ultimate tracking team</h2> <p class="common__description" data-copy-set="C24-002">Get $80 credit towards Galaxy Watch to take an even closer look at your body. Together, Galaxy Ring and Watch deliver detailed data and holistic insights to help you hit your health goals.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-3"></a></sup></p> </div> <div class="common__content"> <div class="samsung-health-eco-system__image"> <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/rings/galaxy-ring/images/feature/galaxy-ring-samsung-health-eco-system-pc_1016.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/feature/galaxy-ring-samsung-health-eco-system-mo_1016.jpg" alt="Galaxy Ring, Galaxy Z Flip6, Galaxy Buds3 Pro, Galaxy Z Fold6 and Galaxy Watch Ultra are grouped together with the text 'Samsung Health' above them. Large app icons for sleep tracking and heart rate tracking are hovering over the devices." data-copy-set="C24-004"> </div> <div class="samsung-health-eco-system__cta"> <a href="https://shealth.samsung.com/deepLink?sc_id=app.main&action=view&destination=me&src=eStoreWatch" class="wearable-ring-common-cta wearable-ring__cta-round" aria-label="Learn more. samsung health" data-omni-type="microsite_contentinter" data-omni="gring:highlights:samsung-health:link-page:samsung-health" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:samsung-health:link-page:samsung-health"> <span data-copy-set="C24-003">Learn more</span> </a> </div> </div> </div> </div>  <div class="account common__bg-light"> <div class="common__wrap common__wrap--row"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C21-001" id="samsung-account">Get started with your Samsung account</h2> <p class="common__description" data-copy-set="C21-002">To start using Galaxy Ring, a Samsung account must be registered on your Samsung Galaxy smartphone. Your <strong>health data</strong> on your Galaxy Ring will be <strong>safely</strong> transferred and stored in the Samsung Cloud connected to your account, so you can fully <strong>access</strong> and <strong>manage</strong> your data.</strong> <sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-4"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-7"></a></sup></p> </div> <div class="common__content"> <div class="account__image"> <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/rings/galaxy-ring/images/feature/galaxy-ring-samsung-account-pc_1016.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/feature/galaxy-ring-samsung-account-mo_1016.jpg" alt="Samsung Galaxy smartphone can be seen with Samsung account login page onscreen. On the left side of the smartphone is a Galaxy Ring, slightly tilted." data-copy-set="C21-003"> </div> </div> </div> </div>  <div class="ai-samsung-health common__bg-light" id="health"> <div class="common__wrap common__wrap--column"> <div class="common__text"> <h2 class="common-categories__button"> <button type="button" aria-expanded="false" disabled="disabled"> HEALTH </button> </h2> <h2 class="common__headline js-nav-top" id="ai-health" data-copy-set="C12-001"> Your very own health dashboard </h2> <p class="common__description" data-copy-set="C12-002"> See all your insights at a glance with the Samsung Health app. Think of it as a convenient hub for all your wellness info from sleeping to fitness. </p> </div> <div class="common__content"> <div class="ai-samsung-health__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/videos/galaxy-ring-samsung-health-pc" data-media-mo="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/videos/galaxy-ring-samsung-health-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://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-samsung-health-startframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-samsung-health-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/rings/galaxy-ring/images/galaxy-ring-samsung-health-endframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-samsung-health-endframe-mo.jpg" alt=""/> </div> <p class="blind" data-copy-set="C12-003"> At the top, the Samsung Health app icon and the text Samsung Health can be seen. A Galaxy Ring can be seen with a dotted Samsung Health icon in the middle, like it is going through the ring. The ring turns and the icon changes to a dotted heart icon to indicate the heart monitoring feature of Samsung Health. Above the ring, the Samsung Health app icon and the text Samsung Health changes to the text Galaxy AI is here. </p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" an-tr="" an-ca="content click" an-ac="feature" an-la="" title="AI-powered health insights on Samsung Health" data-copy-set="C12-001"> <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="energy-score common__bg-light"> <div class="common__wrap common__wrap--column"> <div class="common__text"> <h3 class="common__headline common__blind" data-copy-set="C13-001"> Get your score. <br class="common-br-mo" /> Own the day. </h3> <p class="common__description" data-copy-set="C13-002"> Learn how ready you are to take on the day using Energy Score with Galaxy AI.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-4"></a></sup> It calculates your physical readiness based on yesterday's sleep, heart rate and activities. Wake up to your score each morning and challenge yourself to improve it a little bit each day. </p> </div> <div class="common__content"> <div class="energy-score__video-wrap"> <div class="energy-score__video video__container js-video-src js-res-video" data-media-pc="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-energy-score-video-pc" data-media-mo="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-energy-score-video-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-ring/images/galaxy-ring-energy-score-video-startframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-energy-score-video-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-ring/images/galaxy-ring-energy-score-video-endframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-energy-score-video-endframe-mo.jpg" alt=""/> </div> <p class="blind" data-copy-set="C13-003"> At the top, the sensors of Galaxy Ring light up and then the ring moves along to illustrate the Energy Score going up each day. Energy Score 92 can be seen with the text Excellent below. </p> <div class="video__controller-wrap video-wide"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" an-tr="" an-ca="content click" an-ac="feature" an-la="" title="Monitor your daily condition with Energy Score" data-copy-set="C13-001"> <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 class="energy-score__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-ring/images/galaxy-ring-energy-score-image-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-energy-score-image-mo.jpg" alt="Samsung Galaxy smartphone can be seen with the Energy Score feature onscreen. GUI of Sleep, Active, Heart Rate sections of the Energy Score feature can also be seen." data-copy-set="C13-004"/> </div> </div> </div> </div>  <div class="wellness-tips common__bg-light"> <div class="common__wrap common__wrap--row-r"> <div class="common__text"> <h3 class="common__headline" data-copy-set="C14-001"> Turn insights<br class="common-br-pc" />  into action </h3> <p class="common__description" data-copy-set="C14-002"> Learn how to feel great every day using Wellness Tips.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-5"></a></sup> Your Galaxy Ring gathers the insights and your phone analyzes them. Then you receive personalized suggestions you can use to improve each day. </p> </div> <div class="common__content"> <div class="wellness-tips__video video__container js-video-src js-res-video" data-media-pc="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-wellness-tips-pc" data-media-mo="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-wellness-tips-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-ring/images/galaxy-ring-wellness-tips-startframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-wellness-tips-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-ring/images/galaxy-ring-wellness-tips-endframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-wellness-tips-endframe-mo.jpg" alt=""/> </div> <p class="blind" data-copy-set="C14-003"> The text What do you want to focus on, Sam? can be seen. Below are four icons: Overall Health, Sleep, Exercise and Healthy Weight. The Sleep icon is highlighted to indicate it was selected. The Wellness Tips feature appears and the text You practiced better sleep habits last week than the week before, averaging a 85% sleep habit achievement rate. Continue with your sleep coaching to make healthy sleep habits a part of your routine. can be seen. Below is the related bar chart. On the left is Week 2 with the text 52%. On the right is Last week with the text 85%. </p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" an-tr="" an-ca="content click" an-ac="feature" an-la="" title="Stay motivated with Wellness Tips" data-copy-set="C14-001"> <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="sleep common__bg-dark"> <div class="common__wrap common__wrap--column between"> <div class="sleep-bg__top-wrap"> <div class="sleep-bg__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-ring/images/galaxy-ring-sleep-bg-top-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-sleep-bg-top-mo.jpg" alt=""/> </div> </div> <div class="common__text"> <h3 class="common__headline common__blind common__blind-carousel" data-copy-set="C15-001"> The sleep tracker<br /> of your dreams </h3> <p class="common__description" data-copy-set="C15-002"> Rest easy with our most comfortable sleep tracker ever.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-6"></a></sup> You won’t even notice while it collects insights on the quality of your sleep. Then get personalized tips and suggestions for how to improve. Plus, snore detection.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-7"></a></sup> </p> </div> <div class="common__content"> <div class="common__carousel-wrap"> <div class="common__carousel-container"> <div class="common__carousel swiper"> <div class="common__carousel-inner swiper-wrapper" role="list"> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="sleep-carousel__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-ring/images/galaxy-ring-sleep-score-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-sleep-score-mo.jpg" alt="GUI of Sleep score can be seen. The score is 80 and the text Good can be seen above the score." data-copy-set="C15-004"/> </div> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="sleep-carousel__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-ring/images/galaxy-ring-sleep-stages-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-sleep-stages-mo.jpg" alt="GUI of Sleep stages can be seen. Different sleep stages during the night's sleep can be seen." data-copy-set="C15-005"/> </div> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="sleep-carousel__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-ring/images/galaxy-ring-sleep-heart-rate-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-sleep-heart-rate-mo.jpg" alt="GUI of Heart rate can be seen. Below is the Average Heart rate (67 bpm)." data-copy-set="C15-006"/> </div> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="sleep-carousel__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-ring/images/galaxy-ring-sleep-snoring-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-sleep-snoring-mo.jpg" alt="GUI of Snoring can be seen. Below is the Total snoring time (1 hour and 30 minutes)." data-copy-set="C15-007"/> </div> </div> </div> </div> <div class="swiper-pagination-wrap swiper-pagination-dark"> <ul class="swiper-pagination" role="list"></ul> </div> </div> </div> <div class="sleep-bg__bottom-wrap"> <div class="sleep-bg__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-ring/images/galaxy-ring-sleep-bg-bottom-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-sleep-bg-bottom-mo.jpg" alt=""/> </div> </div> </div> </div> </div>  <div id="fashion-week" class="features-fashion-week"> <div class="common__text"> </h3><strong class="common__headline common-text-move js-move-text is-moved"><span class="common__headline">Sleeping better and dreaming more</span></strong> <p class="common__description common-text-move js-move-text is-moved" style="transition-delay: 0.2s;"><span class="common-text">See how sleep impacts the creative process as fashion designer LaQuan Smith creates his first-ever sleepwear collection, Lucid Dreams, in partnership with Galaxy Ring.</span></p> </div> <div class="features-bleed-img-container"> <img loading="lazy" src="/samsung/resources/global/galaxy-z-fold6/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/RingMLP-NYFW-LaQuanSmith-Samsung-FT02-Thumbnail-1400x648.jpg" data-src-mo="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/RingMLP-NYFW-LaQuanSmith-Samsung-FT02-Thumbnail-1400x648.jpg" alt="See how sleep impacts the creative process as fashion designer LaQuan Smith creates his first-ever sleepwear collection, Lucid Dreams, in partnership with Galaxy Ring."> <div class="features-fashion-week-play"></div> </div> </div> <style> .highlights-ai .wearable-tab-ai__wrap { background: #f7f7f7; } .highlights-ai__carousel { position: relative; text-align: center; } .highlights-ai__carousel .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgb(247, 247, 247); } .highlights-ai__carousel-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; position: relative; padding: 0 72px; text-align: left; } .highlights-ai .highlights-ai__carousel-arrow { margin-top: -24px; border-radius: 50%; background: rgba(255, 255, 255, 0.45); border: 1px solid rgba(0, 0, 0, 0.1); width: 40px; height: 40px; outline: none; } .highlights-ai .highlights-ai__carousel-arrow img { width: 20px; } .highlights-ai .highlights-ai__carousel-arrow.swiper-button-disabled { display: none; } .highlights-ai .highlights-ai__carousel-arrow--prev { left: 10px; transform: scale(-1); } .highlights-ai .highlights-ai__carousel-arrow--next { right: 10px; } .highlights-ai .highlights-ai__carousel-pagination.swiper-pagination { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: 50%; bottom: 0; height: 24px; padding: 0 7px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 12px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .highlights-ai .highlights-ai__carousel-pagination.swiper-pagination li { height: 16px; } .highlights-ai .highlights-ai__carousel-pagination.swiper-pagination .swiper-pagination-bullet { position: relative; width: 16px; height: 16px; margin: 0 2px; opacity: 1; background-color: transparent; outline: none; } .highlights-ai .highlights-ai__carousel-pagination.swiper-pagination .swiper-pagination-bullet::before { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; background-color: #757575; border-radius: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .highlights-ai__content { max-width: 1440px; margin: 0 auto 0; background-color: #f7f7f7; } .wearable-ring .highlights-ai .swiper-button-next:after, .wearable-ring .highlights-ai .swiper-button-prev:after { display: none; } .highlights-ai .highlights-ai__carousel-arrow:focus { box-shadow: none; } @media screen and (min-width: 768px) and (max-width: 1023px) { .highlights-ai .highlights-ai__carousel-slide { padding: 0 69px; min-height: 500px; } .highlights-ai .highlights-ai__carousel-pagination.swiper-pagination { padding: 0 5px; bottom: 0; } .highlights-ai__content { max-width: 768px; } } @media screen and (max-width: 767px) { .highlights-ai__carousel .swiper-wrapper { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; } .highlights-ai__carousel-slide { min-height: auto; padding: 0 24px; } .highlights-ai__carousel-navigation { display: none; } .highlights-ai .highlights-ai__carousel-pagination.swiper-pagination { bottom: -10px; padding: 0 5px; } .highlights-ai__content { max-width: 450px; margin-top: 0; padding: 0; } .highlights-ai__content .common-inner { padding: 0; } } .highlights-ai__carousel-slide { min-height: 592px; } .highlights-ai .highlights-ai__carousel-pagination.swiper-pagination .swiper-pagination-bullet::before { background-color: #8f8f8f; } .highlights-ai .highlights-ai__carousel-pagination.swiper-pagination .swiper-pagination-bullet-active::before { background-color: #000; } @media screen and (min-width: 768px) and (max-width: 1023px) { .highlights-ai .highlights-ai__carousel-slide { padding: 0 48px; min-height: 500px; } } </style> <div class="wearable-tab-ai highlights-ai theme-black"> <div class="wearable-tab-ai__wrap"> <div class="highlights-ai__content"> <div class="common-inner highlights-ai__carousel js-carousel-wrap"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide highlights-ai__carousel-slide" data-slide-name="circle to search"> <div class="tracking-heart-rate common__bg-light"> <div class="common__wrap"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C17-001"> Keep a finger on your pulse </h2> <p class="common__description" data-copy-set="C17-002"> Get a closer read on your body than ever before with improved Heart Rate Tracking from Galaxy Ring.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-2"></a></sup> It filters out your body’s movement for a more precise reading so you can make informed decisions about your health and well-being. </p> </div> <div class="common__content"> <div class="tracking-heart-rate__image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-res-img load-complete" data-src-pc="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-Health-05-Carousel-01-Heart-rate-tracking-FPO-D.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-Health-05-Carousel-01-Heart-rate-tracking-FPO-M.jpg" alt="A heart icon in the middle is beating to indicate heartbeat. In the background is the heart rate monitor line that moves according to the heartbeat. Below, the BPM status can be seen along with a small heart icon, which all changes in line with the heartbeat. A High HR alert message appears as the BPM gets higher." data-copy-set="C17-003" loading="lazy"/> </div> </div> </div> </div> </div> <div class="swiper-slide highlights-ai__carousel-slide" data-slide-name="circle to search"> <div class="cycle-tracking common__bg-light"> <div class="common__wrap common__wrap--column"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C16-001"> Get to know your cycle better </h2> <p class="common__description" data-copy-set="C16-002"> Galaxy Ring helps you take the guesswork out of your cycle with your own personal tracker, right on your finger. Get a read on your health with a device that knows you — it even senses slight changes in temperature. <sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-8"></a></sup> </p> </div> <div class="common__content"> <div class="cycle-tracking__image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-res-img load-complete" data-src-pc="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-Health-05-Carousel-01-Cycle-tracking-D.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-Health-05-Carousel-01-Cycle-tracking-M.jpg" alt="GUI of Cycle Tracking feature can be seen. At the top is a weekly calendar with the period marked. The section below shows that the user is on day 5 of her period. At the bottom is the Your cycle section that shows the dates of your period, predicted fertile window, predicted ovulation and predicted next period. Powered by Natural Cycles is at the very bottom." data-copy-set="C16-003" loading="lazy"/> </div> </div> </div> </div> </div> </div> </div> <div class="highlights-ai__carousel-navigation"> <button type="button" class="swiper-button-prev highlights-ai__carousel-arrow highlights-ai__carousel-arrow--prev" data-omni-type="microsite_pcontentinter" data-omni="galaxy-tabs9:highlights:overview:arrow:previous" an-tr="galaxy-tabs9:highlights:overview:arrow:previous" an-ca="indication" an-ac="carousel" an-la="galaxy-tabs9:highlights:overview:arrow:previous"> <span class="blind" data-gro-copy="blind">Previous</span> <img src="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-watch-ultra-icon-carousel-arrow-black.svg" class="js-res-img load-complete" data-src-pc="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-watch-ultra-icon-carousel-arrow-black.svg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-watch-ultra-icon-carousel-arrow-black.svg" alt="" aria-hidden="true"/> </button> <button type="button" class="swiper-button-next highlights-ai__carousel-arrow highlights-ai__carousel-arrow--next" data-omni-type="microsite_pcontentinter" data-omni="galaxy-tabs9:highlights:overview:arrow:next" an-tr="galaxy-tabs9:highlights:overview:arrow:next" an-ca="indication" an-ac="carousel" an-la="galaxy-tabs9:highlights:overview:arrow:next"> <span class="blind" data-gro-copy="blind">Next</span> <img src="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-watch-ultra-icon-carousel-arrow-black.svg" class="js-res-img load-complete" data-src-pc="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-watch-ultra-icon-carousel-arrow-black.svg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-watch-ultra-icon-carousel-arrow-black.svg" alt="" aria-hidden="true"/> </button> </div> <ul role="list" class="swiper-pagination highlights-ai__carousel-pagination"></ul> </div> </div> </div> </div>  <div class="walk-run common__bg-light" id="fitness"> <div class="common__wrap common__wrap--column"> <div class="common__text"> <h2 class="common-categories__button"> <button type="button" aria-expanded="false" disabled="disabled"> FITNESS </button> </h2> <h2 class="common__headline common__blind common__blind-carousel" data-copy-set="C18-001"> Ready, set, track </h2> <p class="common__description" data-copy-set="C18-002"> Let Galaxy Ring simplify your workouts. Just hop on the treadmill and start exercising — your Galaxy Ring intuitively starts tracking without you having to lift a finger.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-3"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-9"></a></sup> </p> </div> <div class="common__content"> <div class="walk-run__inner"> <div class="walk-run__motion-wrap"> <div class="timeline01"> <span class="walk-run__date-text"><span class="day">Today</span></span> <div class="walk-run__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-ring/images/galaxy-ring-exercise-timeline1-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-exercise-timeline1-mo.jpg" alt=""/> </div> </div> <div class="walk-run__image timeline02"> <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-ring/images/galaxy-ring-exercise-timeline2-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-exercise-timeline2-mo.jpg" alt=""/> </div> <div class="walk-run__image timeline03"> <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-ring/images/galaxy-ring-exercise-timeline3-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-exercise-timeline3-mo.jpg" alt=""/> </div> <p class="blind" data-copy-set="C18-004"> GUI of inactive alert and auto-tracking running and walking can be seen. </p> </div> <div class="common__carousel-wrap"> <div class="common__carousel-container"> <div class="common__carousel swiper"> <div class="common__carousel-inner swiper-wrapper" role="list"> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="walk-run__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-ring/images/galaxy-ring-exercise-graph-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-exercise-graph-mo.jpg" alt="GUI of auto-tracking can be seen. The Trends graph shows how much time the user spent on workouts." data-copy-set="C18-005"/> </div> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="walk-run__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-ring/images/galaxy-ring-exercise-details-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-exercise-details-mo.jpg" alt="GUI of Workout details can be seen. Distance (5.34 km), Average speed (9.5 kilometer per hour), Calories (512 kilocalories), Average pace (06:15 per kilometer), Average heart rate (119 bpm), Average cadence (168 spm) stats can be seen." data-copy-set="C18-006"/> </div> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="walk-run__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-ring/images/galaxy-ring-exercise-badge-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-exercise-badge-mo.jpg" alt="10,000 steps achievement badge can be seen." data-copy-set="C18-007"/> </div> </div> </div> </div> <div class="swiper-arrow-wrap"> <button type="button" class="swiper-button-next" data-omni-type="microsite_pcontentinter" data-omni="gring:highlights:exercise-tracking:sldr-arrow:right" an-tr="gring:highlights:exercise-tracking:sldr-arrow:right" an-ca="indication" an-ac="carousel" an-la="gring:highlights:exercise-tracking: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://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-icon-carousel-arrow-black.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-icon-carousel-arrow-black.svg" alt="" aria-hidden="true"/> </button> <button type="button" class="swiper-button-prev" data-omni-type="microsite_pcontentinter" data-omni="gring:highlights:exercise-tracking:sldr-arrow:left" an-tr="gring:highlights:exercise-tracking:sldr-arrow:left" an-ca="indication" an-ac="carousel" an-la="gring:highlights:exercise-tracking:sldr-arrow:left"> <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://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-icon-carousel-arrow-black.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-icon-carousel-arrow-black.svg" alt="" aria-hidden="true"/> </button> </div> <div class="swiper-pagination-wrap"> <ul class="swiper-pagination" role="list"></ul> </div> </div> </div> <div class="walk-run__bg-image"> <div class="walk-run__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-ring/images/galaxy-ring-exercise-main-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-exercise-main-mo.jpg" alt="Two circles are showing the Galaxy Ring being used in different situations. The circle on the left shows hands with Galaxy Ring on one finger that are tying a shoe lace. The circle on the right shows a woman in sportswear on a run." data-copy-set="C18-003"/> </div> </div> </div> <div class="walk-run__bottom-image"> <div class="walk-run__image"> <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/rings/galaxy-ring/images/galaxy-ring-exercise-lsi2-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-exercise-lsi2-mo_0710.jpg" alt="People running in a marathon can be seen to illustrate the Auto Detect feature of Galaxy Ring." data-copy-set="C18-009"/> </div> </div> </div> </div> </div>  <div class="battery common__bg-dark" id="battery"> <div class="common__wrap"> <div class="common__text"> <h2 class="common-categories__button"> <button type="button" aria-expanded="false" disabled="disabled"> BATTERY </button> </h2> <h2 class="common__headline" data-copy-set="C06-001"> Less charging, <br class="common-br-mo" /> more tracking </h2> <p class="common__description" data-copy-set="C06-002"> Slip it on and forget it with a seven-day charge that won’t slow you down. Combined with a full cradle charge, you <br class="common-br-pc" /> can use Galaxy Ring for up to 14 days without plugging into an outlet.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-10"></a></sup> </p> </div> <div class="common__content"> <div class="battery__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/videos/galaxy-ring-battery-pc_0710" data-media-mo="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/videos/galaxy-ring-battery-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/rings/galaxy-ring/images/galaxy-ring-battery-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-battery-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/rings/galaxy-ring/images/galaxy-ring-battery-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-battery-endframe-mo_0710.jpg" alt=""/> </div> <p class="blind" data-copy-set="C06-003"> Three circles can be seen. The one in the middle is placed inside a Galaxy Ring. Each circle shows different hands wearing the ring in different situations. The scenes change as the text below the Galaxy Ring changes from Up to 1 Days to Up to 7 Days. A fully charged battery icon is next to the text to indicate the battery can last up to 7 days. </p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" an-tr="" an-ca="content click" an-ac="feature" an-la="" title="Battery that lasts up to 7 days" data-copy-set="C06-001"> <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="charging-case charging-case__video-type common__bg-dark"> <div class="common__wrap"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C08-001"> Modern design<br /> that shines </h2> <p class="common__description" data-copy-set="C08-002"> With its clear cover, the charging cradle is the place to get your Galaxy Ring ready to take on your week. LED lights help you know how far along Galaxy Ring is in its charging cycle. </p> </div> <div class="common__content">  <div class="common__tab common__tab--control charging-case__video"> <div class="common__tab-list" role="tablist"> <a href="javascript:void(0)" class="common__tab-cta is-active" role="tab" aria-controls="caseopen" aria-selected="true" data-omni-type="microsite_contentinter" data-omni="gring:highlights:charging-case:slct-item:case-open" an-ca="content click" an-ac="feature" an-la="gring:highlights:charging-case:slct-item:case-open"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img charging-case__info-item--image" data-src-pc="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-case-caseopen-icon.svg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-case-caseopen-icon.svg" alt="The text Case Open along with Welcome light on can be seen. The indicator light icon indicates the light is fully on." aria-hidden="true" data-copy-set="C08-010"/> <div class="common__tab-cta--textblock"> <span class="common__tab-cta--text" data-copy-set="C08-004">Case Open</span> <span class="common__tab-cta--desc" data-copy-set="C08-004">Welcome light on</span> </div> </a> <a href="javascript:void(0)" class="common__tab-cta" role="tab" aria-controls="shortpress" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="gring:highlights:charging-case:slct-item:short-press" an-ca="content click" an-ac="feature" an-la="gring:highlights:charging-case:slct-item:short-press"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img charging-case__info-item--image" data-src-pc="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-case-shortpress-icon.svg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-case-shortpress-icon.svg" alt="The text Short Press along with Check battery level can be seen. The indicator light icon indicates the light comes on in the clockwise direction from the 6 o' clock position to the level the battery is charged." aria-hidden="true" data-copy-set="C08-011"/> <div class="common__tab-cta--textblock"> <span class="common__tab-cta--text" data-copy-set="C08-005">Short Press</span> <span class="common__tab-cta--desc" data-copy-set="C08-005">Check battery level</span> </div> </a> <a href="javascript:void(0)" class="common__tab-cta" role="tab" aria-controls="longpress" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="gring:highlights:charging-case:slct-item:long-press" an-ca="content click" an-ac="feature" an-la="gring:highlights:charging-case:slct-item:long-press"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img charging-case__info-item--image" data-src-pc="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-case-longpress-icon.svg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-case-longpress-icon.svg" alt="The text Long Press (3 seconds) along with Start pairing mode can be seen. The indicator light icon indicates the light fully lights up and continues to light up in the clockwise direction." aria-hidden="true" data-copy-set="C08-012"/> <div class="common__tab-cta--textblock"> <span class="common__tab-cta--text" data-copy-set="C08-006">Long Press (3 sec.)</span> <span class="common__tab-cta--desc" data-copy-set="C08-006">Start pairing mode</span> </div> </a> </div> <div class="common__tab-panels"> <div id="caseopen" class="common__tab-panel is-active" role="tabpanel" aria-hidden="false" style="z-index: 5;"> <div class="video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/videos/galaxy-ring-case-open-pc_0808" data-media-mo="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/videos/galaxy-ring-case-open-mo_0808"> <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/rings/galaxy-ring/images/galaxy-ring-case-open-startframe-pc_0808.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-case-open-startframe-mo_0808.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/rings/galaxy-ring/images/galaxy-ring-case-open-endframe-pc_0808.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-case-open-endframe-mo_0808.jpg" alt=""/> </div> <p class="blind" data-copy-set="C08-014">The lid of Galaxy Ring Charging Case lifts open. A Galaxy Ring is in its place, around the Multi-purpose button. The circular indicator light lights up in a counter-clockwise direction until fully illuminated in a circle.</p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" an-ca="content click" an-ac="feature" an-la="" data-tagging="open" title="Case Open Welcome light on" data-copy-set="C08-004"> <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="shortpress" class="common__tab-panel" role="tabpanel" aria-hidden="true"> <div class="video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/videos/galaxy-ring-case-short-press-pc_0808" data-media-mo="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/videos/galaxy-ring-case-short-press-mo_0808"> <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/rings/galaxy-ring/images/galaxy-ring-case-short-press-startframe-pc_0808.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-case-short-press-startframe-mo_0808.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/rings/galaxy-ring/images/galaxy-ring-case-short-press-endframe-pc_0808.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-case-short-press-endframe-mo_0808.jpg" alt=""/> </div> <p class="blind" data-copy-set="C08-015">A Galaxy Ring is in its place, around the Multi-purpose button. The circular indicator light lights up in a counter-clockwise direction around a circle to 70% to indicate the corresponding battery level. </p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" an-ca="content click" an-ac="feature" an-la="" data-tagging="short" title="Short Press Check battery level" data-copy-set="C08-005" 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 id="longpress" class="common__tab-panel" role="tabpanel" aria-hidden="true"> <div class="video__container js-video-src js-res-video intuitive-control__background" data-media-pc="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/videos/galaxy-ring-case-long-press-pc_0808" data-media-mo="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/videos/galaxy-ring-case-long-press-mo_0808"> <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/rings/galaxy-ring/images/galaxy-ring-case-long-press-startframe-pc_0808.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-case-long-press-startframe-mo_0808.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/rings/galaxy-ring/images/galaxy-ring-case-long-press-endframe-pc_0808.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-case-long-press-endframe-mo_0808.jpg" alt=""/> </div> <p class="blind" data-copy-set="C08-016">A Galaxy Ring is in its place, around the Multi-purpose button. The circular indicator light flashes and moves in a counter-clockwise direction. </p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" an-ca="content click" an-ac="feature" an-la="" data-tagging="long" title="Long Press (3 sec.) Start pairing mode" data-copy-set="C08-006" 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>  <div class="choose-size common__bg-light" id="sizing"> <div class="common__wrap common__wrap--column between"> <h2 class="common-categories__button"> <button type="button" aria-expanded="false" disabled="disabled"> SIZING </button> </h2> <div class="common__text"> <h2 class="common__headline common__blind common__blind-carousel" data-copy-set="C22-001"> A sizing kit for <br class="common-br-pc" /> your best fit </h2> <p class="common__description" data-copy-set="C22-002"> Eliminate the guesswork with a sizing kit — now including two new sizes to help find your ideal fit. Ship the kit to your home, try on one of the sample rings for more than a day to ensure it's comfortable and confirm your order. Then you'll get an $80 credit toward select Galaxy Watches and Buds. <sup><a href="#desc-section" class="click_sup" title="See disclaimer">F</a></sup> </p> </div> <div class="common__content">  <div class="common__video-wrap video-hide"> <button type="button" class="common__video-cta js-layer-opener" title="play video" data-youtube-id="5Mja4EXJWOo" data-youtube-title="Galaxy Ring: How to find your size with sizing kit" data-layer-target="#choose-size-popup" data-content-target="youtube-popup" data-omni-type="microsite_contentinter" data-omni="gring:highlights:sizing-kit:lypu-open:sizing-kit" an-tr="gring:highlights:sizing-kit:lypu-open:sizing-kit" an-ca="content click" an-ac="feature" an-la="gring:highlights:sizing-kit:lypu-open:sizing-kit"> <span class="common__video-title" data-copy-set="C22-005">Click how to <br />find your size <br />with the Sizing Kit</span> <span class="common__video-thumbnail"> <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/rings/galaxy-ring/images/RingMLP-Sizing-Video-Thumbnail-131x82-0122.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/RingMLP-Sizing-Video-Thumbnail-131x82-0122.jpg" alt=""/> </span> </button>  <div id="choose-size-popup" class="common-video-popup cm-layer" aria-hidden="true"> <span class="cm-layer__dimmed" aria-hidden="true" role="none presentation" aria-disabled="true" tabindex="-1"></span> <div class="common-video-popup__inner cm-layer__body"> <div class="common-video-popup__content cm-layer__wrapper"> <button type="button" class="cm-layer__btn-close js-layer-closer" data-omni-type="microsite_contentinter" data-omni="gring:highlights:sizing-kit:lypu-close:sizing-kit" an-tr="gring:highlights:sizing-kit:lypu-close:sizing-kit" an-ca="content click" an-ac="feature" an-la="gring:highlights:sizing-kit:lypu-close:sizing-kit"> <span class="blind">CLOSE</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-ring/images/galaxy-ring-icon-close-white.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-icon-close-white.png" alt=""/> </button> <div id="youtube-popup" class="common-video-popup__iframe cm-layer__content"> <iframe allowfullscreen allow="autoplay" title="" tabindex="-1" aria-hidden="true"></iframe> <p class="blind video-player__desc"> How to find your Galaxy Ring size with Sizing Kit. Want to find your galaxy ring size? it may be different from regular rings because of the sensors. The galaxy ring sizing kit will help you find your ring size. Open the box and check out the sample rings. The sample rings come in 9 sizes, from 5 to 13. You can wear them on any finger. Pick a size and try it on. Check the position of the three sensors on the bottom. And the indicator on the outer surface. Wear the sample ring so that the sensors are facing up. Make sure the indicator is also on the palm side. And ensure that your finger feels comfortable. Check that it’s not too small or too big. Try them out to find your size from 9 available options. When you find the one that feels right, move your fingers around. Finger sizes can change from day to night. So it’s recommended to keep the ring on for over 24 hours. Go about your day and sleep through the night. Does your finger feel comfortable even after 24 hours? You’ve found your galaxy ring size. </p> </div> </div> </div> </div> </div>  <div class="choose-size__image"> <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/rings/galaxy-ring/images/RingMLP-Sizing-sizing-kit-0122-D.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/us/rings/galaxy-ring/images/RingMLP-Sizing-sizing-kit-0122-M.jpg" alt="Galaxy Ring Sizing Kit is open and 9 sample rings can be seen." data-copy-set="C22-018"/> </div> <div class="common__carousel-wrap"> <div class="common__carousel-container"> <div class="common__carousel swiper"> <div class="common__carousel-inner swiper-wrapper" role="list"> <div class="common__carousel-item swiper-slide" role="listitem"> <span class="choose-size__step-num" data-copy-set="C22-006"> <span class="choose-size__step-num--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-ring/images/galaxy-ring-sizing-kit-icon-step1.svg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-sizing-kit-icon-step1.svg" alt="" aria-hidden="true"/></span> Step 1. </span> <strong class="choose-size__step-tit" data-copy-set="C22-007">Receive the Sizing Kit</strong> <p class="choose-size__step-desc" data-copy-set="C22-008"> Order the Galaxy Ring and choose the ‘I don’t know my size’ option. The Sizing Kit will be shipped first, before you confirm the size of the actual Galaxy Ring. </p> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <span class="choose-size__step-num" data-copy-set="C22-009"> <span class="choose-size__step-num--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-ring/images/galaxy-ring-sizing-kit-icon-step2.svg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-sizing-kit-icon-step2.svg" alt="" aria-hidden="true"/></span> Step 2. </span> <strong class="choose-size__step-tit" data-copy-set="C22-010">Test your size</strong> <p class="choose-size__step-desc" data-copy-set="C22-011"> Use sample rings to find the size that fits the finger you want to wear your Galaxy Ring. Have the sample ring on for at least 24 hours to make sure the ring fits comfortably on your finger. </p> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <span class="choose-size__step-num" data-copy-set="C22-012"> <span class="choose-size__step-num--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-ring/images/galaxy-ring-sizing-kit-icon-step3.svg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-sizing-kit-icon-step3.svg" alt="" aria-hidden="true"/></span> Step 3. </span> <strong class="choose-size__step-tit" data-copy-set="C22-013">Confirm your size</strong> <p class="choose-size__step-desc" data-copy-set="C22-014"> Confirm your ring size on the ‘My Order’ page. Check your inbox for the size confirmation email. </p> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <span class="choose-size__step-num" data-copy-set="C22-015"> <span class="choose-size__step-num--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-ring/images/galaxy-ring-sizing-kit-icon-step4.svg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-sizing-kit-icon-step4.svg" alt="" aria-hidden="true"/></span> Step 4. </span> <strong class="choose-size__step-tit" data-copy-set="C22-016">Get your Galaxy Ring</strong> <p class="choose-size__step-desc" data-copy-set="C22-017"> Get your Galaxy Ring delivered and put it on! </p> </div> </div> </div> <div class="swiper-pagination-wrap"> <ul class="swiper-pagination" role="list"></ul> </div> </div> </div> </div> </div> </div>  <div class="slim-light common__bg-light"> <div class="common__wrap common__wrap--column"> <div class="common__content"> <div class="slim-light__image-wrap"> <div class="slim-light__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-ring/images/galaxy-ring-silm1-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-silm1-mo.jpg" alt="A person is taking a break from an exercise with Galaxy Ring on a finger." data-copy-set="C09-003"/> </div> <div class="slim-light__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-ring/images/galaxy-ring-silm2-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-silm2-mo.jpg" alt="A person is taking a walk along the beach with Galaxy Ring on a finger." data-copy-set="C09-004"/> </div> </div> </div> </div> </div>  <div class="color-option common__bg-light"> <div class="common__wrap common__wrap--column between"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C10-001"> Feels like nothing.<br> Goes with everything. </h2> <p class="common__description" data-copy-set="C10-002"> From workouts to nights out, sport the Galaxy Ring for any occasion. Whether it's the subtle sophistication of the matted Titanium Black and Titanium Silver, or the brilliant glow of the Titanium Gold, Galaxy Ring blends seamlessly with your look. </p> </div> <div class="common__content"> <div class="common__tab common__tab--color"> <div class="common__tab-list" role="tablist"> <a href="javascript:void(0)" class="common__tab-cta is-active" role="tab" aria-controls="titanium-black" aria-selected="true" aria-labelledby="wearable-ring__color-black" data-omni-type="microsite_gallery" data-omni="gring:highlights:color:slct-color:titanium-black" an-tr="gring:highlights:color:slct-color:titanium-black" an-ca="gallery" an-ac="feature gallery" an-la="gring:highlights:color:slct-color:titanium-black"> <span class="tab-cta__color-chip tab-cta__color-chip--black"></span> </a> <a href="javascript:void(0)" class="common__tab-cta" role="tab" aria-controls="titanium-silver" aria-selected="false" aria-labelledby="wearable-ring__color-silver" data-omni-type="microsite_gallery" data-omni="gring:highlights:color:slct-color:titanium-silver" an-tr="gring:highlights:color:slct-color:titanium-silver" an-ca="gallery" an-ac="feature gallery" an-la="gring:highlights:color:slct-color:titanium-silver"> <span class="tab-cta__color-chip tab-cta__color-chip--silver"></span> </a> <a href="javascript:void(0)" class="common__tab-cta" role="tab" aria-controls="titanium-gold" aria-selected="false" aria-labelledby="wearable-ring__color-gold" data-omni-type="microsite_gallery" data-omni="gring:highlights:color:slct-color:titanium-gold" an-tr="gring:highlights:color:slct-color:titanium-gold" an-ca="gallery" an-ac="feature gallery" an-la="gring:highlights:color:slct-color:titanium-gold"> <span class="tab-cta__color-chip tab-cta__color-chip--gold"></span> </a> </div> <div class="common__tab--name"> <span class="tab-cta__text is-active" aria-hidden="true" id="wearable-ring__color-black">Titanium Black</span> <span class="tab-cta__text" aria-hidden="true" id="wearable-ring__color-silver">Titanium Silver</span> <span class="tab-cta__text" aria-hidden="true" id="wearable-ring__color-gold">Titanium Gold</span> </div> <div class="common__tab-panels"> <div id="titanium-black" class="common__tab-panel is-active" role="tabpanel" aria-hidden="false"> <span class="blind">Titanium Black</span> <div class="color-option__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-ring/images/galaxy-ring-color-black-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-color-black-mo.png" alt="A slightly tilted Galaxy Ring in Titanium Black can be seen. A closed Charging Case with Galaxy Ring in Titanium Black in place can be seen." data-copy-set="C10-003"/> </div> <div class="color-option__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-ring/images/galaxy-ring-color-black-case-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-color-black-case-mo.png" alt=""/> </div> </div> <div id="titanium-silver" class="common__tab-panel" role="tabpanel" aria-hidden="true"> <span class="blind">Titanium Silver</span> <div class="color-option__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-ring/images/galaxy-ring-color-silver-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-color-silver-mo.png" alt=" A slightly tilted Galaxy Ring in Titanium Silver can be seen. A closed Charging Case with Galaxy Ring in Titanium Silver in place can be seen." data-copy-set="C10-004"/> </div> <div class="color-option__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-ring/images/galaxy-ring-color-silver-case-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-color-silver-case-mo.png" alt=""/> </div> </div> <div id="titanium-gold" class="common__tab-panel" role="tabpanel" aria-hidden="true"> <span class="blind">Titanium Gold</span> <div class="color-option__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-ring/images/galaxy-ring-color-gold-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-color-gold-mo.png" alt="A slightly tilted Galaxy Ring in Titanium Gold can be seen. A closed Charging Case with Galaxy Ring in Titanium Gold in place can be seen." data-copy-set="C10-005"/> </div> <div class="color-option__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-ring/images/galaxy-ring-color-gold-case-pc.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-color-gold-case-mo.png" alt=""/> </div> </div> </div> </div> </div> </div> </div>  <div class="waterproof common__bg-light"> <div class="common__wrap common__wrap--column"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C11-001"> Not afraid to <br />take a splash </h2> <p class="common__description" data-copy-set="C11-002"> This remarkable design is built for your everyday with water resistance<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-12"></a></sup> and a concave design that minimizes scratches. </p> </div> <div class="common__content"> <div class="waterproof__video video__container js-video-src js-res-video" data-media-pc="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-waterproof-pc" data-media-mo="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-waterproof-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-ring/images/galaxy-ring-waterproof-startframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-waterproof-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-ring/images/galaxy-ring-waterproof-endframe-pc.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-waterproof-endframe-mo.jpg" alt=""/> </div> <p class="blind" data-copy-set="C11-003"> A hand wearing a Galaxy Ring can be seen. A stream of water falls onto the hand to illustrate the water-resistance of the ring. </p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" an-tr="" an-ca="content click" an-ac="feature" an-la="" title="10 ATM water-resistant rating" data-copy-set="C11-001"> <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="gesture-control common__bg-light js-nav-top" id="control"> <div class="common__wrap common__wrap--column"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C19-001"> Seamless connection with your Galaxy devices </h2> </div> <style> .wearable-ring .gesture-control .common__carousel-wrap { position: relative; z-index: 1; width: 1440px; width: 100%; margin: 0 auto; margin-top: 60px; } @media screen and (max-width: 767px) { .wearable-ring .gesture-control .common__carousel-wrap { width: 664.7333333333px; width: 86.6666666667vw; margin-top: 42.6111111111px; margin-top: 5.5555555556vw; } } .wearable-ring .gesture-control .common__carousel-wrap .common__carousel { position: relative; width: 100%; } .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } @media screen and (max-width: 767px) { .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-container .common__carousel-inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-item { overflow: hidden; width: 312px; width: 21.6666666667vw; height: auto; margin: 0px 12px; margin: 0vw 0.8333333333vw; -ms-flex-negative: 0; flex-shrink: 0; background: transparent; } .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-item-inner { overflow: hidden; 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; width: 100%; height: 100%; border-radius: 30px; border: 1px solid #e5e5e5; background-color: transparent; } .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-item-inner-text { 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-flex: 1; -ms-flex: 1; flex: 1; min-height: 148px; padding: 20px; border-top: 2px solid #e5e5e5; } .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-item-inner-text h3 { font-family: "SamsungOne"; font-size: 16px; white-space: normal; width: 80%; line-height: 1.4; } .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-item-inner-text p { font-size: 14px; margin-top: 9px; line-height: 1.42; } .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-item-inner-figure { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; height: 272px; -webkit-box-sizing: content-box; box-sizing: content-box; } @media screen and (max-width: 767px) { .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 290px; margin: 0px 60px; } } .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-item img { width: 100%; height: 100%; object-fit: contain; } .wearable-ring .gesture-control .common__carousel-item-inner-figure.first-figure img { object-fit: cover; } @media (min-width: 768px) { .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 232px; } .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-item img { object-fit: cover; } } @media (min-width: 1280px) { .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 302px; } .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-item-inner-text h3 { width: 63%; margin-top: 10px; } .wearable-ring .gesture-control .common__carousel-wrap .common__carousel-item-inner-figure { height: 340px; } } </style> <div class="common__carousel-wrap"> <div class="common__carousel-container"> <div class="common__carousel swiper"> <div class="common__carousel-inner swiper-wrapper" role="list"> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="common__carousel-item-inner"> <div class="common__carousel-item-inner-text"> <h3>Control your phone with a pinch</h3> <p> Snap a photo or dismiss an alarm — all from your Galaxy Ring. Just double pinch your fingers and watch the magic happen.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-3"></a></sup> </p> </div> <div class="common__carousel-item-inner-figure first-figure"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-res-img load-complete" data-src-pc="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-SeamlessConnection-01-Gesture-536x562.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-SeamlessConnection-01-Gesture-536x562.jpg" alt="A hand wearing Galaxy Ring can be seen, making a pinching motion. A closed Galaxy Z Flip6 with the camera open on the cover screen can be seen. Above the smartphone are two icons: Camera and Turn off alarms." data-copy-set="C19-003" loading="lazy"/> </div> </div> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="common__carousel-item-inner"> <div class="common__carousel-item-inner-text"> <h3>Find your Galaxy Ring with a ping</h3> <p> Track the last location of your missing Galaxy Ring with Find My Ring. It pings you with the location on a map on your phone so you can recover it easily.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-13"></a></sup> </p> </div> <div class="common__carousel-item-inner-figure"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-res-img load-complete" data-src-pc="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-SeamlessConnection-02-FindRing-536x562.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-SeamlessConnection-02-FindRing-536x562.jpg" alt="A map can be seen. A location pointer icon with a Galaxy Ring points to a location to indicate that the Find My Ring feature is tracking the location." data-copy-set="C20-003" loading="lazy"/> </div> </div> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="common__carousel-item-inner"> <div class="common__carousel-item-inner-text"> <h3> It all starts with your Samsung account </h3> <p> Health data on your Galaxy Ring will be transferred and stored in the Samsung Cloud connected to your account so you can access and manage your data.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-14"></a></sup> </p> </div> <div class="common__carousel-item-inner-figure"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-res-img load-complete" data-src-pc="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-SeamlessConnection-03-SamsungAccount-536x562.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-SeamlessConnection-03-SamsungAccount-536x562.jpg" alt="Samsung Galaxy smartphone can be seen with Samsung account login page onscreen. On the left side of the smartphone is a Galaxy Ring, slightly tilted." data-copy-set="C21-003" loading="lazy"/> </div> </div> </div> </div> </div> <div class="swiper-arrow-wrap"> <button type="button" class="swiper-button-next" data-omni-type="microsite_pcontentinter" data-omni="gring:highlights:exercise-tracking:sldr-arrow:right" an-tr="gring:highlights:exercise-tracking:sldr-arrow:right" an-ca="indication" an-ac="carousel" an-la="gring:highlights:exercise-tracking: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://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-icon-carousel-arrow-black.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-icon-carousel-arrow-black.svg" alt="" aria-hidden="true"/> </button> <button type="button" class="swiper-button-prev" data-omni-type="microsite_pcontentinter" data-omni="gring:highlights:exercise-tracking:sldr-arrow:left" an-tr="gring:highlights:exercise-tracking:sldr-arrow:left" an-ca="indication" an-ac="carousel" an-la="gring:highlights:exercise-tracking:sldr-arrow:left"> <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://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-icon-carousel-arrow-black.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/us/rings/galaxy-ring/images/galaxy-ring-icon-carousel-arrow-black.svg" alt="" aria-hidden="true"/> </button> </div> </div> </div> </div> </div>  <div class="banner banner--type1 common__bg-light"> <div class="banner__wrap"> <div class="banner__cards"> <div class="banner__card"> <strong class="banner__card--title" data-copy-set="C23-001"> Galaxy Z Flip6 </strong> <a href="https://www.samsung.com/us/smartphones/galaxy-z-flip6/" class="banner__card--cta" data-copy-set="C23-002" data-omni="gring:highlights:btm^bnn:link-page:galaxy-z-flip6" an-tr="gring:highlights:btm^bnn:link-page:galaxy-z-flip6" an-ca="content click" an-ac="feature" an-la="gring: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://image-us.samsung.com/us/galaxy-ring/images/RingMLP-Footers-Cards-01-B6-D-V2.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-Footers-Cards-01-B6-M-V2.jpg" alt="" aria-hidden="true"/> </div> <div class="banner__card"> <strong class="banner__card--title" data-copy-set="C23-003"> Galaxy Watch Ultra<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-12"></a></sup> </strong> <a href="https://www.samsung.com/us/watches/galaxy-watch-ultra/" class="banner__card--cta" data-copy-set="C23-004" data-omni-type="microsite_contentinter" data-omni="gring:highlights:btm^bnn:link-page:galaxy-watch7" an-tr="gring:highlights:btm^bnn:link-page:galaxy-watch7" an-ca="content click" an-ac="feature" an-la="gring:highlights:btm^bnn:link-page:galaxy-watch7"> 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-ring/images/RingMLP-Footers-Cards-02-X2-D-V2.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-Footers-Cards-02-X2-M-V2.jpg" alt="" aria-hidden="true"/> </div> <div class="banner__card"> <strong class="banner__card--title" data-copy-set="C23-005"> Galaxy Buds3 Pro </strong> <a href="https://www.samsung.com/us/mobile-audio/galaxy-buds3-pro/" class="banner__card--cta" data-copy-set="C23-006" data-omni-type="microsite_contentinter" data-omni="gring:highlights:btm^bnn:link-page:galaxy-buds3-pro" an-tr="gring:highlights:btm^bnn:link-page:galaxy-buds3-pro" an-ca="content click" an-ac="feature" an-la="gring:highlights:btm^bnn:link-page:galaxy-buds3-pro"> GO TO GALAXY BUDS3 PRO </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-ring/images/RingMLP-Footers-Cards-03-Paran-D-V2.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-Footers-Cards-03-Paran-M-V2.jpg" alt="" aria-hidden="true"/> </div> <div class="banner__card"> <strong class="banner__card--title" data-copy-set="C23-007"> Galaxy Z Fold6 </strong> <a href="https://www.samsung.com/us/smartphones/galaxy-z-fold6/" class="banner__card--cta" data-copy-set="C23-008" data-omni-type="microsite_contentinter" data-omni="gring:highlights:btm^bnn:link-page:galaxy-z-fold6" an-tr="gring:highlights:btm^bnn:link-page:galaxy-z-fold6" an-ca="content click" an-ac="feature" an-la="gring:highlights:btm^bnn:link-page:galaxy-z-fold6"> GO TO GALAXY Z FOLD6 </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-ring/images/RingMLP-Footers-Banners-01-Q6-D.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-Footers-Banners-01-Q6-M.jpg" alt="" aria-hidden="true"/> </div> <div class="banner__card"> <strong class="banner__card--title" data-copy-set="C23-007"> Galaxy Ring for business </strong> <a href="//www.samsung.com/us/business/rings/galaxy-ring/all/galaxy-ring-size-8-titanium-black-sm-q508nzkaxar/" class="banner__card--cta" data-copy-set="C23-008" data-omni-type="microsite_contentinter" data-omni="gring:highlights:btm^bnn:link-page:galaxy-ring for business" an-tr="gring:highlights:btm^bnn:link-page:galaxy-ring for business" an-ca="content click" an-ac="feature" an-la="gring:highlights:btm^bnn:link-page:galaxy-ring for business"> GO TO GALAXY RING 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-ring/images/RingMLP-Footers-Banners-02-B2B-Ring-D.jpg" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/RingMLP-Footers-Banners-02-B2B-Ring-M.jpg" 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"> <li role="listitem" data-sup="sup-1" class="common-bottom-disclaimer__list-item"> <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-ring/images/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"/> </button> </li> <li role="listitem" data-sup="sup-2" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">The heart rate software functions are not intended for use in the diagnosis of disease or other conditions, or in the cure, mitigation, treatment or prevention of disease.</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-ring/images/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"/> </button> </li> <li role="listitem" data-sup="sup-3" class="common-bottom-disclaimer__list-item"> <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-ring/images/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"/> </button> </li> <li role="listitem" data-sup="sup-4" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Energy Score insights track data and require compatible Samsung Galaxy AI phone, Samsung Health app and Samsung account.</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-ring/images/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"/> </button> </li> <li role="listitem" data-sup="sup-5" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Wellness Tips track data and require compatible Samsung Galaxy AI phone, Samsung Health app and Samsung account.</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-ring/images/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"/> </button> </li> <li role="listitem" data-sup="sup-6" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Must wear device for 7 nights during a 30 night period. Requires compatible smartphone and Samsung Health 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-ring/images/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"/> </button> </li> <li role="listitem" data-sup="sup-7" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Phone must be within 2 feet of user with snore detection enabled through Samsung Health app version 6.22 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-ring/images/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"/> </button> </li> <li role="listitem" data-sup="sup-8" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Cycle Tracking is available for tracking a user's menstruation cycle. NOT INTENDED FOR CONTRACEPTION. If you are currently taking hormonal birth control or undergoing hormonal treatment that inhibits ovulation, this service will not be useful for tracking ovulation. Cycle Tracking results may be impacted by Ring usage (recommendation: 4 hours during sleep, 5 times a week), input data and environmental conditions (such as illness, medications, traveling and disruptions to users' daily routine). If you are taking medication, consult your doctor to learn how it may impact your body temperature. Do not interpret or take clinical action based on the predictions made without consultation of a qualified healthcare professional. This feature is not intended for users under 18 years of age.</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-ring/images/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"/> </button> </li> <li role="listitem" data-sup="sup-9" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Auto Workout Detection must be turned on in Settings. Available only with walking and running.</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-ring/images/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"/> </button> </li> <li role="listitem" data-sup="sup-10" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">For sizes 12 and 13; up to 6 days for smaller sizes. 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-ring/images/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"/> </button> </li> <li role="listitem" data-sup="sup-11" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Sample rings included in the Galaxy Ring Sizing Kit are for measuring Galaxy Ring size only.</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-ring/images/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"/> </button> </li> <li role="listitem" data-sup="sup-12" class="common-bottom-disclaimer__list-item"> <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-ring/images/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"/> </button> </li> <li role="listitem" data-sup="sup-13" class="common-bottom-disclaimer__list-item"> <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-ring/images/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"/> </button> </li> <li role="listitem" data-sup="sup-14" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Require compatible Samsung phone, Samsung Health app and Samsung account.</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-ring/images/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://image-us.samsung.com/us/galaxy-ring/images/galaxy-ring-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>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> <br/> <li role="listitem" class="common-bottom-disclaimer__list-item" style="list-style: none;margin-left: -15px;"> <span class="text_disclaimer"><sup>F</sup>1/1/25 - 3/30/25, while supplies last, order and purchase a Galaxy Ring ("Qualifying Purchase") and receive a sizing kit on us ($9.99) (“Promotional Product”). Promotional Product band size must be selected by the customer in the same transaction of Qualifying Purchase at the time of order in the Galaxy Ring buy page. The Promotional Product is limited to 1 per Qualifying Purchase. If you return or cancel your Qualifying purchase, you must return the Promotional Product with your Qualifying purchase or pay for the Promotional Product in full. Void where prohibited or restricted by law.</span> </li>  </ol> </div> </div> </div> </div>  <div class="features-fashion-week-popup js-howto-popup" role="dialog" aria-modal="true" aria-labelledby="youtube-popup-title" tabindex="-1" aria-hidden="true"> <div class="features-howto-popup__inner js-bg-img"> <div class="features-howto-popup__close-wrap"> <button type="button" class="features-howto-popup__close js-howto-popup-close-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-ring:features:how-to-popup:lypu-close:close" ga-ca="content click" ga-ac="feature" ga-la="galaxy-ring:features:how-to-popup:lypu-close:close"> <span class="blind">close</span> </button> </div> <div class="features-howto-popup__content"> <div class="features-howto-popup__iframe"> <iframe allowfullscreen allow="autoplay" title="" src="" tabindex="0" aria-hidden="false"></iframe> <span class="blind js-howto-popup-youtube-desc"></span> </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: 0.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 - 0.5 : s % y, c = a ? (v * l) / y - 0.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({}, 0.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 > 0.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 >= -0.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 > -0.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 >= 0.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 < 0.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: 0.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 - 0.5 : s % y, c = a ? (v * l) / y - 0.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 >= -0.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 > -0.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 || 0.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 || 0.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 >= -0.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 > -0.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 : -0.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 * 0.25) / (a ? 0.5 : s[h] || 0.5)), (m = f - ((p = f - (f - u) * (a ? 0.5 * r : 0 !== y ? T / y : 0)) + ((((d = f + (c - f) * (a ? 0.5 * r : 0 !== v ? T / v : 0)) - p) * ((3 * y) / (y + v) + 0.5)) / 4 || 0)))) : (m = f - ((p = f - (f - u) * r * 0.5) + (d = f + (c - f) * r * 0.5)) / 2), (p += m), (d += m), ($.c = _ = p), ($.b = 0 !== h ? w : (w = $.a + 0.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 + 0.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[$]) > 0.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 > -0.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 < 0.5 ? i : 3 * t < 2 ? e + (i - e) * (2 / 3 - t) * 6 : e) + 0.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 <= 0.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 > 0.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 + 0.5) | 0), (i[1] = (100 * o + 0.5) | 0), (i[2] = (100 * l + 0.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 > -0.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 ? -0.5 : 0.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) + 0.5) | 0) / 1e5), (c.scaleY = ((1e5 * Math.sqrt(O * O + S * S) + 0.5) | 0) / 1e5), (c.scaleZ = ((1e5 * Math.sqrt(R * R + C * C + A * A) + 0.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] > -0.00002 && (c[a] = 0); } return ( s && ((t._gsTransform = c), c.svg && (t3 && t.style[tD] ? e.delayedCall(0.001, function () { tV(t.style, tD); }) : !t3 && t.getAttribute("transform") && e.delayedCall(0.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 * 0.01 : s.ox) - p / 2) - (c * a + ($ = (s.oyp ? d * s.oy * 0.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 += 0.01 * x.xPercent * m.width), (A += 0.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 < -0.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) || -0.000001 === this._tween._rawPrevTime ) for (; r;) { if ( ((e = r.c * t + r.s), r.r ? (e = r.r(e)) : e < 1e-6 && e > -0.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 < -0.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 ? 0.5 * t * t * ((this._p2 + 1) * t - this._p2) : 0.5 * ((t -= 2) * t * ((this._p2 + 1) * t + this._p2) + 2); }) ), m = h( "easing.SlowMo", function (t, e, i) { (e = e || 0 === e ? e : 0.7), null == t ? (t = 0.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 + (0.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(0.7, 0.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 = 0.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 ? 0.4 * e.strength : 0.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 < 0.5 ? (n = 2 * i) * n * 0.5 * _ : (n = 2 * (1 - i)) * n * 0.5 * _), p ? (s += Math.random() * r - 0.5 * r) : c % 2 ? (s += 0.5 * r) : (s -= 0.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 + 0.75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375 : 7.5625 * (t -= 2.625 / 2.75) * t + 0.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 + 0.75) : t < 2.5 / 2.75 ? 1 - (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) : 1 - (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375); }), u("BounceInOut", function (t) { var e = t < 0.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 + 0.75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375 : 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375), e ? 0.5 * (1 - t) : 0.5 * t + 0.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 ? -0.5 * (Math.sqrt(1 - t * t) - 1) : 0.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 ); }, 0.3 ), r( "ElasticIn", function (t) { return ( -this._p1 * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - this._p3) * this._p2) ); }, 0.3 ), r( "ElasticInOut", function (t) { return (t *= 2) < 1 ? -( this._p1 * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - this._p3) * this._p2) * 0.5 ) : this._p1 * Math.pow(2, -10 * (t -= 1)) * Math.sin((t - this._p3) * this._p2) * 0.5 + 1; }, 0.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)) - 0.001; }), u("ExpoInOut", function (t) { return (t *= 2) < 1 ? 0.5 * Math.pow(2, 10 * (t - 1)) : 0.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 -0.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 < 0.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 < 0.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 ? 0.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 = -0.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 > -0.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 >= -0.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 > -0.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 >= 0.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 < 0.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 && -0.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 && -0.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 = -0.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) < 0.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 = 0.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: 0.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: 0.5, longSwipesMs: 300, followFinger: !0, allowTouchMove: !0, threshold: 0, touchMoveStopPropagation: !1, touchStartPreventDefault: !0, touchStartForcePreventDefault: !1, touchReleaseOnEdges: !1, uniqueNavElements: !0, resistance: !0, resistanceRatio: 0.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 ? 0.8 : 0.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, 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, 0.5)), i.scale < t.minRatio && (i.scale = t.minRatio + 1 - Math.pow(t.minRatio - i.scale + 1, 0.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, 0.8)), s.currentX > s.maxX && (s.currentX = s.maxX - 1 + Math.pow(s.currentX - s.maxX + 1, 0.8)), s.currentY < s.minY && (s.currentY = s.minY + 1 - Math.pow(s.minY - s.currentY + 1, 0.8)), s.currentY > s.maxY && (s.currentY = s.maxY - 1 + Math.pow(s.currentY - s.maxY + 1, 0.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) < 0.001 && (T = 0), Math.abs(x) < 0.001 && (x = 0), Math.abs(y) < 0.001 && (y = 0), Math.abs(b) < 0.001 && (b = 0), Math.abs(w) < 0.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: 0.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) { 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 (scrollSize <= 0) { scrollSize = 0; } else if (scrollSize >= maxScrollSize) { scrollSize = maxScrollSize; } }, }; return { init: init, destroy: destroy, }; }; return { scrollController: scrollController, }; })(); ("use strict"); window.RING = window.RING || {}; 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; let 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 () { var barWidth = this.barWidth(); this.el.removeClass(this.className); // NOTE : standard pd 템플릿 대응 this.el.removeClass("hive-layer-scroll-lock"); this.run(0); }, on: function () { var barWidth = this.barWidth(); this.el.addClass(this.className); this.run(barWidth); }, }, }, MIN_VIEW_HEIGHT: 400, RESPONSIVE: { PC: { NAME: "pc", WIDTH: 1440, }, TABLET: { NAME: "tablet", WIDTH: 1024, }, MOBILE: { NAME: "mobile", WIDTH: 767, }, }, }; })(); RING.UTILS = UTILS; (function () { "use strict"; window.RING = window.RING || {}; const UTILS = RING.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); } } } RING.ImageLoader = ImageLoader; })(); (function () { "use strict"; window.RING = window.RING || {}; const UTILS = RING.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(videoTarget) { const playVideo = (videoElement) => { const video = videoElement.querySelector("video"); const videoSrc = videoElement.getAttribute( this.targetAttr ); 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 } ); }; if (videoTarget) { for (let i = 0; i < videoTarget.length; i++) { const videoElement = videoTarget[i]; playVideo(videoElement); } } else { for (let i = 0; i < this.responsiveLength; i++) { const videoElement = this.responsiveVideos[i]; if ( videoElement.classList.contains( this.classes.loaded ) && videoElement.isVideoInit ) { playVideo(videoElement); } } } } 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; } } RING.VideoLoader = VideoLoader; })(); (function () { "use strict"; window.RING = window.RING || {}; const UTILS = RING.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); } } RING.VideoPlayer = VideoPlayer; })(); (function () { "use strict"; window.RING = window.RING || {}; const Disclaimer = (function () { const self = {}; let currDevice = false, prevDevice = null, currentSup = null; const init = function () { 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 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.RING.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.RING.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" ); }); } }); }, 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 (global, factory) { global = global; global.HiveLayer = factory(); })(window, function () { "use strict"; var HiveLayer = (function () { var win = window, $ = win.jQuery, doc = win.document, Util = win.RING.UTILS, hasLayer = []; function HiveLayer(container, args) { if (!(this instanceof HiveLayer)) { return new HiveLayer(container, args); } var defParams = { effect: "fade", // Could be 'default', 'fade', 'slide', 'flip', 'slide2' layerWrapElements: container, layerBody: ".cm-layer__body", layerElements: ".cm-layer__wrapper", openerElements: ".js-layer-opener", closerElements: ".js-layer-closer", dimmedElements: ".cm-layer__dimmed", classAttr: { htmlToggle: "is-layer-open", isAsync: "is-async", }, focusOutObj: { CSS: { overflow: "hidden", position: "absolute", left: 0, top: 0, "z-index": -1, width: 1, height: 1, "font-size": "1px", "line-height": 0, }, }, customEvent: ".HiveLayer" + new Date().getTime() + Math.random(), openerTarget: null, useOutside: false, useEscape: true, useCloseFocus: true, useScrollLock: true, useTrapFocus: true, flip: { CLASS: "hive-layer-flip", direction: "horizontal", // Could be 'horizontal', 'vertical' rotateStart: 90, rotateEnd: 0, }, customToggle: false, dimmedDuration: 250, fps: 120, easing: "swing", duration: 250, on: { buildTools: null, layerMove: null, layerOpenBefore: null, layerOpenAfter: null, layerCloseBefore: null, layerCloseAfter: null, }, ariaNotHidden: [], }; if ( !(this.layerWrap = defParams.layerWrapElements) .length ) return; this.layerWrap = $(defParams.layerWrapElements); this.opts = Util.def(defParams, args || {}); this.init(); } HiveLayer.prototype = { init: function () { this.initOpts(); this.setElements(); this.initLayout(); this.buildTween(); this.buildTrapFocus(); this.bindEvents(true); this.layerWrap.data("HiveLayer", this); }, initOpts: function () { this.layerWrapInstance = "#" + this.layerWrap.attr("id"); if ( !this.opts.isSupportTransition && this.opts.effect === "flip" ) { this.opts.effect = "default"; } if (this.opts.effect == "custom") { this.opts.effect = "default"; this.opts.customToggle = true; } }, setElements: function () { this.layerBody = this.layerWrap.find( this.opts.layerBody ); this.layerObj = this.layerWrap.find( this.opts.layerElements ); this.closerObj = this.layerWrap.find( this.opts.closerElements ); this.dimmedObj = this.layerWrap.find( this.opts.dimmedElements ); }, initLayout: function () { if (this.opts.effect === "slide") { this.dimmedObj.hide(); this.layerObj.hide(); } else if (this.opts.effect === "flip") { var fDirection = this.opts.flip.direction; if (fDirection !== "vertical") { this.opts.flip.cssD = "rotateY"; } else { this.opts.flip.cssD = "rotateX"; } this.dimmedObj.hide(); this.layerObj.hide(); this.layerWrap.addClass(this.opts.flip.CLASS); } }, buildTween: function () { Util.def(this, { tweens: { instance: [], kill: $.proxy(function () { for ( var i = 0, max = this.tweens.instance.length; i < max; i++ ) { this.tweens.instance[i].kill(); } this.tweens.instance = []; }, this), }, }); }, buildTrapFocus: function () { if (!this.opts.useTrapFocus) return; Util.def(this, { trapfocus: { instance: null, destroy: $.proxy(function () { if (this.trapfocus.instance == null) return; this.trapfocus.instance.destroy(); this.trapfocus.instance = null; }, this), build: $.proxy(function () { if (this.trapfocus.instance !== null) return; this.trapfocus.instance = new TrapFocus( this.layerObj, { ariaNotHidden: this.opts.ariaNotHidden } ); }, this), }, }); }, bindEvents: function (type) { if (type) { $(doc).on( "click clickCustom", this.opts.openerElements + '[data-layer-target="' + this.layerWrapInstance + '"]', $.proxy(this.onLayerOpen, this) ); this.layerWrap.on( "openLayer", $.proxy(this.onLayerOpen, this) ); this.closerObj.on( "mousedown click clickCustom", $.proxy(this.onLayerClose, this) ); this.layerWrap.on( "layerSetOptions", $.proxy(this.setOptions, this) ); if (this.opts.useEscape) { this.layerObj.on( "keydown", $.proxy(this.onEscapeClose, this) ); } } else { $(doc).off("click clickCustom"); this.layerWrap.off("openLayer"); this.closerObj.off("mousedown click clickCustom"); this.layerWrap.off("layerSetOptions"); if (this.opts.useEscape) { this.layerObj.off("keydown"); } } }, bindOutsideEvents: function (type) { if (!this.opts.useOutside) return; if (type) { this.layerObj.on( "clickoutside touchendoutside", $.proxy(this.onLayerOutsideFunc, this) ); } else { this.layerObj.off("clickoutside touchendoutside"); } }, bindCloseEvents: function (type) { if (type) { this.layerWrap.on( "closeLayer", $.proxy(this.closeLayer, this) ); } else { this.layerWrap.off("closeLayer"); } }, setOptions: function (e, data) { Util.def(this.opts, data || {}); if (data.customToggle) { this.opts.effect = "default"; } }, setScrollLock: function (type) { if (!this.opts.useScrollLock) return; if (type) { Util.page.scrollLock.on(); } else { Util.page.scrollLock.off(); } $("html").toggleClass( this.opts.classAttr.htmlToggle, type ); }, onLayerOpen: function (e) { e.preventDefault(); setTimeout(() => { this.dimmedObj.on( "mousedown click clickCustom", $.proxy(this.onLayerClose, this) ); }, 500); if ( e.type === "click" || e.type === "clickCustom" ) { this.opts.openerTarget = $(e.currentTarget); } if (e.type === "click") { if ( this.opts.openerTarget.hasClass( this.opts.classAttr.isAsync ) ) return; } this.layerViewType = "open"; hasLayer.push({ POPUPWRAP: this.layerWrap, }); if ( document.querySelector("html.load div#header") ) { document.querySelector( "html.load div#header" ).style.opacity = 0; document.querySelector( "html.load div#header" ).style.pointerEvents = "none"; } this.setScrollLock(true); this.bindCloseEvents(true); if (this.opts.effect === "default") { if (!this.opts.customToggle) { this.layerWrap.css({ opacity: 0, display: "block", }); this.outCallback("layerOpenBefore"); this.outCallback("buildTools"); this.layerWrap.css("opacity", ""); this.openAfterBugFunc(); } else { this.outCallback("layerOpenBefore"); } } else if (this.opts.effect === "fade") { this.layerWrap.css({ opacity: 0, display: "block", }); this.outCallback("layerOpenBefore"); TweenLite.set(this.layerBody, { opacity: 0, scale: 1, overflow: "hidden", }); this.outCallback("buildTools"); var step1 = TweenLite.to( this.layerWrap, this.opts.duration / 1000, { opacity: 1, onComplete: $.proxy(function () { var step2 = TweenLite.to( this.layerBody, 0.25, { ease: Expo.easeOut, opacity: 1, scale: 1, onComplete: $.proxy(function () { this.layerBody.css({ overflow: "", transform: "", }); this.openAfterBugFunc(); }, this), } ); this.tweens.instance.push(step2); }, this), } ); this.tweens.instance.push(step1); } else if (this.opts.effect === "slide") { var speed = 1; TweenLite.set(this.dimmedObj, { display: "block", opacity: 0, }); TweenLite.set(this.layerWrap, { display: "block", }); TweenLite.set(this.layerBody, { overflow: "hidden", }); TweenLite.set(this.layerObj, { display: "", y: -Util.winSize().h, }); TweenLite.set(this.layerObj, { display: "", }); this.outCallback("layerOpenBefore"); var step1 = TweenLite.to(this.dimmedObj, speed, { opacity: 0.9, }); var step2 = TweenLite.to(this.layerObj, speed, { y: 0, onComplete: $.proxy(function () { this.outCallback("buildTools"); this.layerBody.css({ overflow: "", }); this.layerObj.css({ transform: "", }); this.openAfterBugFunc(); }, this), }); this.tweens.instance.push(step1); this.tweens.instance.push(step2); } else if (this.opts.effect === "slide2") { var speed = 0.6; TweenLite.set(this.dimmedObj, { display: "block", opacity: 0, }); TweenLite.set(this.layerWrap, { display: "block", }); TweenLite.set(this.layerObj, { display: "", y: Util.winSize().h, }); TweenLite.set(this.layerObj, { display: "", }); this.outCallback("layerOpenBefore"); var step1 = TweenLite.to(this.dimmedObj, speed, { opacity: 0.9, }); var step2 = TweenLite.to(this.layerObj, speed, { y: 0, onComplete: $.proxy(function () { this.outCallback("buildTools"); this.layerBody.css({ overflow: "", }); this.layerObj.css({ transform: "", }); this.openAfterBugFunc(); }, this), }); this.tweens.instance.push(step1); this.tweens.instance.push(step2); } else if (this.opts.effect === "flip") { var moveDistance = this.opts.flip.rotateEnd - this.opts.flip.rotateStart, moveOneStep = (moveDistance / this.opts.duration) * (1000 / this.opts.fps), currentStep = 0; this.opts.flip.moveData = { startDistance: this.opts.flip.rotateStart, endDistance: this.opts.flip.rotateEnd, moveDistance: moveDistance, moveOneStep: moveOneStep, currentStep: currentStep, }; this.layerWrap.show(); this.dimmedObj.fadeIn( this.opts.dimmedDuration, $.proxy(function () { this.outCallback("layerOpenBefore"); this.outCallback("buildTools"); this.layerObj.show(); this.initStep(this.opts.flip.moveData); this.flipFunc(); }, this) ); win.setTimeout( $.proxy(function () { this.outCallback("buildTools"); }, this), 30 ); } }, initStep: function (data) { this.opts.stepTimeOld = new Date(); this.direction = data.startDistance > data.moveDistance ? "toNext" : "toPrev"; this.condition = this.direction === "toNext" ? data.currentStep > data.moveDistance : data.currentStep < data.moveDistance; }, moveStep: function (data) { this.opts.stepTimeNew = new Date(); this.opts.remaining = Math.max( 0, this.opts.stepTimeOld - this.opts.stepTimeNew + this.opts.duration ); var temp = this.opts.remaining / this.opts.duration || 0, percent = 1 - temp, eased = $.easing[this.opts.easing]( percent, this.opts.duration * percent, 0, 1, this.opts.duration ); data.currentStep = (data.endDistance - data.startDistance) * eased; }, flipFunc: function () { var data = this.opts.flip.moveData; this.moveStep(data); if (this.condition) { win.clearTimeout(this.stepTimeout); this.stepTimeout = win.setTimeout( $.proxy(function () { this.flipFunc(); }, this), 1000 / this.opts.fps ); this.condition = this.direction === "toNext" ? data.currentStep > data.moveDistance : data.currentStep < data.moveDistance; this.outCallback( "layerMove", data.currentStep, data ); } else { this.opts.remaining = this.opts.duration; if ( this.layerViewType === "close" || !this.layerViewType ) { this.closeAfterBugFunc(); this.dimmedObj.fadeOut( this.opts.dimmedDuration, $.proxy(function () { this.layerWrap.hide(); this.layerObj.hide(); }, this) ); } else { this.openAfterBugFunc(); } } var movePosition = data.startDistance + data.currentStep; this.layerObj.css({ transform: this.opts.flip.cssD + "(" + movePosition + "deg)", }); }, onLayerOpenAfter: function () { if (this.trapfocus) { this.trapfocus.build(); } this.bindOutsideEvents(true); this.outCallback("layerOpenAfter"); }, openAfterBugFunc: function () { win.clearTimeout(this.openAfterTimeout); this.openAfterTimeout = win.setTimeout( $.proxy(this.onLayerOpenAfter, this), 30 ); }, onLayerClose: function (e) { var _target = $(e.currentTarget); if (e.type === "mousedown") { if (!Util.isDevice) { e.stopPropagation(); this.opts.useCloseFocus = false; } } else if ( e.type === "click" || e.type === "clickCustom" ) { e.preventDefault(); if (e.type === "click") { if ( _target.hasClass(this.opts.classAttr.isAsync) ) return; } this.layerWrap.trigger("closeLayer"); this.dimmedObj.off("mousedown click clickCustom"); } }, closeLayer: function () { this.closeType = arguments[1]; this.layerViewType = "close"; this.outCallback("layerCloseBefore"); this.popupOpenPropsControl(); this.setScrollLock(false); if (this.trapfocus) { this.trapfocus.destroy(); } if ( document.querySelector("html.load div#header") ) { document.querySelector( "html.load div#header" ).style.opacity = 1; document.querySelector( "html.load div#header" ).style.pointerEvents = "unset"; } win.clearTimeout(this.closeBeforeTimeout); this.closeBeforeTimeout = win.setTimeout( $.proxy(this.closeBeforeBugFunc, this), 30 ); this.bindOutsideEvents(false); }, onEscapeClose: function (e) { var keyCode = e.which || e.keyCode; if (keyCode !== 27) return; this.layerWrap.trigger("closeLayer"); }, onLayerOutsideFunc: function () { this.layerWrap.trigger("closeLayer"); }, closeBeforeBugFunc: function () { if (this.opts.effect === "default") { if (!this.opts.customToggle) { this.layerWrap.stop(true, true).hide(); } this.closeAfterBugFunc(); } else if (this.opts.effect === "fade") { var step1 = TweenLite.to( this.layerBody, this.opts.duration / 1000, { overflow: "hidden", opacity: 0, scale: 1, onComplete: $.proxy(function () { this.layerBody.css("overflow", ""); var step2 = TweenLite.to( this.layerWrap, this.opts.duration / 1000, { opacity: 0, display: "none", onComplete: $.proxy( this.closeAfterBugFunc, this ), } ); this.tweens.instance.push(step2); }, this), } ); this.tweens.instance.push(step1); } else if (this.opts.effect === "slide") { var speed = 1; TweenLite.set(this.layerBody, { overflow: "hidden", }); var step1 = TweenLite.to(this.dimmedObj, speed, { opacity: 0, }); var step2 = TweenLite.to(this.layerObj, speed, { y: -Util.winSize().h, onComplete: $.proxy(function () { this.closeAfterBugFunc(); this.dimmedObj.hide(); this.layerWrap.hide(); this.layerBody.css("overflow", ""); this.layerObj.hide(); }, this), }); this.tweens.instance.push(step1); this.tweens.instance.push(step2); } else if (this.opts.effect === "slide2") { var speed = 0.5; var step1 = TweenLite.to(this.dimmedObj, speed, { opacity: 0, }); var step2 = TweenLite.to(this.layerObj, speed, { y: Util.winSize().h, onComplete: $.proxy(function () { this.closeAfterBugFunc(); this.dimmedObj.hide(); this.layerWrap.hide(); this.layerBody.css("overflow", ""); this.layerObj.hide(); }, this), }); this.tweens.instance.push(step1); this.tweens.instance.push(step2); } else if (this.opts.effect === "flip") { var moveDistance = -this.opts.flip.rotateStart - this.opts.flip.rotateEnd, moveOneStep = (moveDistance / this.opts.duration) * (1000 / this.opts.fps), currentStep = 0; this.opts.flip.moveData = { startDistance: this.opts.flip.rotateEnd, endDistance: -this.opts.flip.rotateStart, moveDistance: moveDistance, moveOneStep: moveOneStep, currentStep: currentStep, }; this.initStep(this.opts.flip.moveData); this.flipFunc(); } }, closeAfterBugFunc: function () { win.clearTimeout(this.closeAfterTimeout); this.closeAfterTimeout = win.setTimeout( $.proxy(this.onLayerCloseAfter, this), 30 ); }, popupOpenPropsControl: function () { var pluginOpenPropDatas = hasLayer; for ( var openPropsMin = 0, openPropsMax = pluginOpenPropDatas.length; openPropsMin < openPropsMax; openPropsMin++ ) { var pluginOpenPropData = pluginOpenPropDatas[openPropsMin], pluginPopupWrap = pluginOpenPropData["POPUPWRAP"][0]; if (pluginPopupWrap === this.layerWrap[0]) { pluginOpenPropDatas[openPropsMin] = null; } } for ( var delPropsMin = 0, delPropsMax = pluginOpenPropDatas.length; delPropsMin < delPropsMax; delPropsMax-- ) { var pluginDelPropData = pluginOpenPropDatas[delPropsMax - 1]; if (pluginDelPropData === null) { pluginOpenPropDatas.splice(delPropsMax - 1, 1); } } }, onLayerCloseAfter: function () { if (this.opts.openerTarget !== null) { if (this.closeType !== false) { this.opts.openerTarget.focus(); } this.opts.openerTarget = null; } this.opts.useCloseFocus = true; this.bindCloseEvents(false); this.outCallback("layerCloseAfter"); }, outCallback: function (ing) { var callbackObj = this.opts.on[ing]; if (ing === "layerMove") { this.layerWrap.trigger( ing, arguments[1], arguments[2], this ); } else { this.layerWrap.trigger(ing, this); } if (callbackObj == null) return; if (ing === "layerMove") { callbackObj(arguments[1], arguments[2], this); } else { callbackObj(this); } }, styleDestroy: function () { this.dimmedObj.attr("style", ""); this.layerWrap.attr("style", ""); this.layerBody.attr("style", ""); this.layerObj.attr("style", ""); }, destroy: function () { this.tweens.kill(); if (this.trapfocus) { this.trapfocus.destroy(); } this.styleDestroy(); this.bindEvents(false); this.bindOutsideEvents(false); this.bindCloseEvents(false); }, }; return HiveLayer; })(); return HiveLayer; }); (function () { "use strict"; window.RING = window.RING || {}; const UTILS = RING.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; 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; let destYPos = 0; 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(); }); } } onScrollHandler() { this.winOffsetTop = window.pageYOffset; var winOffsetMiddle = (window.innerHeight + UTILS.getNavHeight()) / 2; this.visSections.forEach((visSection) => { var visibleRect = visSection.getBoundingClientRect(); var visibleTop = this.winOffsetTop + visibleRect.top; var visibleBottom = this.winOffsetTop + visibleRect.bottom; if ( this.winOffsetTop + winOffsetMiddle >= visibleTop && this.winOffsetTop + winOffsetMiddle <= visibleBottom ) { var visIndex = visSection.dataset.visIndex; 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 ); } } RING.SubNav = SubNav; })(); (function () { "use strict"; window.RING = window.RING || {}; class CardCarousel { constructor(section, opts = {}) { this.swiper = null; this.opts = { pagination: { tagging: { "data-omni-type": "microsite_pcontentinter", "data-omni": "galaxy-ring:carousel:index:", "an-tr": "galaxy-ring:carousel:index:", "an-ca": "indication", "an-ac": "carousel", "an-la": "galaxy-ring:carousel:index:", }, }, resizeTimeout: null, currentDevice: null, prevDevice: null, currentIndex: 0, clickTimeout: null, centeredSlides: false, useNavigation: false, ...opts, }; this.selector = { section, swiper: ".common__carousel", swiperSlide: ".swiper-slide", swiperTitle: ".common__blind-carousel", swiperPagination: ".swiper-pagination", swiperNavigation: ".swiper-arrow-wrap", prevArrow: ".swiper-button-prev", nextArrow: ".swiper-button-next", }; this.class = { featureHide: "is-feature-hide", }; this.el = { section: document.querySelector(this.selector.section) || null, swiper: null, swiperSlide: null, swiperTitle: null, swiperPagination: null, swiperNavigation: null, prevArrow: null, nextArrow: null, }; this.events = { load: this.onLoadHandler.bind(this), resize: this.onResizeHandler.bind(this), prevArrow: this.onClickPrevArrow.bind(this), nextArrow: this.onClickNextArrow.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.swiper = this.el.section.querySelector( this.selector.swiper ); this.el.swiperSlides = this.el.section.querySelectorAll( this.selector.swiperSlide ); this.el.swiperPagination = this.el.section.querySelector( this.selector.swiperPagination ); this.el.swiperTitle = this.el.section.querySelector( this.selector.swiperTitle ); } bindEvents() { window.addEventListener("load", this.events.load); window.addEventListener("resize", this.events.resize); } onLoadHandler() { this.events.resize(); window.removeEventListener("load", this.events.load); } onResizeHandler() { this.opts.currentDevice = innerWidth > 767 ? "desktop" : "mobile"; if ( this.opts.currentDevice !== this.opts.prevDevice ) { this.onResponsiveChange(); this.opts.prevDevice = this.opts.currentDevice; } } onResponsiveChange() { this.destroySwiper(); if (this.opts.currentDevice === "mobile") this.setSwiper(); } updateA11ySwiper() { if (this.swiper === null) return; Array.from(this.swiper.slides).forEach((slide) => { slide.setAttribute("aria-hidden", true); }); if (this.opts.currentDevice === "mobile") { this.swiper.slides[ this.opts.currentIndex ].setAttribute("aria-hidden", false); } } destroyA11ySwiper() { if (this.opts.currentDevice === "desktop") { Array.from(this.el.swiperSlides).forEach( (slide) => { slide.removeAttribute("aria-hidden"); } ); } } onTransitionStart() { this.opts.currentIndex = this.swiper.snapIndex; this.updateA11ySwiper(); } onInitSwiper() { this.opts.currentIndex = 0; this.onTransitionStart(); this.updateA11ySwiper(); this.setPaginationLabel(); const bullets = this.swiper.pagination.bullets; const _this = this; if ( typeof bullets !== "undefined" && bullets.length > 0 ) { Array.from(bullets).forEach((bullet, index) => { bullet.addEventListener("click", function (e) { e.preventDefault(); e.stopImmediatePropagation(); _this.swiper.slideTo(index); }); }); } } onSlideChange() { this.setPaginationLabel(); if (this.opts.useNavigation) { this.setNavigation(); this.setNavigationClass(); } } destroySwiper() { if (this.swiper !== null) { this.destroyA11ySwiper(); this.swiper.destroy(true, true); this.swiper = null; } } setSwiper() { if (this.swiper !== null) return; const _this = this; const swiperOpts = { init: false, a11y: false, slidesPerView: "auto", centeredSlides: this.opts.centeredSlides, pagination: { el: _this.el.swiperPagination, renderBullet: function (index) { const tagging = _this.opts.pagination.tagging; return ` <li role="listitem"> <button class="swiper-pagination-bullet" role="button" data-omni-type="${tagging["data-omni-type"]}" data-omni="${tagging["data-omni"]}${index + 1}" an-tr="${tagging["an-tr"]}${index + 1}" an-ca="${tagging["an-ca"]}" an-ac="${tagging["an-ac"]}" an-la="${tagging["an-la"]}${index + 1}"></button> </li> `; }, }, }; this.swiper = new Swiper(this.el.swiper, swiperOpts); this.swiper.on( "transitionStart", this.onTransitionStart.bind(this) ); this.swiper.on( "snapIndexChange", this.onSlideChange.bind(this) ); this.swiper.on("init", this.onInitSwiper.bind(this)); this.swiper.init(); } setPaginationLabel() { if (this.swiper === null) return; const bullets = this.swiper.pagination.bullets; if ( typeof bullets !== "undefined" && bullets.length > 0 ) { Array.from(bullets).forEach((bullet, index) => { const isActive = bullet.classList.contains( "swiper-pagination-bullet-active" ); const slideTitle = this.el.swiperTitle?.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 (isActive) { bullet.setAttribute( "aria-label", `${localSlide}${index + 1 }: ${slideTitle} ${localSelected}` ); } else { bullet.setAttribute( "aria-label", `${localSlide}${index + 1}: ${slideTitle}` ); } } else { if (isActive) { bullet.setAttribute( "aria-label", `Slide${index + 1}: ${slideTitle} selected` ); } else { bullet.setAttribute( "aria-label", `Slide${index + 1}: ${slideTitle}` ); } } }); } } setNavigation() { const navigation = this.el.section.querySelector( this.selector.swiperNavigation ); this.el.prevArrow = navigation.querySelector( this.selector.prevArrow ); this.el.nextArrow = navigation.querySelector( this.selector.nextArrow ); this.el.prevArrow.addEventListener( "click", this.events.prevArrow ); this.el.nextArrow.addEventListener( "click", this.events.nextArrow ); } setNavigationClass() { if (this.swiper === null) return; this.el.nextArrow.classList.remove( "swiper-button-disabled" ); this.el.prevArrow.classList.remove( "swiper-button-disabled" ); const activeIndex = this.swiper.snapIndex; if (activeIndex === 0) { this.el.prevArrow.classList.add( "swiper-button-disabled" ); } if (activeIndex === this.swiper.snapGrid.length - 1) { this.el.nextArrow.classList.add( "swiper-button-disabled" ); } } onClickPrevArrow() { if (this.swiper === null) return; const activeIndex = this.swiper.snapIndex - 1; if (activeIndex === 0) { setTimeout(() => { this.el.nextArrow.focus(); }, 100); } this.swiper.slideTo(activeIndex); } onClickNextArrow() { if (this.swiper === null) return; const activeIndex = this.swiper.snapIndex + 1; if (activeIndex === this.swiper.snapGrid.length - 1) { setTimeout(() => { this.el.prevArrow.focus(); }, 100); } this.swiper.slideTo(activeIndex); } } RING.CardCarousel = CardCarousel; })(); (function () { "use strict"; window.RING = window.RING || {}; const trackCarousel = (function () { let els = {}, objs = {}, status = { prevIndex: 0, isAuto: true, }; const init = function () { els.section = document.querySelector(".highlights-ai"); if (!!els.section) { setElements(); bindEvents(); } }; const setElements = function () { // swiper els.swiperContainer = els.section.querySelector(".swiper-container"); els.nextArrow = els.section.querySelector( ".swiper-button-next" ); els.prevArrow = els.section.querySelector( ".swiper-button-prev" ); els.pagination = els.section.querySelector(".swiper-pagination"); }; const bindEvents = function () { eventHandler.load(); eventHandler.click(); }; const eventHandler = { load: function () { window.addEventListener( "DOMContentLoaded", eventList.onLoad, { once: true, } ); }, scroll: function () { window.addEventListener("scroll", eventList.scroll); }, click: function () { // for (let i = 0; i < els.videoControlCta.length; i++) { // els.videoControlCta[i].addEventListener('click', eventList.setVideoStatus); // } els.nextArrow.addEventListener( "click", eventList.setArrowFocus ); els.nextArrow.addEventListener( "keydown", eventList.setArrowFocus ); els.prevArrow.addEventListener( "click", eventList.setArrowFocus ); els.prevArrow.addEventListener( "keydown", eventList.setArrowFocus ); }, }; const eventList = { swiper: { set: function () { if (objs.swiper == null) { objs.swiper = new Swiper(els.swiperContainer, { init: false, speed: 500, navigation: { nextEl: els.nextArrow, prevEl: els.prevArrow, }, pagination: { el: els.pagination, type: "bullets", renderBullet: function () { return '<li role="listitem"><button type="button" class="swiper-pagination-bullet"></button></li>'; }, }, }); } }, init: function () { let notification = this.el.querySelector( ".swiper-notification" ); this.el.removeChild(notification); els.nextArrow.removeAttribute("aria-label"); els.nextArrow.removeAttribute("role"); els.prevArrow.removeAttribute("aria-label"); els.prevArrow.removeAttribute("role"); objs.swiper.on( "slideChange", eventList.swiper.slideChange ); objs.swiper.on( "transitionEnd", eventList.swiper.transitionEnd ); objs.swiper.on( "touchMove", eventList.swiper.touchMove ); objs.swiper.on( "touchEnd", eventList.swiper.touchEnd ); els.bullets = objs.swiper.pagination.bullets; for (let i = 0; i < els.bullets.length; i++) { els.bullets[i].addEventListener( "click", function () { objs.swiper.slideTo(i); } ); } accessibility.pagination.label(); accessibility.pagination.tagging(); }, slideChange: function () { let activeIndex = objs.swiper.activeIndex; let nextIndex = activeIndex == objs.swiper.slides.length - 1 ? null : activeIndex + 1; // set autoplay if ( objs.swiper.activeIndex == objs.swiper.slides.length - 1 ) status.isLast = true; accessibility.pagination.label(); status.prevIndex = activeIndex; }, transitionEnd: function () { // let activeController = objs[`video_${objs.swiper.activeIndex}`].controller; let isArrow = document.activeElement.classList.contains( "swiper-button-next" ) || document.activeElement.classList.contains( "swiper-button-prev" ); let isBullet = document.activeElement.classList.contains( "swiper-pagination-bullet" ); if (!!isArrow || !!isBullet) return; }, touchMove: function () { objs.swiper.off( "transitionEnd", eventList.swiper.transitionEnd ); }, touchEnd: function () { objs.swiper.on( "transitionEnd", eventList.swiper.transitionEnd ); }, }, onLoad: function () { status.currentDevice = this.currentDevice; eventList.swiper.set(); objs.swiper.on("init", eventList.swiper.init); objs.swiper.init(); }, onResize: function (currRes) { status.currentDevice = currRes; }, setArrowFocus: function (e) { status.arrowFocusTimeout = null; if ( (e.type == "keydown" && e.keyCode == 13) || e.type == "click" ) { e.preventDefault(); clearTimeout(status.arrowFocusTimeout); status.arrowFocusTimeout = setTimeout(() => { if ( objs.swiper.isBeginning && !objs.swiper.isEnd ) { els.nextArrow.focus(); } else if ( !objs.swiper.isBeginning && objs.swiper.isEnd ) { els.prevArrow.focus(); } }, 300); } }, }; const accessibility = { pagination: { label: function () { for (let i = 0; i < els.bullets.length; i++) { let slideTitle = objs.swiper.slides[i].getAttribute( "data-slide-name" ); if (i === objs.swiper.realIndex) { if ( typeof LOCAL_VARI != "undefined" && !!LOCAL_VARI ) { els.bullets[i].setAttribute( "aria-label", `Slide${i + 1 }: ${slideTitle} ${LOCAL_VARI.selected.toLowerCase()}` ); } else { els.bullets[i].setAttribute( "aria-label", `Slide${i + 1}: ${slideTitle} selected` ); } } else { els.bullets[i].setAttribute( "aria-label", `Slide${i + 1}: ${slideTitle}` ); } } }, tagging: function () { for (let i = 0; i < els.bullets.length; i++) { let tagging = { "data-omni-type": "microsite_pcontentinter", "data-omni": "galaxy ring:galaxy-ring:stk-bar:page:keep a finger on the pulse:", "an-tr": "nv04_floating navigation-flagship pdp-cta-button", "an-ca": "galaxy ring", "an-ac": "", "an-la": "galaxy ring:galaxy-ring:stk-bar:page:keep a finger on the pulse:", }; Object.keys(tagging).forEach(function (key) { if (key == "data-omni" || key == "an-la" || key == "an-ac") { els.bullets[i].setAttribute( key, tagging[key] + (i + 1) ); } else { els.bullets[i].setAttribute( key, tagging[key] ); } }); } }, }, }; init(); return { init: init, }; })(); RING.trackCarousel = trackCarousel; })(); (function () { "use strict"; window.RING = window.RING || {}; class RingVideoPlayer { constructor(section, opts) { this.opts = { controlTagging: { play: "movi-play", pause: "movi-pause", }, playType: "reverse", playOffset: 0.4, ignoreLazy: false, ...opts, }; this.selector = { section, videoContainer: ".video__container", videoController: ".video__controller", play: ".play", pause: ".pause", }; this.class = { featureHide: "is-feature-hide", }; this.el = { section: document.querySelector(this.selector.section) || null, videoContainer: null, videoPlayer: null, }; this.events = { load: this.onLoadHandler.bind(this), }; this.init(); } init() { if ( this.el.section === null || this.el.section.classList.contains( this.class.featureHide ) ) return; this.setElements(); this.bindEvents(); this.buildVideoPlayer(); } setElements() { this.el.videoContainer = this.el.section.querySelector( this.selector.videoContainer ); } bindEvents() { if (this.opts.ignoreLazy) { window.addEventListener("load", this.events.load); } } onLoadHandler() { const notLoadedVideo = this.el.section.querySelectorAll( ".js-res-video:not(.loaded)" ); this.opts.updateVideoLoader(notLoadedVideo); window.removeEventListener("load", this.events.load); } buildVideoPlayer() { this.el.videoPlayer = { instance: null, build: () => { if (this.el.videoPlayer.instance !== null) return; this.el.videoPlayer.instance = new RING.VideoPlayer(this.el.videoContainer, { sectionElement: this.selector.section, playType: this.opts.playType, playOffset: this.opts.playOffset, on: { updateController: (data) => { 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-tr", `${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(); } } RING.RingVideoPlayer = RingVideoPlayer; })(); (function () { "use strict"; window.RING = window.RING || {}; const UTILS = RING.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": "gring:highlights:catch-the-highlights^titanium:sldr-dots", "an-tr": "gring:highlights:catch-the-highlights^titanium:sldr-dots", "an-ca": "indication", "an-ac": "carousel", "an-la": "gring:highlights:catch-the-highlights^titanium:sldr-dots", }, navigation: { "data-omni-type": "microsite_pcontentinter", "data-omni": "gring:highlights:catch-the-highlights:sldr-arrow:", "an-tr": "gring:highlights:catch-the-highlights:sldr-arrow:", "an-ca": "indication", "an-ac": "carousel", "an-la": "gring:highlights:catch-the-highlights:sldr-arrow:", }, }, taggingIdList: [ "titanium", "galaxy-ai", "sensor", "slim-and-light", ], 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="gring:highlights:catch-the-highlights^${taggingId}:sldr-dots" an-tr="gring:highlights:catch-the-highlights^${taggingId}:sldr-dots" an-ca="${tagging["an-ca"]}" an-ac="${tagging["an-ac"]}" an-la="gring: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" || key == "an-tr") { 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" || key == "an-tr") { 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 = !targetVideo.playState; 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 RING.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", `gring:highlights:catch-the-highlights^${taggingId}:movi-${playState}:#` ); videoController.setAttribute( "an-tr", `gring:highlights:catch-the-highlights^${taggingId}:movi-${playState}:#` ); videoController.setAttribute( "an-la", `gring: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, }); } } } RING.HighlightCarousel = HighlightCarousel; })(); (function () { "use strict"; window.RING = window.RING || {}; class KeyVisual { constructor(section, opts) { this.opts = { ...opts }; this.selector = { section, }; this.class = { featureHide: "is-feature-hide", }; this.el = { section: document.querySelector(this.selector.section) || null, }; this.init(); } init() { if ( this.el.section === null || this.el.section.classList.contains( this.class.featureHide ) ) return; const notLoadedVideo = this.el.section.querySelectorAll( ".js-res-video:not(.loaded)" ); this.opts.updateVideoLoader(notLoadedVideo); new RING.RingVideoPlayer(this.selector.section, { controlTagging: this.opts.controlTagging, }); } } RING.KeyVisual = KeyVisual; })(); (function () { "use strict"; window.RING = window.RING || {}; const UTILS = RING.UTILS; class Sensor { constructor(section, opts) { this.opts = { navHeight: 0, useInterger: true, // true, false divide: 1, // 1, 2, 3, n... isBrokenSticky: false, startCount: 0, endCount: 0, loadOffset: 1, resizeTimeout: null, currDevice: "dekstop", prevDevice: null, isInSectionBefore: null, isInSectionAfter: null, imageSrc: "", imageFormat: "jpg", imageLoaded: false, sequenceSrc: [], sequenceImages: [], imgProgress: 0, prevress: -1, percent: 0, // 0 - 1 isUpdateSameImage: false, imageSequenceEndPercent: 0.9, // 0 - 1 anim: { step1: { startPoint: 41, endPoint: 50 }, step2: { startPoint: 62, endPoint: 71 }, step3: { startPoint: 83, endPoint: 92 }, }, ...opts, }; this.selector = { section, targetElement: ".sensor__visual-inner", imageElement: ".sensor__visual-inner img", trackElement: ".sensor__sticky-wrap", stickyElement: ".sensor__sticky-content", contentWrapElement: ".common__wrap", contentElement: ".sensor__motion-wrap", }; this.class = { featureHide: "is-feature-hide", brokenSticky: "broken-sticky", }; this.el = { section: document.querySelector(this.selector.section) || null, targetElement: null, imageElement: null, trackElement: null, stickyElement: null, contentWrapElement: null, contentElement: null, canvasElement: null, contextElement: null, }; this.events = { load: this.onLoadHandler.bind(this), resize: this.onResizeHandler.bind(this), scroll: { load: this.onScrollLoadHandler.bind(this), play: this.onScrollPlayHandler.bind(this), }, }; this.init(); } init() { if ( this.el.section === null || this.el.section.classList.contains( this.class.featureHide ) ) return; this.setElements(); this.setCanvas(); this.bindEvents(); } setElements() { this.el.targetElement = this.el.section.querySelector( this.selector.targetElement ); this.el.imageElement = this.el.section.querySelector( this.selector.imageElement ); this.el.trackElement = this.el.section.querySelector( this.selector.trackElement ); this.el.stickyElement = this.el.section.querySelector( this.selector.stickyElement ); this.el.contentWrapElement = this.el.section.querySelector( this.selector.contentWrapElement ); this.el.contentElement = this.el.section.querySelector( this.selector.contentElement ); this.el.canvasElement = document.createElement("canvas"); this.el.targetElement.appendChild( this.el.canvasElement ); this.el.contextElement = this.el.canvasElement.getContext("2d"); } bindEvents() { window.addEventListener("load", this.events.load); window.addEventListener("resize", this.events.resize); window.addEventListener( "scroll", this.events.scroll.load ); window.addEventListener( "scroll", this.events.scroll.play ); } onLoadHandler() { this.events.resize(); window.removeEventListener("load", this.events.load); } onResizeHandler() { this.opts.currDevice = window.innerWidth > 767 ? "desktop" : "mobile"; this.opts.isBrokenSticky = false; document.documentElement.classList.remove( this.class.brokenSticky ); if (this.opts.isBrokenSticky) { this.el.stickyElement.style.top = ""; this.el.stickyElement.style.height = ""; this.el.contentWrapElement.style.justifyContent = ""; } clearTimeout(this.opts.resizeTimeout); this.opts.resizeTimeout = setTimeout(() => { const contentHeight = this.el.contentElement.clientHeight; const stickyScrollHeight = this.el.stickyElement.scrollHeight; if (contentHeight > stickyScrollHeight) { this.opts.isBrokenSticky = true; document.documentElement.classList.add( this.class.brokenSticky ); } if (!this.opts.isBrokenSticky) { this.opts.navHeight = UTILS.getNavHeight(); this.el.stickyElement.style.top = `${this.opts.navHeight}px`; this.el.stickyElement.style.height = `calc(100vh - ${this.opts.navHeight}px)`; this.el.contentWrapElement.style.justifyContent = ""; if ( this.el.contentWrapElement.scrollHeight <= this.el.contentWrapElement.clientHeight ) { this.el.contentWrapElement.style.justifyContent = "center"; } this.events.scroll.play(); if ( this.opts.currDevice !== this.opts.prevDevice ) { this.onResponsiveChange(); this.opts.prevDevice = this.opts.currDevice; } } }, 150); } onResponsiveChange() { this.events.scroll.load(); this.events.scroll.play(); } onScrollLoadHandler() { if (this.opts.isBrokenSticky) return; const winOffsetTop = scrollY; const winOffsetBottom = winOffsetTop + window.innerHeight; const targetOffsetGap = window.innerHeight * this.opts.loadOffset; const targetOffsetTop = winOffsetTop + this.el.targetElement.getBoundingClientRect().top; const targetOffsetBottom = targetOffsetTop + this.el.targetElement.clientHeight; if ( winOffsetBottom > targetOffsetTop - targetOffsetGap && winOffsetTop < targetOffsetBottom + targetOffsetGap ) { this.setDefaultImage(); this.loadSequenceImages(); window.removeEventListener( "scroll", this.events.scroll.load ); } } setCanvas() { this.opts.sequenceSrc = []; this.getSequenceSrc(); } setDefaultImage() { const defaultImage = new Image(); defaultImage.src = this.opts.sequenceSrc[0]; defaultImage.addEventListener("load", () => { this.opts.canvasWidth = defaultImage.naturalWidth; this.opts.canvasHeight = defaultImage.naturalHeight; this.el.canvasElement.width = defaultImage.naturalWidth; this.el.canvasElement.height = defaultImage.naturalHeight; this.el.contextElement.drawImage( defaultImage, 0, 0, this.opts.canvasWidth, this.opts.canvasHeight ); }); } getSequenceSrc() { const dataImageSrc = "data-seq-img"; const image = this.el.imageElement; this.opts.imageFormat = image.getAttribute("data-seq-format") ?? this.opts.imageFormat; this.opts.imageSrc = image.getAttribute(dataImageSrc); for ( let i = this.opts.startCount; i <= this.opts.endCount; i++ ) { this.opts.sequenceSrc.push( `${this.opts.imageSrc}-${i}.${this.opts.imageFormat}` ); } } loadSequenceImages() { if (this.opts.sequenceImages.length > 0) return; let loadCount = 0; const onLoadImage = (e) => { const image = e.currentTarget; if (loadCount < this.opts.sequenceSrc.length - 1) { loadCount++; image.removeEventListener("load", onLoadImage); } else { this.opts.imageLoaded = true; } }; for ( let i = 0; i < this.opts.sequenceSrc.length; i++ ) { const image = new Image(); image.src = this.opts.sequenceSrc[i]; image.addEventListener("load", onLoadImage); this.opts.sequenceImages.push(image); } } onScrollPlayHandler() { if (this.opts.isBrokenSticky) return; const winOffsetTop = scrollY; const winOffsetBottom = winOffsetTop + window.innerHeight; const trackRect = this.el.trackElement.getBoundingClientRect(); const trackLength = this.el.trackElement.clientHeight - window.innerHeight; const targetOffsetTop = winOffsetTop + trackRect.top; const targetOffsetBottom = targetOffsetTop + this.el.trackElement.clientHeight; if ( winOffsetTop >= targetOffsetTop && winOffsetBottom <= targetOffsetBottom ) { this.opts.percent = -trackRect.top / trackLength; const imgPercent = this.opts.percent * (1 / this.opts.imageSequenceEndPercent); const imgProgress = imgPercent * (this.opts.sequenceImages.length - 1); this.opts.imgProgress = this.opts.useInterger ? Math.round(imgProgress) : imgProgress; // motion this.opts.isInSectionAfter = false; this.opts.isInSectionBefore = false; this.setMotions(); // image sequence if ( this.opts.percent < this.opts.imageSequenceEndPercent ) { if (this.opts.divide > 1) { if ( this.opts.imgProgress % this.opts.divide === 0 ) { this.playSequenceImage(); } } else { this.playSequenceImage(); } } else { this.opts.imgProgress = this.opts.sequenceImages.length - 1; this.playSequenceImage(); } } else if (winOffsetTop < targetOffsetTop) { // image sequence this.opts.imgProgress = 0; this.playSequenceImage(); // motion if (this.opts.isInSectionBefore) return; this.opts.isInSectionBefore = true; this.setMotionsBefore(); } else if (winOffsetBottom > targetOffsetBottom) { // image sequence this.opts.imgProgress = this.opts.sequenceImages.length - 1; this.playSequenceImage(); // motion if (this.opts.isInSectionAfter) return; this.opts.isInSectionAfter = true; this.setMotionsAfter(); } } playSequenceImage() { if (!this.opts.imageLoaded) { this.opts.loadFrame = requestAnimationFrame( this.playSequenceImage.bind(this) ); return; } else { if (this.opts.loadFrame !== null) { cancelAnimationFrame(this.opts.loadFrame); this.opts.loadFrame = null; } } if (this.opts.imgProgress === this.opts.prevress) { if (this.opts.isUpdateSameImage) return; this.el.contextElement.drawImage( this.opts.sequenceImages[this.opts.imgProgress], 0, 0, this.opts.canvasWidth, this.opts.canvasHeight ); this.opts.isUpdateSameImage = true; } if (this.opts.imgProgress === this.opts.prevress) return; if ( this.opts.imgProgress - this.opts.prevress > this.opts.divide ) { for ( let i = this.opts.prevress + this.opts.divide; i < this.opts.imgProgress; ) { this.el.contextElement.drawImage( this.opts.sequenceImages[i], 0, 0, this.opts.canvasWidth, this.opts.canvasHeight ); i += this.opts.divide; } } if ( this.opts.prevress - this.opts.imgProgress > this.opts.divide ) { for ( let i = this.opts.prevress - this.opts.divide; i > this.opts.imgProgress; ) { this.el.contextElement.drawImage( this.opts.sequenceImages[i], 0, 0, this.opts.canvasWidth, this.opts.canvasHeight ); i -= this.opts.divide; } } this.el.contextElement.drawImage( this.opts.sequenceImages[this.opts.imgProgress], 0, 0, this.opts.canvasWidth, this.opts.canvasHeight ); this.opts.prevress = this.opts.imgProgress; this.opts.isUpdateSameImage = false; } setMotions() { const anim = this.opts.anim; // Active Animation const percent = this.opts.imgProgress; if (percent <= anim.step1.startPoint) { // Scroll Before Init this.removeClasses(["step01", "step02", "step03"]); } else if ( percent >= anim.step1.startPoint && percent <= anim.step1.endPoint ) { // Active Step1 this.removeClasses(["step02", "step03"]); this.addClasses(["step01"]); } else if ( percent >= anim.step2.startPoint && percent <= anim.step2.endPoint ) { // Active Step2 this.removeClasses(["step01", "step03"]); this.addClasses(["step02"]); } else if ( percent >= anim.step3.startPoint && percent <= anim.step3.endPoint ) { // Active Step3 this.removeClasses(["step01", "step02"]); this.addClasses(["step03"]); } else if (percent > anim.step3.endPoint) { // Scroll After Init this.addClasses(["step03"]); } else { this.removeClasses(["step01", "step02", "step03"]); } } setMotionsBefore() { this.removeClasses(["step01", "step02", "step03"]); } setMotionsAfter() { this.addClasses(["step03"]); } addClasses(classArray) { classArray.forEach((className) => { if ( !this.el.section.classList.contains(className) ) { this.el.section.classList.add(className); } }); } removeClasses(classArray) { classArray.forEach((className) => { if (this.el.section.classList.contains(className)) { this.el.section.classList.remove(className); } }); } } RING.Sensor = Sensor; })(); (function () { "use strict"; window.RING = window.RING || {}; const UTILS = RING.UTILS; class ChargingCase { 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 = { welcoming: { play: "gring:highlights:welcoming:movi-play", pause: "gring:highlights:welcoming:movi-pause", }, charging: { play: "gring:highlights:charging:movi-play", pause: "gring:highlights:charging:movi-pause", }, connecting: { play: "gring:highlights:connecting:movi-play", pause: "gring:highlights:connecting: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); }); } 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); } 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 ); this.videoPlayer.instance.push( new RING.VideoPlayer(videoContainer, { sectionElement: this.selector.section, videoParentElement: videoParent, on: { updateController: (data) => { if (controller) { const controller = data.el; // const tagging = controller.dataset.tagging; // const playState = data.playState ? 'pause' : 'play'; // controller.setAttribute('data-omni', this.tagging[tagging][playState]); // controller.setAttribute('an-la', this.tagging[tagging][playState]); } }, }, }) ); } ); }, }; this.videoPlayer.init(); } } RING.ChargingCase = ChargingCase; })(); (function () { "use strict"; window.RING = window.RING || {}; class ColorTab { 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); } } RING.ColorTab = ColorTab; })(); (function () { "use strict"; window.RING = window.RING || {}; class Waterproof { constructor(section, opts) { this.opts = { controlTagging: { play: "movi-play", pause: "movi-pause", }, playType: "reverse", ...opts, }; this.selector = { section, videoContainer: ".video__container", videoController: ".video__controller", play: ".play", pause: ".pause", }; this.class = { featureHide: "is-feature-hide", }; this.el = { section: document.querySelector(this.selector.section) || null, videoContainer: null, }; this.init(); } init() { if ( this.el.section === null || this.el.section.classList.contains( this.class.featureHide ) ) return; this.setElements(); this.buildVideoPlayer(); } setElements() { this.el.videoContainer = this.el.section.querySelector( this.selector.videoContainer ); } buildVideoPlayer() { const _this = this; this.el.videoPlayer = { instance: null, play: (video) => { if (this.el.videoPlayer.instance === null) return; this.el.videoPlayer.instance.onPlay(video); }, ended: () => { if (this.el.videoPlayer.instance === null) return; this.el.videoPlayer.instance.onEnded(); }, reset: (video) => { if (this.el.videoPlayer.instance === null) return; this.el.videoPlayer.instance.onReset(video); }, build: () => { if (this.el.videoPlayer.instance !== null) return; const controller = this.el.videoContainer.querySelector( this.selector.videoController ); this.el.videoPlayer.instance = new RING.VideoPlayer(this.el.videoContainer, { sectionElement: this.selector.section, videoParentElement: this.selector.section, playType: this.opts.playType, on: { updateTime: (data) => { if (data.duration && data.playState) { if (data.currentTime >= data.duration) { _this.el.videoPlayer.reset( this.el.videoContainer ); setTimeout(() => { _this.el.videoPlayer.play( this.el.videoContainer ); }, 0); } } }, updateController: (data) => { 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-tr", `${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(); } } RING.Waterproof = Waterproof; })(); (function () { "use strict"; window.RING = window.RING || {}; class WalkRun { constructor(section, opts) { this.opts = { ...opts, }; this.selector = { section, motionTarget: ".walk-run__motion-wrap", wrap: "#wrap", }; this.class = { featureHide: "is-feature-hide", isActive: "is-active", }; this.el = { wrap: document.querySelector(this.selector.wrap) || null, section: document.querySelector(this.selector.section) || null, videoContainer: null, videoPlayer: 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(); new RING.CardCarousel(".gesture-control", { centeredSlides: true, useNavigation: true, }); new RING.CardCarousel(".walk-run", { centeredSlides: true, useNavigation: true, pagination: { tagging: { "data-omni-type": "microsite_pcontentinter", "data-omni": "gring:highlights:exercise-tracking:index:", "an-tr": "gring:highlights:exercise-tracking:index:", "an-ca": "indication", "an-ac": "carousel", "an-la": "gring:highlights:exercise-tracking:index:", }, }, }); } setElements() { this.el.target = this.el.section.querySelector( this.selector.target ); this.el.motionTarget = this.el.section.querySelector( this.selector.motionTarget ); } 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 scrollTop = scrollY; const windowHeight = window.innerHeight; const scrollBottom = scrollY + windowHeight * 0.8; const target = this.el.motionTarget; const targetHeight = target.getBoundingClientRect().height; const visibleOffset = targetHeight * 0; const sectionOffsetTop = scrollTop + this.el.section.getBoundingClientRect().top; const targetOffsetTop = scrollTop + target.getBoundingClientRect().top; const targetOffsetBottom = scrollTop + target.getBoundingClientRect().bottom; // active if ( scrollBottom >= targetOffsetTop + visibleOffset && scrollTop <= targetOffsetBottom - visibleOffset ) { if (target.classList.contains(this.class.isActive)) return; target.classList.add(this.class.isActive); } // reset if (scrollY + windowHeight < sectionOffsetTop) { if (!target.classList.contains(this.class.isActive)) return; target.classList.remove(this.class.isActive); } } } RING.WalkRun = WalkRun; })(); (function () { "use strict"; window.RING = window.RING || {}; class ChooseSize { constructor(section, opts = {}) { this.swiper = null; this.opts = { pagination: { tagging: { "data-omni-type": "microsite_pcontentinter", "data-omni": "galaxy-ring:find:carousel:index:", "an-tr": "galaxy-ring:find:carousel:index:", "an-ca": "indication", "an-ac": "carousel", "an-la": "galaxy-ring:find:carousel:index:", }, }, resizeTimeout: null, currentDevice: null, prevDevice: null, currentIndex: 0, clickTimeout: null, ...opts, }; this.selector = { section, popupLayer: ".cm-layer", popupLayerContent: ".cm-layer__content", popupButton: ".js-layer-opener", youtubeIframe: ".common-video-popup__iframe > iframe", swiper: ".common__carousel", swiperSlide: ".swiper-slide", swiperHeadline: ".common__headline", swiperSubHeadline: ".common__sub-headline", swiperPagination: ".swiper-pagination", swiperPaginationBlind: ".common__blind", buttonDisabled: ".swiper-button-disabled", blind: ".blind", }; this.class = { featureHide: "is-feature-hide", isActive: "is-active", }; this.el = { section: document.querySelector(this.selector.section) || null, popupLayer: null, popupLayerEl: null, popupLayerContent: null, popupButton: null, youtubeIframe: null, swiper: null, swiperHeadline: null, swiperSlides: null, swiperPagination: null, swiperPaginationBlind: null, }; this.events = { load: this.onLoadHandler.bind(this), resize: this.onResizeHandler.bind(this), popup: { click: this.onClickPopupButton.bind(this), }, }; this.init(); } init() { if ( this.el.section === null || this.el.section.classList.contains( this.class.featureHide ) ) return; this.setElements(); this.setPopupLayer(); this.bindEvents(); } setElements() { this.el.popupLayerEl = this.el.section.querySelector( this.selector.popupLayer ); this.el.popupLayerContent = this.el.popupLayerEl.querySelector( this.selector.popupLayerContent ); this.el.popupButton = this.el.section.querySelector( this.selector.popupButton ); this.el.youtubeIframe = this.el.popupLayerEl.querySelector( this.selector.youtubeIframe ); this.el.swiper = this.el.section.querySelector( this.selector.swiper ); this.el.swiperHeadline = this.el.section.querySelector( this.selector.swiperHeadline ); this.el.swiperSlides = this.el.section.querySelectorAll( this.selector.swiperSlide ); this.el.swiperPagination = this.el.section.querySelector( this.selector.swiperPagination ); this.el.swiperPaginationBlind = this.el.section.querySelector( this.selector.swiperPaginationBlind ); } bindEvents() { window.addEventListener("load", this.events.load); window.addEventListener("resize", this.events.resize); this.el.popupButton.addEventListener( "click", this.events.popup.click ); } onLoadHandler() { this.events.resize(); window.removeEventListener("load", this.events.load); } onResizeHandler() { this.opts.currentDevice = innerWidth > 767 ? "desktop" : "mobile"; if ( this.opts.currentDevice !== this.opts.prevDevice ) { this.onResponsiveChange(); this.opts.prevDevice = this.opts.currentDevice; } } onResponsiveChange() { this.destroySwiper(); if (this.opts.currentDevice === "mobile") this.setSwiper(); } updateA11ySwiper() { if (this.swiper === null) return; Array.from(this.swiper.slides).forEach((slide) => { slide.setAttribute("aria-hidden", true); }); if (this.opts.currentDevice === "mobile") { this.swiper.slides[ this.opts.currentIndex ].setAttribute("aria-hidden", false); } } destroyA11ySwiper() { if (this.opts.currentDevice === "desktop") { Array.from(this.el.swiperSlides).forEach( (slide) => { slide.removeAttribute("aria-hidden"); } ); } } onTransitionStart() { this.opts.currentIndex = this.swiper.snapIndex; this.updateA11ySwiper(); } onInitSwiper() { this.opts.currentIndex = 0; this.onTransitionStart(); this.updateA11ySwiper(); this.setPaginationLabel(); const bullets = this.swiper.pagination.bullets; const _this = this; if ( typeof bullets !== "undefined" && bullets.length > 0 ) { Array.from(bullets).forEach((bullet, index) => { bullet.addEventListener("click", function (e) { e.preventDefault(); e.stopImmediatePropagation(); _this.swiper.slideTo(index); }); }); } } onSlideChange() { this.setPaginationLabel(); } destroySwiper() { if (this.swiper !== null) { this.destroyA11ySwiper(); this.swiper.destroy(true, true); this.swiper = null; } } setSwiper() { if (this.swiper !== null) return; const _this = this; const swiperOpts = { init: false, a11y: false, slidesPerView: "auto", pagination: { el: _this.el.swiperPagination, renderBullet: function (index) { const tagging = _this.opts.pagination.tagging; return ` <li role="listitem"> <button class="swiper-pagination-bullet" role="button" data-omni-type="${tagging["data-omni-type"]}" data-omni="${tagging["data-omni"]}${index + 1}" an-tr="${tagging["an-tr"]}${index + 1}" an-ca="${tagging["an-ca"]}" an-ac="${tagging["an-ac"]}" an-la="${tagging["an-la"]}${index + 1}"></button> </li> `; }, }, }; this.swiper = new Swiper(this.el.swiper, swiperOpts); this.swiper.on( "transitionStart", this.onTransitionStart.bind(this) ); this.swiper.on( "snapIndexChange", this.onSlideChange.bind(this) ); this.swiper.on("init", this.onInitSwiper.bind(this)); this.swiper.init(); } setPaginationLabel() { if (this.swiper === null) return; const slides = this.swiper.slides; const bullets = this.swiper.pagination.bullets; if ( typeof bullets !== "undefined" && bullets.length > 0 ) { Array.from(bullets).forEach((bullet, index) => { const isActive = bullet.classList.contains( "swiper-pagination-bullet-active" ); const stepNum = slides[index].querySelector( ".choose-size__step-num" )?.innerText ?? ""; const slideTitle = slides[index].querySelector( ".choose-size__step-tit" )?.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 (isActive) { bullet.setAttribute( "aria-label", `${localSlide}${index + 1 }: ${stepNum} ${slideTitle} ${localSelected}` ); } else { bullet.setAttribute( "aria-label", `${localSlide}${index + 1 }: ${stepNum} ${slideTitle}` ); } } else { if (isActive) { bullet.setAttribute( "aria-label", `Slide${index + 1 }: ${stepNum} ${slideTitle} selected` ); } else { bullet.setAttribute( "aria-label", `Slide${index + 1 }: ${stepNum} ${slideTitle}` ); } } }); } } setPopupLayer() { const setYoutube = () => { let opener = this.el.popupButton; let ytSrc = "htt" + "ps://www.youtube.com/embed/" + opener.getAttribute("data-youtube-id") + "?wmode=opaque&rel=0&enablejsapi=1&version=3&autoplay=1"; let ytTitle = opener.getAttribute("data-youtube-title"); this.el.youtubeIframe.setAttribute("src", ytSrc); this.el.youtubeIframe.setAttribute( "title", ytTitle ); this.el.OpenerTarget = opener; }; const clearYoutube = () => { this.el.youtubeIframe.removeAttribute("src"); }; this.el.popupLayer = { instance: null, setup: () => { if (this.el.popupLayer.instance !== null) return; this.el.popupLayer.instance = new HiveLayer( `${this.selector.section} ${this.selector.popupLayer}`, { effect: "default", on: { layerOpenBefore: () => { const notLoadedImages = this.el.popupLayerEl.querySelectorAll( "img.js-res-img:not(.load-complete)" ); if (notLoadedImages.length > 0) { this.opts.updateImageLoader( notLoadedImages ); } }, layerOpenAfter: () => { setYoutube(); }, layerCloseBefore: () => { }, layerCloseAfter: () => { clearYoutube(); }, }, } ); }, }; this.el.popupLayer.setup(); } onClickPopupButton(e) { const target = e.currentTarget; this.opts.targetPopupId = target.getAttribute( "data-content-target" ); this.setPopupContentA11y(); } setPopupContentA11y() { const popupLayerContent = this.el.popupLayerContent; const contentId = popupLayerContent.getAttribute("id"); const contentClickableItems = popupLayerContent.querySelectorAll( "a, button, input, select, iframe" ); if (this.opts.targetPopupId === contentId) { popupLayerContent.style.display = "block"; popupLayerContent.setAttribute( "aria-hidden", "false" ); popupLayerContent.removeAttribute("tabindex"); if (contentClickableItems.length > 0) { contentClickableItems.forEach((clickable) => { clickable.setAttribute("aria-hidden", "false"); clickable.removeAttribute("tabindex"); }); } } else { console.log(this.opts.targetPopupId === contentId); popupLayerContent.style.display = ""; popupLayerContent.setAttribute( "aria-hidden", "true" ); popupLayerContent.setAttribute("tabindex", "-1"); if (contentClickableItems.length > 0) { contentClickableItems.forEach((clickable) => { clickable.setAttribute("aria-hidden", "true"); clickable.setAttribute("tabindex", "-1"); }); } } } } RING.ChooseSize = ChooseSize; })(); (function () { "use strict"; window.RING = window.RING || {}; const UTILS = RING.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" ); } } } RING.Contrast = Contrast; })(); (function () { window.flagship = window.flagship || {}; window.flagship.features = window.flagship.features || {}; window.flagship.features.fashionWeek = (function () { window.RING = window.RING || {}; const UTILS = RING.UTILS; const utils = UTILS, // resize = window.flagship.common.resize, isLow = utils.isLowNetwork(); let els = {} // currDevice = resize.checkResolution(); const init = function () { setElements(); bindEvents(); }; const setElements = function () { els.container = document.querySelector('.features-fashion-week'); els.popUpEl = document.querySelector('.features-fashion-week-popup'); els.iframe = els.popUpEl && els.popUpEl.querySelector('iframe') els.containerPlay = els.container.querySelector(".features-fashion-week-play") els.popupClose = els.popUpEl.querySelector('.js-howto-popup-close-cta') }; const bindEvents = function () { eventHandler.play(); eventHandler.close(); }; const eventHandler = { play: function () { els.containerPlay && els.containerPlay.addEventListener('click', eventList.play); }, close: function () { els.popupClose && els.popupClose.addEventListener('click', eventList.closePopup); } }; const eventList = { play: function () { els.popUpEl && els.popUpEl.classList.add("is-init"); els.popUpEl && els.popUpEl.classList.add("is-open"); els.iframe && (els.iframe.src = 'https://www.youtube.com/embed/LEOI84NtS_s?si=0kgjm67LUQTFVeri&wmode=opaque&rel=0&enablejsapi=1&version=3&autoplay=1') document.body.classList.add('overflow-hidden') }, closePopup: function () { els.popUpEl && els.popUpEl.classList.remove("is-init") els.popUpEl && els.popUpEl.classList.remove("is-open") els.iframe && (els.iframe.src = '') document.body.classList.remove('overflow-hidden') } }; return { init: init } })(); })(); (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 RING.ImageLoader( this.container, { visiblePoint: 0.5, loadOption: [ { resolution: 1920, attribute: "data-src-pc", }, { resolution: 767, attribute: "data-src-mobile", }, ], } ); // VideoLoader Init this.videoLoader = new RING.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", }, ], } ); const updateImageLoader = (el) => { this.imageLoader.setResponsiveImage(el); }; const updateVideoLoader = (el) => { this.videoLoader.setResponsiveVideo(el); }; // Components // new RING.RingVideoPlayer(".kv", { // ignoreLazy: true, // updateVideoLoader, // controlTagging: { // play: "gring:highlights:main-kv:movi-play", // pause: "gring:highlights:main-kv:movi-pause", // }, // }); new RING.HighlightCarousel(".highlight-carousel"); new RING.RingVideoPlayer(".concave-design", { playOffset: 0, controlTagging: { play: "gring:highlights:design:movi-play", pause: "gring:highlights:design:movi-pause", }, }); new RING.Sensor(".sensor", { startCount: 0, endCount: 92, loadOffset: 1.5, }); new RING.RingVideoPlayer(".battery", { controlTagging: { play: "gring:highlights:battery:movi-play", pause: "gring:highlights:battery:movi-pause", }, }); new RING.RingVideoPlayer(".health-fitness-tracker", { controlTagging: { play: "gring:highlights:track-with-galaxy-ring:movi-play", pause: "gring:highlights:track-with-galaxy-ring:movi-pause", }, }); new RING.ChargingCase('.charging-case__video-type'); new RING.ColorTab(".color-option"); new RING.Waterproof(".waterproof", { controlTagging: { play: "gring:highlights:waterproof:movi-play", pause: "gring:highlights:waterproof:movi-pause", }, }); new RING.RingVideoPlayer(".ai-samsung-health", { controlTagging: { play: "gring:highlights:samsung-health:movi-play", pause: "gring:highlights:samsung-health:movi-pause", }, }); new RING.RingVideoPlayer(".energy-score", { controlTagging: { play: "gring:highlights:energy-score:movi-play", pause: "gring:highlights:energy-score:movi-pause", }, }); new RING.RingVideoPlayer(".wellness-tips", { controlTagging: { play: "gring:highlights:wellness-tips:movi-play", pause: "gring:highlights:wellness-tips:movi-pause", }, }); new RING.CardCarousel(".sleep", { pagination: { tagging: { "data-omni-type": "microsite_pcontentinter", "data-omni": "gring:highlights:sleep:index:", "an-tr": "gring:highlights:sleep:index:", "an-ca": "indication", "an-ac": "carousel", "an-la": "gring:highlights:sleep:index:", }, }, }); new RING.WalkRun(".walk-run"); new RING.RingVideoPlayer(".track-wide-range", { controlTagging: { play: "gring:highlights:exercise-tracking:movi-play", pause: "gring:highlights:exercise-tracking:movi-pause", }, }); new RING.ChooseSize(".choose-size", { updateImageLoader, pagination: { tagging: { "data-omni-type": "microsite_pcontentinter", "data-omni": "gring:highlights:sizing-kit:index:", "an-tr": "gring:highlights:sizing-kit:index:", "an-ca": "indication", "an-ac": "carousel", "an-la": "gring:highlights:sizing-kit:index:", }, }, }); new RING.Contrast(".cp-high-contrast"); RING.Disclaimer.init(); RING.trackCarousel.init(); window.flagship.features.fashionWeek.init(); window.addEventListener("load", () => { setTimeout(() => { if (window.GALAXY && window.GALAXY.isGalaxy) { this.subNav = new RING.SubNav("#subnav"); } }, 5); }); } } new InitComponents(".wearable-ring"); })(); }); </script>  </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"> <p class="footer-category__title" id="footer-category-title-0">SHOP</p> <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"> <p class="footer-category__title" id="footer-category-title-1">SUPPORT</p> <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"> <p class="footer-category__title" id="footer-category-title-2">OFFERS</p> <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/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"> <p class="footer-category__title" id="footer-category-title-3">SUSTAINABILITY</p> <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"> <p class="footer-category__title" id="footer-category-title-3-2">ABOUT US</p> <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-2025 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://shopsamsung.page.link/hJbyG5aVLAUMF2yt7" target="_blank" an-tr="nv02_footer bottom--cta-logo" an-ca="navigation" an-ac="footer" an-la="bottom:local logo:get shop samusng app" 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/image/samsung/assets/us/footer/ScomQR_PNG_20250122.png?$ORIGIN_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/us/footer/ScomQR_PNG_20250122.png?$ORIGIN_PNG$" alt="Get Shop Samusng App" data-aem-asset-id="" src="//images.samsung.com/is/image/samsung/assets/us/footer/ScomQR_PNG_20250122.png?$ORIGIN_PNG$"/> </div> </a> </div> <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" data-aem-asset-id="" src="//images.samsung.com/is/content/samsung/assets/us/footer/text-banner-2.svg"/> </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-ux2.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">iaType</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">iaSubType</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">iaCategory</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.42d2bf7b85db75d54bbed25677a15bb9.js" defer></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 defer="true"></script> <script src="/etc.clientlibs/samsung/components/content/consumer/global/common/cm-g-static-content/clientlibs/site.min.js" async defer="true"></script> <script type="application/ld+json" data-type="seo" data-object-type="WebPage" data-id="ad476b0e-1cec-402b-83c0-5fe9f92a1b17">{"@context":"http://schema.org","@type":"WebPage","name":"Explore Galaxy Ring | Smart Ring | Samsung US","url":"https://www.samsung.com/us/rings/galaxy-ring/"}</script> </div> </body> </html>

CINXE.COM

Explore Galaxy Ring | Smart Ring | Samsung US