.main-compare .title-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px}.main-compare .title-row span{cursor:pointer}.main-compare .search{width:100%;margin:8px 0;padding:6px 8px;border:1px solid #444;border-radius:4px;background:#222;color:#eee}.main-compare .checkbox-list{list-style:none;max-height:200px;overflow-y:auto}.main-compare .checkbox-list li{margin:12px 0}.main-compare .checkbox-list li:first-child{margin-top:0}.main-compare .checkbox-list li:last-child{margin-bottom:0}.main-compare .checkbox-list li.highlight{color:#00c2ff}.main-compare label{display:flex;align-items:center;cursor:pointer}.main-compare .checkbox{position:relative;flex-shrink:0;margin-right:8px;cursor:pointer;width:18px;height:18px;border-radius:4px;display:flex;justify-content:center;align-items:center;border:1px solid #ffffff}.main-compare .checkbox.checked{background-color:#fff}.main-compare .checkbox input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.main-compare .compare-container{display:flex;gap:12px}.main-compare .sidebar{position:sticky;align-self:flex-start;top:148px;width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:24px}.main-compare .sidebar-item{background:var(--white-8);padding:24px;border-radius:8px}.main-compare .main{width:calc(100% - 360px)}.main-compare .product-list{display:flex;gap:12px;overflow-x:hidden}.main-compare .product{position:relative;width:calc(33.333% - 8px);flex-shrink:0;max-width:360px;border-radius:8px;background:var(--white-8);text-align:center}.main-compare .product-info{padding:24px 12px}.main-compare .card-remove{position:absolute;top:24px;right:24px;cursor:pointer}.main-compare .product-img-wrapper{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0 12px;box-sizing:border-box}.main-compare .product-img{aspect-ratio:1;width:100%;height:auto;object-fit:contain;border-radius:4px}.main-compare .main-compare .product-title{margin-bottom:12px}.main-compare .price-container{display:flex;align-items:center;justify-content:center;gap:8px}.main-compare .price-container .compare-at-price{color:var(--grey)}.main-compare .price-container .compare-at-price.is-empty{visibility:hidden}.main-compare .spec-list{margin-top:48px;display:flex;flex-direction:column;gap:48px}.main-compare .product-info>h3,.main-compare .price-container,.main-compare .spec-list>li{box-sizing:border-box}.main-compare .product-info>h3{word-break:break-word;overflow:visible;white-space:normal}.main-compare .spec-list li{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;box-sizing:border-box}.main-compare .spec-list li strong{font-weight:630}.main-compare .spec-list li .key{color:var(--grey)}.main-compare .spec-list .value-list{margin-top:8px;width:100%;display:flex;flex-direction:column;gap:4px}.main-compare .spec-list .value-list .value p{margin:0}.main-compare .action-list-wrapper{overflow-x:hidden;position:sticky;background-color:#000;bottom:0}.main-compare .action-list{overflow-x:auto;display:flex;gap:12px;padding:48px 0}.main-compare .action-list .action-item{width:calc(33.333% - 8px);max-width:360px;flex-shrink:0;display:flex;justify-content:center}.main-compare .action-list .action-item a{min-width:auto;width:100%}.main-compare .action-list.white-scrollbar{scrollbar-color:var(--blue) transparent;scrollbar-width:thin}.main-compare .action-list.white-scrollbar::-webkit-scrollbar-button{display:none!important}.main-compare .action-list.white-scrollbar::-webkit-scrollbar{height:4px}.main-compare .action-list.white-scrollbar::-webkit-scrollbar-track{background:transparent}.main-compare .action-list.white-scrollbar::-webkit-scrollbar-thumb{background:var(--blue);border-radius:100px}.main-compare .action-list.white-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--blue-hover)}@media(max-width:1600px){.main-compare .action-list{padding:24px 0}}@media(max-width:1200px){.main-compare .main{width:70%}.main-compare .sidebar{width:30%}}@media(max-width:999px){.main-compare .compare-container{flex-direction:column}.main-compare .sidebar{position:relative;top:auto}.main-compare .sidebar,.main-compare .main{width:100%}.main-compare .product,.main-compare .action-list .action-item{width:calc(66.666% - 8px)}.main-compare .action-list{padding:24px 0}.sidebar-item-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999999999;background:#0000004d;visibility:hidden;opacity:0;pointer-events:none;transition:all .3s}.sidebar-item-wrapper.open{visibility:visible;opacity:1;pointer-events:auto}.sidebar-item-wrapper .sidebar-item{max-width:600px;position:relative;background-color:var(--black);width:90vw;height:80vh}.main-compare .checkbox-list{max-height:unset;height:calc(100% - 48px)}.main-compare .checkbox-list li{margin:24px 0}.sidebar-action{display:flex;justify-content:space-between}.sidebar-action .sidebar-action-item{display:flex;align-items:center;gap:8px;cursor:pointer}.sidebar-action-close{position:absolute;left:50%;z-index:9999999;top:0;transform:translate(-50%,-48px);cursor:pointer}.main-compare .spec-list{margin-top:24px;gap:24px}.main-compare .product-list{overflow-x:auto}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/main-compare.css.map */