.specifications-section ul{list-style:none;padding:0;margin:0}.specifications-section .main-specifications{display:flex;gap:40px}.specifications-section main{flex:1}.specifications-section main ul{display:flex;flex-direction:column}.specifications-section main ul li{cursor:pointer}.specifications-section main ul li .specifications-title{display:flex;padding:30px 0;justify-content:space-between;align-items:center;line-height:26px;color:#000;border-bottom:.5px solid rgba(0,0,0,.2)}.specifications-section main ul li .specifications-title span{line-height:26px}.specifications-section main ul li .specifications-title .left-title-box{display:flex;align-items:center;gap:10px}.specifications-section main ul li .specifications-title .left-title-box img{display:none;width:32px;height:32px}.specifications-section main ul li .specifications-content{cursor:default;display:none;margin-top:28px;color:#0006;font-size:14px;line-height:18px;letter-spacing:-.28px}.specifications-section aside ul{display:flex;flex-direction:row;align-items:baseline;gap:40px}.specifications-section aside ul li{position:relative;display:flex;flex-direction:column-reverse;cursor:pointer;gap:4px;align-items:center;transition:all .3s}.specifications-section aside ul li span{font-size:18px;line-height:20px;color:#0006;letter-spacing:-.36px}.specifications-section aside ul li .defualt-icon{display:flex}.specifications-section aside ul li .active-icon{display:none}.specifications-section aside ul li.active .active-icon{display:flex}.specifications-section aside ul li.active .defualt-icon{display:none}.specifications-section aside ul li.active span{color:#000;font-weight:500}.specifications-section aside .specifications-info.active{display:grid!important;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px;margin-bottom:30px}.specifications-info-item{display:flex;flex-direction:column;gap:10px}.specifications-info-item .titles{font-size:14px;line-height:16px;letter-spacing:-.28px;color:#0006}.specifications-info-item .texts{font-size:18px;line-height:20px;letter-spacing:-.36px;color:#000}.animated-plus{position:relative;width:22px;height:22px}.animated-plus:before{width:22px;height:1px;opacity:1}.animated-plus:after{width:1px;height:22px}.animated-plus:before,.animated-plus:after{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);background-color:#000;transition:transform .4s ease-in-out,opacity .4s ease-in-out}.specifications-title.active .specifications-question-svg-box:after{transform:translate(-50%,-50%) rotate(90deg)}.specifications-title.active .specifications-question-svg-box:before{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}@media (max-width: 1000px){.specifications-section .main-specifications{flex-direction:column;gap:20px}}@media (max-width: 749px){.specifications-section aside{width:100%}.specifications-section .main-specifications{flex-direction:column;gap:10px}.specifications-section aside ul{align-items:baseline;flex-direction:row;white-space:nowrap;gap:20px;overflow:auto}.specifications-section aside ul::-webkit-scrollbar{display:none}.specifications-section aside ul li{position:relative;flex-direction:row;height:38px;font-size:14px;line-height:16px;letter-spacing:-.28px;gap:4px}.specifications-section aside ul li span{font-size:14px;line-height:16px;letter-spacing:-.28px}.specifications-section aside ul li.active span{font-weight:500}.specifications-section main ul li .specifications-title{padding:16px 0;font-size:18px;line-height:20px;gap:10px}.specifications-section main ul li .specifications-title span{line-height:20px;letter-spacing:-.28px}.specifications-section main ul li .specifications-title .left-title-box{gap:10px}.specifications-section main ul li .specifications-title .left-title-box img{width:24px;height:24px}.specifications-section main ul li .specifications-content{padding-right:0;margin-top:10px;font-size:14px;line-height:18px;letter-spacing:-.28px}.specifications-section aside ul li .active-icon{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.specifications-section aside .specifications-info.active{grid-template-columns:repeat(2,1fr);gap:30px;margin-top:20px;margin-bottom:40px}.animated-plus{position:relative;width:16px;height:16px}.animated-plus:before{width:16px;height:1px;opacity:1}.animated-plus:after{width:1px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/139/assets/xreal-specifications.css.map */