@font-face{font-family:"inter";src:url("../fonts/Inter-VariableFont_opsz,wght.woff2") format("woff2"),url("../fonts/Inter-VariableFont_opsz,wght.woff") format("woff")}@font-face{font-family:"jost";src:url("../fonts/Jost-Light.woff2") format("woff2"),url("../fonts/Jost-Light.woff") format("woff")}body{font-family:"inter",helvetica,arial}.logo{font-family:"jost",helvetica,arial;font-weight:bolder;font-size:24px}model-viewer{width:auto;margin-top:40px;max-width:1200px;height:600px;border-radius:20px;padding:0 40px 0 40px}.Hotspot{background:url(../images/hotspot.svg) center no-repeat;border:0;cursor:pointer;width:30px;height:30px;transition:all .5s ease-in-out;opacity:.5;padding:8px}.Hotspot:hover{opacity:1}.Hotspot:not([data-visible]){opacity:0;width:30px;height:30px;pointer-events:none}.Hotspot:focus{border:4px solid #313131;border-radius:100px;height:32px;outline:none;width:32px;box-shadow:1px 1px 1px rgba(0,0,0,.5)}.HotspotAnnotation{visibility:hidden;background:#fff;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.25);color:rgba(0,0,0,.8);display:block;font-family:"inter",Helvetica Neue,sans-serif;left:calc(100% + 1em);overflow-wrap:break-word;padding:2em;position:absolute;top:50%;width:200px;text-align:left}.HotspotAnnotation h2{font-size:1.25rem}@media screen and (max-width: 768px){model-viewer{height:300px}.Hotspot{display:none}}#main-nav{height:62px;background-color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:space-around;position:fixed;top:0;left:0;right:0;z-index:10;box-shadow:0 2px 2px rgba(145,144,144,.3)}#main-nav ul{list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;gap:50px}#main-nav a{color:#000;text-decoration:none}#main-nav a:hover{color:#85858a;transition:all .3s ease-in-out}#main-nav button{background:none;border:none;font-family:inherit;padding:6px 18px;border-radius:20px;cursor:pointer;background-color:#0071e3;color:#fff}#main-nav button:hover{background-color:#004e9d;transition:all .3s ease-in-out}#mobile-nav{background-color:#fff;height:62px;position:fixed;top:0;left:0;right:0;z-index:10;box-shadow:0 2px 2px rgba(145,144,144,.3)}#mobile-nav a{text-decoration:none;color:#000}#mobile-nav .wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}#mobile-nav #shopping-icon{width:20px;height:20px}#mobile-nav button{font-size:1.5rem;background:none;border:none;font-family:inherit;cursor:pointer}@media screen and (max-width: 768px){#main-nav{display:none}}@media screen and (min-width: 768px){#mobile-nav{display:none}}#mobileMenu{background-color:#fff;position:fixed;inset:0;width:100vw;height:100vh;z-index:20;transform:translateY(-100%);transition:transform 1s ease-in-out}#mobileMenu.open{transform:translateY(0);box-shadow:0 2px 2px rgba(145,144,144,.3)}#mobileMenu button{font-size:40px;background:none;border:none;font-family:inherit;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:end;width:100%;padding-top:20px;padding-right:20px}#mobileMenu ul{list-style:none;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:30px;height:200px}#mobileMenu li a{color:#000;text-decoration:none;font-size:1.625rem;font-weight:bold}#mobileMenu li a:hover{color:#85858a;transition:all .3s ease-in-out}#hero-sect canvas{margin-top:62px;width:100%}#hero-sect img{margin-top:62px;width:100%;display:none}@media(max-width: 767px){#hero-sect canvas{display:none}#hero-sect img{display:block}}@media(max-width: 1199px){#hero-sect canvas{display:none}#hero-sect img{display:block}}.video-con{background-color:#000;text-align:center;padding-top:50px}.video-con h3{font-size:1.75rem}.video-con p{color:#85858a;font-size:1.125rem;padding:25px 50px 50px 50px}.plyr{height:auto}:root{--plyr-color-main: rgba(72, 72, 75, 0.5);--plyr-control-icon-size: 15px;--plyr-control-radius: 15px}@media screen and (min-width: 768px){.video-con h3{font-size:2rem}.video-con p{color:#85858a;font-size:24px;padding:25px 50px 50px 50px}}@media screen and (min-width: 1200px){.video-con h3{font-size:3rem}.video-con p{color:#85858a;font-size:1.75rem;padding:25px 50px 50px 50px}}#xray-content{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px;text-align:center}#xray-content h3{color:#000;font-size:1.75rem;font-weight:bold}#xray-content p{color:#85858a;font-size:1.125rem;padding:25px 50px 50px 50px}#xray-con{padding:0 40px 60px 40px;display:flex;align-items:center;justify-content:center}#surfaceView{position:relative;aspect-ratio:16/10;background-image:url(../images/earbuds_xray.png);background-size:cover;border-radius:20px;max-width:900px;width:100%}#xrayView{position:absolute;top:0;left:0;aspect-ratio:16/10;background-image:url(../images/earbuds_fully_textured.png);background-size:cover;width:50%;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px}#xrayView::after{content:"";position:absolute;right:0;width:6px;height:100%;background-color:#fff}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:calc(100% + 20px);height:20px;background:rgba(0,0,0,0)}input[type=range]::-webkit-slider-runnable-track{height:0;background:rgba(0,0,0,0);border:none}input[type=range]::-moz-range-track{height:0;background:rgba(0,0,0,0);border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#fff;border-radius:50%;border:none;cursor:pointer}input[type=range]::-moz-range-thumb{width:25px;height:25px;background:#fff;border-radius:50%;border:none;cursor:pointer}@media screen and (min-width: 768px){#xray-content h3{color:#000;font-size:2rem;font-weight:bold}#xray-content p{color:#85858a;font-size:1.5rem;padding:25px 50px 50px 50px}}@media screen and (min-width: 1200px){#xray-content h3{color:#000;font-size:3rem;font-weight:bold}#xray-content p{color:#85858a;font-size:1.75rem;padding:25px 50px 50px 50px}}.features{color:#000;background-color:#fff;border-radius:20px;padding:30px;margin-bottom:20px}.features h3{font-size:1.25rem;margin-bottom:1rem}.features p{font-size:1.125rem;color:#85858a;padding-top:0}.features img{margin:28px 0;width:50px;height:50px}#product-con{padding:0 40px 70px 40px}#product-con h3{color:#000;font-size:1.75rem;font-weight:bold;margin-top:3.75rem}#product-con img{border-radius:20px}#product-con button{border:0;width:25px;height:25px;border:1px solid;border-radius:20px;border-color:#c2c2c2;cursor:pointer;margin:30px 0}#product-con #white{background-color:#fff}#product-con #oceanMist{background-color:#b3e0e6}#product-con #plum{background-color:#96c}#product-con #moonlitPurple{background-color:#b3b3e6}#product-con #lemon{background-color:#d9e68b}@media screen and (min-width: 768px){#product-con h3{color:#000;font-size:2rem;font-weight:bold}}@media screen and (min-width: 1200px){#product-con h3{color:#000;font-size:3rem;font-weight:bold}}footer{background-color:#f5f5f7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0}footer ul{list-style:none;padding:0}footer ul li{padding:10px 0}footer a{color:#85858a;text-decoration:none}footer a:hover{color:#545454;transition:all .3s ease-in-out}footer h3{color:#000;font-size:2rem;font-family:"jost",helvetica,arial}footer p{color:#85858a;border-top:.125rem solid #7f7f7f;padding-top:2.25rem}@media screen and (min-width: 768px){#nav-lists{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:50px;padding:20px 0}a{font-size:1.25rem}p{font-size:1.125rem;padding-top:40px}}html{scroll-behavior:smooth}html body{color:#fff}html body #overviewSect,html body #featureSect,html body #exploringSect{scroll-margin-top:62px}.model-con{background-color:#f5f5f7;text-align:center;padding-top:100px}.model-con h3{color:#000;font-size:28px;font-weight:bold}.model-con p{color:#85858a;font-size:18px;padding:25px 50px 0 50px}@media screen and (min-width: 768px){.model-con h3{color:#000;font-size:32px;font-weight:bold}.model-con p{color:#85858a;font-size:24px;padding:25px 50px 0 50px}}@media screen and (min-width: 1200px){.model-con h3{color:#000;font-size:48px;font-weight:bold}.model-con p{color:#85858a;font-size:28px;padding:25px 50px 0 50px}}.card-con{background-color:#f5f5f7;padding:40px 40px 50px 40px}.no-scroll{overflow:hidden}/*# sourceMappingURL=main.css.map */