.product-compare-table-inline .product-compare-table-inline-container{display:block;position:relative;overflow-x:auto;padding-bottom:1rem}.product-compare-table-inline .product-compare-table-inline-container table{width:max-content;min-width:100%;border-collapse:collapse}.product-compare-table-inline .product-compare-table-inline-container table thead{position:relative}.product-compare-table-inline .product-compare-table-inline-container table thead tr th{width:17.5rem;vertical-align:top;padding-top:2rem}.product-compare-table-inline .product-compare-table-inline-container table thead tr th.parameter-column,.product-compare-table-inline .product-compare-table-inline-container table tbody tr td.parameter-column{width:12rem;background:rgba(var(--color-foreground),.05);position:sticky;left:0;z-index:3;padding:1rem}.product-compare-table-inline .product-compare-table-inline-container table tbody tr td.parameter-column{font-weight:600;border-right:1px solid rgba(var(--color-foreground),.1);text-align:left;font-size:.875rem}.product-compare-table-inline .product-compare-table-inline-container table thead tr th .media{display:inline-block;width:11.5rem;margin-bottom:1rem;border-radius:var(--medium-radius)}.product-compare-table-inline .product-compare-table-inline-container table thead tr th .media .media-content{display:flex;align-items:flex-start;justify-content:flex-end;padding:.5rem}.product-compare-table-inline .product-compare-table-inline-container table thead tr th .media .media-content .icon{width:1.75rem;color:rgb(var(--color-success))}.product-compare-table-inline .product-compare-table-inline-container table thead tr th .media.current-product-media{border:2px solid rgb(var(--color-foreground))}.product-compare-table-inline .product-compare-table-inline-container table thead tr th .media.has-swatch-active .product-featured-image{display:none}.product-compare-table-inline .product-compare-table-inline-container table thead tr th h3{font-size:1rem;margin-bottom:.5rem}.product-compare-table-inline .product-compare-table-inline-container table thead tr th .price{font-size:.875rem;margin-bottom:1rem}.product-compare-table-inline .product-compare-table-inline-container table thead tr td{padding-bottom:2rem;text-align:center}.product-compare-table-inline .product-compare-table-inline-container table tbody tr{position:relative;border-bottom:1px solid rgba(var(--color-foreground),.1)}.product-compare-table-inline .product-compare-table-inline-container table tbody tr td{padding:1rem 0;text-align:center;vertical-align:middle}.product-compare-table-inline .product-compare-table-inline-container table tbody tr td .icon{width:1rem}.product-compare-table-inline .product-compare-table-inline-container table tbody tr td .custom-color{display:inline-block;width:1.25rem;height:1.25rem;position:relative;border-radius:9999px}.product-compare-table-inline .product-compare-table-inline-container table tbody tr td .custom-color:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.2);border-radius:9999px;pointer-events:none;z-index:1}.product-compare-table-inline .product-compare-table-inline-container table tbody tr td .color-swatches{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.product-compare-table-inline .product-compare-table-inline-container table tbody tr td .color-swatches .color-swatch{width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.2)}.product-compare-table-inline .product-compare-table-inline-container table tbody tr td .rating{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 749px){.product-compare-table-inline .product-compare-table-inline-container table thead tr th{width:12rem}.product-compare-table-inline .product-compare-table-inline-container table thead tr th.parameter-column,.product-compare-table-inline .product-compare-table-inline-container table tbody tr td.parameter-column{width:8rem;padding:.75rem .5rem;font-size:.8rem}.product-compare-table-inline .product-compare-table-inline-container table thead tr th .media{width:8.5rem}.product-compare-table-inline .product-compare-table-inline-container table tbody tr td{padding:.75rem .25rem;font-size:.85rem}}.product-compare-table-inline .product-compare-table-inline-container table thead tr th.hover-trigger:hover .media{transform:scale(1.02);transition:transform .2s ease}.product-compare-table-inline .product-compare-table-inline-container table tbody tr:hover{background-color:rgba(var(--color-foreground),.02)}.product-compare-table-inline .product-compare-table-inline-container table tbody tr td{min-height:3rem;display:table-cell}.product-compare-table-inline .product-rating{margin-bottom:.5rem}.product-compare-table-inline .button{white-space:nowrap}.product-compare-table-inline .parameter-inline{display:flex;flex-direction:column;gap:.25rem}.product-compare-table-inline .parameter-name{font-weight:700;font-size:.875rem;color:rgba(var(--color-foreground),.7);margin-bottom:.5rem}.product-compare-table-inline .parameter-value{font-size:.9rem;color:rgb(var(--color-foreground))}@media screen and (max-width: 480px){.product-compare-table-inline .product-compare-table-inline-container table thead tr th{width:10rem}.product-compare-table-inline .product-compare-table-inline-container table thead tr th.parameter-column,.product-compare-table-inline .product-compare-table-inline-container table tbody tr td.parameter-column{width:6rem;padding:.5rem .25rem;font-size:.75rem}.product-compare-table-inline .product-compare-table-inline-container table thead tr th .media{width:7rem}.product-compare-table-inline .product-compare-table-inline-container table tbody tr td{padding:.5rem .125rem;font-size:.8rem}.product-compare-table-inline .product-compare-table-inline-container table thead tr th h3{font-size:.875rem}.product-compare-table-inline .product-compare-table-inline-container table thead tr th .price{font-size:.8rem}}@media screen and (min-width: 750px){.product-compare-table-inline .parameter-inline{flex-direction:row;align-items:center;gap:.5rem}.product-compare-table-inline .parameter-name:after{content:"";margin-left:.25rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-product-compare-table-inline.css.map */
