.quick-comparison-table{--heading-col-width: 16rem;--product-col-width: 14rem;border-collapse:collapse;width:max-content;min-width:100%;table-layout:fixed;border:0;font-size:1.3rem;line-height:1.3;transition:transform .3s ease}.quick-comparison-table-container{max-width:100%;overflow:hidden;position:relative}.swipe-indicator-mobile{display:none;position:absolute;z-index:1000;padding:8px 12px;border-radius:20px;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:none;opacity:0;transition:ease-in;box-shadow:0 2px 8px #0000001a}@media (prefers-color-scheme: dark){.swipe-indicator-mobile{background:rgb(var(--color-background))}}.color-background-2 .swipe-indicator-mobile,.color-background-3 .swipe-indicator-mobile,.color-background-4 .swipe-indicator-mobile{background:#000c}@media (max-width: 767.98px){.swipe-indicator-mobile{display:flex}}.swipe-animation{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:4px}.hand-icon{display:flex;align-items:center;justify-content:center;animation:swipeLeft 2s ease-in-out infinite;transform-origin:center;color:#666}.hand-icon svg{width:20px;height:20px}@keyframes swipeLeft{0%{transform:translate(5px) rotate(0);opacity:1}25%{transform:translate(2px) rotate(-3deg);opacity:.9}50%{transform:translate(-2px) rotate(-5deg);opacity:.8}75%{transform:translate(-5px) rotate(-3deg);opacity:.9}to{transform:translate(-8px) rotate(0);opacity:1}}@media (max-width: 767.98px){.quick-comparison-table-container{overflow:hidden;position:relative}.quick-comparison-table{position:relative}.swipe-indicator-mobile{display:flex}.quick-comparison-table-container:after{content:"";position:absolute;top:0;left:calc(var(--heading-col-width) + var(--product-col-width));right:0;bottom:0;pointer-events:none;z-index:8;overflow:hidden}.quick-comparison-table th:nth-child(n+3),.quick-comparison-table td:nth-child(n+3){position:relative;z-index:1}}.quick-comparison-table-container::-webkit-scrollbar{display:none}.quick-comparison-table-container{-ms-overflow-style:none;scrollbar-width:none}.section--padding:has(.quick-comparison-table)::-webkit-scrollbar{display:none}.section--padding:has(.quick-comparison-table){-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden}.quick-comparison-table th,.quick-comparison-table td{position:relative;padding:.8rem 1rem;text-align:start;vertical-align:top;z-index:0;width:var(--product-col-width);line-height:1.4;height:auto!important;min-height:0!important}.quick-comparison-table th:before,.quick-comparison-table td:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));border-bottom-width:0;border-inline-start-width:0;pointer-events:none}.quick-comparison-table th:first-child,.quick-comparison-table td:first-child{width:var(--heading-col-width)}.quick-comparison-table th:last-child:before,.quick-comparison-table td:last-child:before{border-inline-end-width:0}.quick-comparison-table tr:first-child td:before{border-top-width:0}.quick-comparison-table tr[data-compare-key=info] td{padding:1rem 1.2rem}.quick-comparison-table tr[data-compare-key=info] td{vertical-align:top}.quick-comparison-table .product-featured-image{max-width:80px;margin:0 auto;min-height:80px;height:80px;max-height:80px;background-color:rgb(var(--color-background, 245, 245, 245));border-radius:8px;overflow:hidden;position:relative;padding:0;box-sizing:border-box}.quick-comparison-table .product-card__image-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;display:block;overflow:hidden;width:100%;height:100%}.quick-comparison-table .product-card__image,.quick-comparison-table .product-card__image--main,.quick-comparison-table .product-card__image--second{width:100%;height:100%;object-fit:contain;object-position:center bottom;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;padding:1rem;box-sizing:border-box;display:block}.quick-comparison-table .product-card__image--second{opacity:0;transition:opacity .3s ease;z-index:2}.quick-comparison-table .product-card__image-wrapper:hover .product-card__image--second{opacity:1}.quick-comparison-table .product-card__image--main{z-index:1;transition:opacity .3s ease}.quick-comparison-table .product-card__image-wrapper:hover .product-card__image--main{opacity:0}.quick-comparison-table .comparison-product-image-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background, 245, 245, 245));border-radius:8px}.quick-comparison-table .comparison-product-image-container svg{width:100%;height:100%;max-width:80%;max-height:80%;margin:auto}.comparison-product-image-container{overflow:hidden;width:100%;height:100%;background-color:rgb(var(--color-background, 245, 245, 245));border-radius:8px;display:flex;align-items:center;justify-content:center}motion-element[data-motion=zoom-out-sm]{display:block;height:100%;transition:transform .3s ease-out}motion-element[data-motion=zoom-out-sm]:hover{transform:scale(1.03)}.comparison-product-image-container img{transition:transform .5s ease-out;will-change:transform}.comparison-product-image-container:hover img{transform:scale(1.05)}.quick-comparison-table tr[data-compare-key=info]:first-child td{padding-top:.5rem}.quick-comparison-table__col-info{padding-top:.8rem}.quick-comparison-table-loading{opacity:1;transition:opacity .3s ease}.quick-comparison-table-loading.hidden{opacity:0;pointer-events:none}.quick-comparison-table-skeleton{width:100%;border-collapse:collapse;table-layout:fixed}.skeleton-row{display:flex;margin-bottom:.1rem}.skeleton-cell{position:relative;padding:2rem 1.6rem;border:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));border-bottom-width:0;border-left-width:0;background:rgba(var(--color-background),1);overflow:hidden}.skeleton-cell:last-child{border-right-width:0}.skeleton-row:first-child .skeleton-cell{border-top-width:0}.skeleton-label{width:var(--heading-col-width, 18rem);background:rgba(var(--color-foreground),.05)}.skeleton-content{width:var(--product-col-width, 14rem);background:rgba(var(--color-foreground),.03)}.hide-mobile{display:none}@media screen and (min-width: 750px){.hide-mobile{display:block}}.skeleton-cell:before{content:"";position:absolute;top:50%;left:1.6rem;right:1.6rem;height:1.4rem;background:linear-gradient(90deg,rgba(var(--color-foreground),.1),rgba(var(--color-foreground),.2),rgba(var(--color-foreground),.1));border-radius:.4rem;animation:skeleton-shimmer 1.5s ease-in-out infinite;transform:translateY(-50%)}@keyframes skeleton-shimmer{0%{transform:translateY(-50%) translate(-100%);opacity:0}50%{opacity:1}to{transform:translateY(-50%) translate(100%);opacity:0}}.quick-comparison-table__col-info .btn{margin-top:1.2rem}.quick-comparison-table--remove{position:absolute;top:-1.1rem;inset-inline-end:-1.4rem;padding:0;height:3.2rem;width:3.2rem;box-shadow:0 0 8px rgba(var(--color-foreground),.15)}.quick-comparison-table th:first-child,.quick-comparison-table td:first-child{z-index:10;position:sticky;inset-inline-start:0;background:rgb(var(--color-background))}.quick-comparison-table th:nth-child(2),.quick-comparison-table td:nth-child(2){z-index:9;position:sticky;inset-inline-start:var(--heading-col-width);background:rgb(var(--color-background))}.quick-comparison-table th:nth-child(n+3),.quick-comparison-table td:nth-child(n+3){z-index:1;position:relative;min-width:var(--product-col-width);flex-shrink:0;box-sizing:border-box}.quick-comparison-table th:last-child,.quick-comparison-table td:last-child{margin-inline-end:2rem}@media (max-width: 767.98px){.quick-comparison-table{--heading-col-width: 10rem;--product-col-width: 12rem;--col-gap-x: 1rem;--col-gap-y: 1rem;font-size:calc(var(--font-body-size) * .8);line-height:2rem;min-width:calc(var(--heading-col-width) + var(--product-col-width) + (var(--product-col-width) * 2) + 2rem)}.quick-comparison-table tr[data-compare-key=info] td{padding:1rem 1rem .8rem}.quick-comparison-table tr[data-compare-key=info]:first-child td:before{top:1rem}.quick-comparison-table .product-featured-image{margin-inline:auto}.quick-comparison-table th:nth-child(n+3),.quick-comparison-table td:nth-child(n+3){width:var(--product-col-width)}}.quick-comparison-table{margin-bottom:var(--table-bottom-margin-desktop, 32px)}@media (max-width: 767.98px){.quick-comparison-table{margin-bottom:var(--table-bottom-margin-mobile, 24px)}}.quick-comparison-table-container .swiper-button.swiper-button-disabled:before{background-color:rgba(var(--color-foreground),1)}@media (hover: hover) and (pointer: fine){.quick-comparison-table-container .swiper-button.swiper-button-disabled:hover{color:rgb(var(--color-background))}.quick-comparison-table-container .swiper-button.swiper-button-disabled:hover:before{width:calc(100% + var(--buttons-border-width, 0px))}}
/*# sourceMappingURL=/cdn/shop/t/170/assets/section-quick-comparison-table.css.map */