.comparison-page-wrapper{position:relative;min-height:400px}.comparison-page-loading{display:block}.comparison-page-loading.hidden,.comparison-page-empty.hidden,.comparison-page-content.hidden{display:none}.comparison-page-loading .loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(var(--text-color),.1);border-top-color:rgb(var(--text-color));border-radius:50%;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.compare-popup{margin:.3rem;overflow-x:auto;overflow-y:visible;max-width:100%;border:2px solid #d0d0d0;border-radius:var(--border-radius, 4px)}.compare-table{table-layout:fixed;min-width:100%;border-collapse:separate;border-spacing:0}.compare-table th,.compare-table td{text-align:start;white-space:normal;padding:1.6rem;border-bottom:1px solid #d0d0d0;border-top:none;vertical-align:top}.compare-table th{min-width:15rem;font-weight:700;background-color:#f5f5f5;position:sticky;left:0;z-index:10;border-right:2px solid #d0d0d0;border-left:none;border-top:none;border-bottom:1px solid #d0d0d0!important;box-shadow:2px 0 4px #0000000d}.compare-table tbody tr:last-child th{border-bottom:none!important}.compare-table td{min-width:25rem;max-width:25rem}.compare-table tbody tr:first-child td{vertical-align:top}.compare-table td{border-top:none}.compare-table td:first-of-type{border-left:none}.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:none}.compare-popup__media-wrapper{max-width:25rem;margin:0 auto}.compare-popup__media-wrapper .media{position:relative;padding-top:100%;overflow:hidden;border-radius:var(--border-radius, 4px)}.compare-popup__media-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.compare-popup__product-info{display:flex;flex-direction:column;align-items:center;gap:1rem}.compare-popup__product-image{width:100%;max-width:15rem;margin:0 auto;height:150px;flex-shrink:0;overflow:hidden}.compare-popup__product-image a{display:block;position:relative;height:100%;overflow:hidden;border-radius:var(--border-radius, 4px)}.compare-popup__product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.compare-popup__product-title{text-align:center;word-break:break-word;margin:0!important;line-height:1.3}.compare-popup .price{font-size:1.8rem;font-weight:700}.compare-popup .price__sale{flex-direction:column}.compare-popup .product-form__buttons{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.compare-popup .product-form__submit{max-width:100%}.compare-popup__description{max-height:20rem;overflow-y:auto}.compare-popup__remove-link{display:inline-flex;align-items:center;justify-content:center;padding:1rem;color:rgb(var(--error-text, --text-color));text-decoration:underline;transition:opacity .2s ease}.compare-popup__remove-link:hover{opacity:.7}@media(max-width:768px){.compare-table th{min-width:12rem;font-size:1.4rem}.compare-table td{min-width:20rem;max-width:20rem}.compare-table th,.compare-table td{padding:1.2rem}.compare-popup{margin:0;max-height:calc(100vh - 15rem)}}@media(max-width:480px){.compare-table th{min-width:10rem;font-size:1.2rem}.compare-table td{min-width:16rem;max-width:16rem;font-size:1.3rem}.compare-table th,.compare-table td{padding:1rem}.compare-popup{max-height:calc(100vh - 12rem)}}.comparison-page-empty{padding:4rem 2rem}.comparison-page-empty p{font-size:1.6rem;color:rgba(var(--text-color),.7)}.compare-popup__add-to-cart-form{display:flex;justify-content:center;width:100%}.compare-popup__add-to-cart-btn{width:100%;max-width:20rem}.compare-popup__add-to-cart-btn.is-loading{opacity:.7;cursor:not-allowed}.compare-popup__add-to-cart-btn.is-success{background-color:var(--success-color, #28a745);border-color:var(--success-color, #28a745)}.compare-popup__unavailable{color:rgba(var(--text-color),.5);font-style:italic;text-align:center;display:block}.compare-column-actions{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:2rem .5rem .5rem;margin-bottom:.75rem;border-bottom:1px solid rgba(var(--text-color),.1)}.compare-drag-handle{position:relative;display:flex;justify-content:center;align-items:center;padding:.5rem;cursor:grab;opacity:.5;transition:opacity .2s ease,background-color .2s ease;border-radius:6px}.compare-drag-handle:hover{opacity:1;background-color:rgba(var(--text-color),.08)}.compare-drag-handle:active{cursor:grabbing}.drag-grip{display:block;width:24px;height:16px;background-image:radial-gradient(circle,currentColor 2px,transparent 2px);background-size:8px 5px;background-position:center}.compare-remove-btn{position:relative;display:flex;justify-content:center;align-items:center;padding:.5rem;background:transparent;border:none;cursor:pointer;opacity:.5;transition:opacity .2s ease,background-color .2s ease,color .2s ease;border-radius:6px;color:inherit}.compare-remove-btn:hover{opacity:1;background-color:#dc35451a;color:#dc3545}.compare-remove-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.compare-remove-btn svg{width:20px;height:20px}.compare-drag-handle:after,.compare-remove-btn:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;padding:6px 10px;background:#000000e6;color:#fff;font-size:12px;font-weight:400;white-space:nowrap;border-radius:4px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:100}.compare-drag-handle:before,.compare-remove-btn:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:2px;border:4px solid transparent;border-top-color:#000000e6;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:100}.compare-drag-handle:hover:after,.compare-drag-handle:hover:before,.compare-remove-btn:hover:after,.compare-remove-btn:hover:before{opacity:1;visibility:visible}.compare-table td.dragging,.compare-table td.column-dragging{opacity:.5;background-color:rgba(var(--text-color),.05)}.compare-table td.drag-over{background-color:rgba(var(--primary-color, 66, 133, 244),.1);box-shadow:inset 0 0 0 2px rgba(var(--primary-color, 66, 133, 244),.3)}.compare-table tbody tr:first-child td[draggable=true]{cursor:grab}.compare-table tbody tr:first-child td[draggable=true]:active{cursor:grabbing}@media(max-width:480px){.compare-drag-handle{display:none}.compare-column-actions{justify-content:flex-end}.compare-table tbody tr:first-child td[draggable=true]{cursor:default}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/comparison-page.css.map */