.decision .application-details .new-app-results-container ul.columns li .new-results-item-details::-webkit-scrollbar { width: var(--sb-size) } .decision .application-details .new-app-results-container ul.columns li .new-results-item-details::-webkit-scrollbar-track { background: var(--sb-track-color); border-radius: 3px; } .decision .application-details .new-app-results-container ul.columns li .new-results-item-details::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border-radius: 3px; } @supports not selector(::-webkit-scrollbar) { .decision .application-details .new-app-results-container ul.columns li .new-results-item-details { scrollbar-color: var(--sb-thumb-color) var(--sb-track-color); } } .decision .application-details .new-app-results-container ul.columns { display: block; position: relative; width: 100%; box-sizing: border-box; } .decision .application-details .new-app-results-container ul.columns li { display: inline-block; height: auto; justify-content: space-between; width: 31%; text-align: center; min-width: 226px; /* overflow-x: hidden; */ box-sizing: border-box; vertical-align: top; } .decision .application-details .new-app-results-container ul.columns li>div { margin-bottom: 32px; margin-right: 1%; overflow: hidden; position: relative; outline: 1px solid grey; max-width: 300px; display: inline-block; height: auto; min-width: 226px; box-sizing: border-box; margin-top: 1px; display: block; } .decision .application-details .new-app-results-container ul.columns .new-results-item { display: block; width: 100%; position: relative; } .decision .application-details .new-app-results-container ul.columns li .image-container { display: block; width: 100%; position: relative; } .decision .application-details .new-app-results-container ul.columns li .image-container img { width: 100%; height: 260px; object-fit: contain; } .decision .application-details .new-app-results-container ul.columns li .new-results-item-details { height: auto; min-height: 254px; } .decision .application-details .new-app-results-container ul.columns li .new-results-item-details-rank { position: absolute; right: 10px; font-size: 24px; font-weight: 700; padding-right: 16px; padding-top: 0px; text-align: right; } .decision .application-details .new-app-results-container ul.columns li h3 {} .decision .application-details .new-app-results-container ul.columns li h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 16px; } .decision .application-details .new-app-results-container ul.columns li .new-results-product-specs.expanded { max-height: none; overflow: visible; position: relative; transition: max-height 0.3s ease-in-out; } .decision .application-details .new-app-results-container ul.columns li .new-results-product-specs { max-height: 160px; overflow: hidden; position: relative; transition: max-height 0.3s ease-in-out; } .decision .application-details .new-app-results-container ul.columns li .show-more-btn { position: absolute; left: 10px; bottom: -1px; background-color: transparent; border: 0px; font-size: 16px; font-family: Work Sans, sans-serif; font-weight: 400; color: #015fef; cursor: pointer; } .decision .application-details .new-app-results-container ul.columns li .show-more-btn:hover{ border: 0px !important;!i;!; } .decision .application-details .new-app-results-container ul.columns li .new-results-product-specs ul { padding: 0px; padding-left: 16px; } .decision .application-details .new-app-results-container ul.columns li .new-results-product-specs ul li { width: 100%; margin: 0px; outline: none; box-sizing: border-box; /* white-space: nowrap; */ text-align: left; margin-bottom: 5px; height: 30px; line-height: 15px; vertical-align: middle; } .decision .application-details .new-app-results-container ul.columns li .new-results-product-specs ul li span { justify-content: space-between; font-family: Work Sans, sans-serif; font-weight: 400; display: inline-block; width: 49%; font-weight: 400; } .decision .application-details .new-app-results-container ul.columns li .new-results-product-specs ul li span.ceil1 { justify-content: space-between; font-family: Work Sans, sans-serif; font-weight: 400; display: inline-block; width: 49%; font-size: 16px; vertical-align: middle; } .decision .application-details .new-app-results-container ul.columns li .new-results-product-specs ul li span.ceil2 { text-align: right; padding-right: 10px; box-sizing: border-box; white-space: initial; font-family: Work Sans, sans-serif; vertical-align: top; max-height: 30px; overflow: hidden; } .decision .application-details .new-app-results-container ul.columns li .new-results-product-specs ul li span.ceil2 input[type=color] { display: inline-block; width: 20px; border: 0px; height: 24px; padding: 0px; border-width: 0px; cursor: pointer; vertical-align: sub; margin: 0px; background-color: transparent; margin-right: -8px; }