.page-container{overflow:visible}.main-content{padding-left:0!important;padding-right:0!important}.page-point-tws{--header-height: 84px;--wrapper-spacing: 20px;--wrapper-spacing: clamp(20px, 5vw, 120px)}@media screen and (min-width:1080px){.page-point-tws{--wrapper-spacing: 120px;--wrapper-spacing: clamp(80px, 8vw, 240px);--header-height: 84px}}.page-point-tws .pc-only{display:none!important}@media screen and (min-width:1080px){.page-point-tws .pc-only{display:block!important}}.page-point-tws .sp-only{display:block!important}@media screen and (min-width:1080px){.page-point-tws .sp-only{display:none!important}}.page-point-tws h2{font-size:28px;line-height:1.5}@media screen and (min-width:1080px){.page-point-tws h2{font-size:36px}}.page-point-tws h3{font-size:22px;line-height:1.5}.page-point-tws h4{font-size:24px;line-height:1.5;font-weight:400}.page-point-tws p{font-size:16px;line-height:2}.page-point-tws img{height:auto}.page-point-tws .txt-clr--primary{color:var(--clr-soundcore-primary)}.page-point-tws .m-btn{color:#fff;background-color:var(--clr-soundcore-primary);padding:8px 16px;border-radius:21px;font-size:12px}@media screen and (min-width:1080px){.page-point-tws .m-btn{transition:all ease .2s}.page-point-tws .m-btn:hover{border-radius:0;transition:all ease .3s;color:#fff}}.page-point-tws .m-underline{background:linear-gradient(transparent 70%,#17bbef4d 70%)}.page-point-tws .m-number{display:flex;justify-content:center;align-items:center;letter-spacing:0;line-height:1;background-color:var(--clr-soundcore-primary);color:#fff;border-radius:50%;font-size:10px;margin-right:8px;--width: 24px;width:var(--width);height:var(--width)}.page-point-tws .m-caption{font-size:10px;opacity:.6}.page-point-tws .wrapper{margin-left:var(--wrapper-spacing);margin-right:var(--wrapper-spacing)}.page-point-tws section{margin-bottom:80px}@media screen and (min-width:1080px){.page-point-tws .Kv{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:100px}}.page-point-tws .Kv>img{margin-bottom:40px;max-width:none;width:calc(100% + var(--wrapper-spacing)*2);margin-left:calc(-1*var(--wrapper-spacing))}@media screen and (min-width:1080px){.page-point-tws .Kv>img{order:2;width:110%;margin:0}}.page-point-tws .Kv h1{font-size:28px;font-weight:700;margin-bottom:30px}@media screen and (min-width:1080px){.page-point-tws .Kv h1{font-size:36px}}@media screen and (min-width:1080px){.page-point-tws .Kv .txt{order:1;padding-top:120px}}@media screen and (min-width:1080px){.page-point-tws .Kv .txt p{margin-bottom:50px}}.page-point-tws .Kv .txt ul li{position:relative}.page-point-tws .Kv .txt ul li:not(:last-of-type){border-bottom:1px solid #e3e3e3}.page-point-tws .Kv .txt ul li:after{position:absolute;top:50%;margin:auto;content:"";vertical-align:middle;right:3px;width:6px;height:6px;border-top:1px solid var(--clr-soundcore-primary);border-right:1px solid var(--clr-soundcore-primary);transform:rotate(135deg)}.page-point-tws .Kv .txt ul li a{color:var(--clr-soundcore-primary);display:block;padding:20px 20px 20px 0}@media screen and (min-width:1080px){.page-point-tws .Kv .txt ul li a{color:inherit;transition:all ease .2s}.page-point-tws .Kv .txt ul li a:hover{font-weight:700;transition:all ease .3s}}@media screen and (min-width:1080px){.page-point-tws .Tips h2{margin-bottom:30px}}.page-point-tws .Tips .nav a,.page-point-tws .Tips h3{display:flex;align-items:center;justify-content:left;line-height:1}@media screen and (min-width:1080px){.page-point-tws .Tips .layout{display:grid;grid-template-columns:300px 1fr;position:relative}}@media screen and (min-width:1080px){.page-point-tws .Tips .layout .nav{position:sticky;top:calc(var(--header-height) + 40px);height:fit-content}}.page-point-tws .Tips .layout .nav li:not(:last-of-type){margin-bottom:20px}.page-point-tws .Tips .layout .nav li.active a{font-weight:700;color:inherit}.page-point-tws .Tips .layout .nav li a{color:#b4b4b4;transition:all ease .3s}.page-point-tws .Tips .layout .nav li a span{padding:8px;font-size:10px;vertical-align:middle;margin-right:8px}.page-point-tws .Tips .layout .contents ul li:not(:last-child){margin-bottom:80px}@media screen and (min-width:1080px){.page-point-tws .Tips .layout .contents ul li{display:grid;grid-template-columns:minmax(200px,1fr) 2fr;gap:60px}.page-point-tws .Tips .layout .contents ul li.one-fr{grid-template-columns:1fr;gap:0}}.page-point-tws .Tips .layout .contents ul li img{margin-bottom:40px}@media screen and (min-width:1080px){.page-point-tws .Tips .layout .contents ul .chunk{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-left:calc(-50vw + 65%)}.page-point-tws .Tips .layout .contents ul .chunk li{margin-bottom:0}}.page-point-tws .bg{background-color:#f5f5f5}.page-point-tws .Diagnosis{margin-bottom:40px}@media screen and (min-width:1080px){.page-point-tws .Diagnosis{margin-bottom:120px}}.page-point-tws .Diagnosis h2{margin-bottom:30px;color:#333}.page-point-tws .Diagnosis .diagnosis-container{margin:0 auto;min-height:400px}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question{display:none;opacity:0;transform:translate(30px);transition:all .4s cubic-bezier(.4,0,.2,1)}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question.active{display:block;opacity:1;transform:translate(0)}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question.fade-out{opacity:0;transform:translate(-30px)}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question.fade-in{animation:slideInFromRight .5s cubic-bezier(.4,0,.2,1) forwards}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .question-header{margin-bottom:50px}}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .question-header .btn-back{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .question-header .btn-back{padding:10px 20px;font-size:16px}}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .question-header .btn-back:hover{background:#5a6268;transform:translateY(-1px)}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question h3{margin-bottom:0;font-size:20px;color:#333}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question h3{font-size:28px}}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options{display:grid;gap:8px;margin-top:10px}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options{gap:16px;grid-template-columns:repeat(3,1fr)}}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options[data-question="1"]{grid-template-columns:repeat(3,1fr)}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options[data-question="1"]{grid-template-columns:repeat(3,1fr)}}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options[data-question="2"]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options[data-question="2"]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options[data-question="3"]{grid-template-columns:repeat(2,1fr)}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options[data-question="3"]{grid-template-columns:repeat(2,1fr)}}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option{background:#f8f9fa;border:2px solid #e9ecef;border-radius:4px;padding:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:120px;display:flex;flex-direction:column;justify-content:center;transform:translateY(0)}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option{padding:24px;min-height:180px}}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option:hover{border-color:#333;background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option.selected{border-color:var(--clr-soundcore-primary);background:#17bbef0d;transform:scale(.98)}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option .option-content .option-image{margin-bottom:8px}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option .option-content .option-image{margin-bottom:20px}}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option .option-content .option-image .option-product-image{width:60px;height:60px;object-fit:contain;display:block}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option .option-content .option-image .option-product-image{width:120px;height:120px}}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option .option-content .option-title{font-size:16px;font-weight:700;margin-bottom:4px;color:#333}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option .option-content .option-title{font-size:20px;margin-bottom:12px}}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option .option-content .option-description{font-size:14px;color:#555}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option .option-content .option-description{font-size:16px}}.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option .option-content .option-result{font-size:12px;font-weight:700;color:#333;padding:4px 8px;background:#e9ecef;border-radius:4px;display:inline-block}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-questions .diagnosis-question .diagnosis-options .diagnosis-option .option-content .option-result{font-size:18px;padding:10px 20px}}.page-point-tws .Diagnosis .diagnosis-result{display:none;text-align:center;opacity:0;transform:translateY(30px);transition:all .5s cubic-bezier(.4,0,.2,1)}.page-point-tws .Diagnosis .diagnosis-result.active{display:block;opacity:1;transform:translateY(0)}.page-point-tws .Diagnosis .diagnosis-result.fade-in{animation:slideInFromBottom .6s cubic-bezier(.4,0,.2,1) forwards}.page-point-tws .Diagnosis .diagnosis-result h3{font-size:24px;color:#333;margin-bottom:40px}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-result h3{font-size:28px;margin-bottom:50px}}.page-point-tws .Diagnosis .diagnosis-result .result-product{background:#fff;border:2px solid #333;border-radius:4px;padding:30px;margin-bottom:30px;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center;gap:30px;text-align:left}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-result .result-product{padding:40px;gap:40px}}@media screen and (max-width:767px){.page-point-tws .Diagnosis .diagnosis-result .result-product{flex-direction:column;text-align:center;gap:20px}}.page-point-tws .Diagnosis .diagnosis-result .result-product .product-image{width:150px;height:150px;object-fit:contain;flex-shrink:0}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-result .result-product .product-image{width:180px;height:180px}}@media screen and (max-width:767px){.page-point-tws .Diagnosis .diagnosis-result .result-product .product-image{margin:0 auto}}.page-point-tws .Diagnosis .diagnosis-result .result-product .product-info{flex:1}.page-point-tws .Diagnosis .diagnosis-result .result-product .product-info .product-title{font-size:20px;font-weight:700;color:#333;margin-bottom:12px}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-result .result-product .product-info .product-title{font-size:24px;margin-bottom:16px}}.page-point-tws .Diagnosis .diagnosis-result .result-product .product-info .product-price{font-size:18px;font-weight:700;color:#666;margin-bottom:20px}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-result .result-product .product-info .product-price{font-size:20px;margin-bottom:24px}}.page-point-tws .Diagnosis .diagnosis-result .result-product .product-info .product-link{display:inline-block;background:#333;color:#fff;padding:10px 24px;border-radius:4px;text-decoration:none;font-weight:700;transition:all .3s ease}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-result .result-product .product-info .product-link{padding:12px 32px;font-size:16px}}.page-point-tws .Diagnosis .diagnosis-result .result-product .product-info .product-link:hover{background:#555;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.page-point-tws .Diagnosis .diagnosis-result .diagnosis-actions .btn-restart{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:16px;transition:all .3s ease}@media screen and (min-width:1080px){.page-point-tws .Diagnosis .diagnosis-result .diagnosis-actions .btn-restart{padding:14px 28px;font-size:18px}}.page-point-tws .Diagnosis .diagnosis-result .diagnosis-actions .btn-restart:hover{background:#5a6268;transform:translateY(-2px)}.page-point-tws .Scene{padding:12vh 0}.page-point-tws .Scene h2{margin-bottom:80px}.page-point-tws .Scene .layout:not(:last-of-type){margin-bottom:120px}@media screen and (min-width:1080px){.page-point-tws .Scene .layout{display:grid;grid-template-columns:1fr 2fr;gap:100px}}.page-point-tws .Scene .layout .txt{margin-bottom:40px}.page-point-tws .Scene .layout .txt .label{display:inline-block;color:#fff;background-color:var(--clr-soundcore-primary);line-height:1;padding:4px 25px 4px 8px;font-size:12px}.page-point-tws .Scene .layout .products{border-top:1px solid #e3e3e3}.page-point-tws .Scene .layout .products>p{padding-top:20px}@media screen and (min-width:1080px){.page-point-tws .Scene .layout .products ul{display:grid;grid-template-columns:repeat(2,1fr);gap:60px}}.page-point-tws .Scene .layout .products ul li:not(:last-of-type){margin-bottom:60px}.page-point-tws .Scene .layout .products ul li img{margin-bottom:20px}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}
/*# sourceMappingURL=/cdn/shop/t/322/assets/point-tws.css.map */