.compare_box .image{display:block;position:relative;overflow:hidden;flex-grow:0;flex-shrink:0;width:100%}.compare_box .image:after{content:'';display:block;padding-bottom:var(--height-image)}.compare_box .image img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;object-fit:cover}.compare_box .card .feature{display:inline-block;padding:5px 10px 4px;background-color:var(--color-primary);color:var(--color-base);font-size:12px;font-weight:400;line-height:16px;text-align:center;letter-spacing:0.02em;transition:0.2s;cursor:pointer}.compare_box .card .feature:hover{background-color:var(--color-secondary)}.compare_box .wrapper{display:block;position:relative;overflow-x:auto;overflow-y:visible}.compare_box table{width:100%;border-collapse:separate;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);font-size:16px;line-height:20px}.compare_box tr:nth-child(2n) td{background-color:var(--color-background)}.compare_box td{width:40%;padding:15px 20px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.compare_box td.heading{width:auto;min-width:240px;background-color:var(--color-base)}.compare_box td.product{min-width:200px}.compare_box .card .feature{margin:-2px 0 10px;background-color:var(--color-primary);text-transform:uppercase;cursor:default}.compare_box .card .title{display:block;margin:2px 0 10px;color:var(--color-heading);font-family:var(--font-heading);font-size:18px;font-weight:700;line-height:1.33}.compare_box .card .title:hover{color:var(--color-primary)}.compare_box .card .link{display:none}.compare_box .card .text{margin:0;line-height:1.5}.compare_box .image{top:-15px;width:auto;margin:0 -20px}.compare_box .image:after{padding-bottom:60%}@media (max-width: 1024px){.compare_box table{font-size:15px}.compare_box td{padding:12px 15px}.compare_box td.heading{position:sticky;left:0;min-width:120px;z-index:2}.compare_box td.product{min-width:200px}.compare_box .card .image{top:-12px;margin:0 -15px}}@media (max-width: 640px){.compare_box table{font-size:14px}.compare_box td{padding:10px 12px}.compare_box td.heading{min-width:60px}.compare_box td.product{min-width:140px}.compare_box .card .image{top:-10px;margin:0 -12px}.compare_box .card .title{margin:0 0 8px;font-size:16px}.compare_box .card .feature{padding:2px 6px;margin:0 0 10px;font-size:11px}}

/*# sourceMappingURL=compare.css.map */