.spec-compare{--spec-divider: var(--color-gray-border, #e4e4e4);--spec-subdued: var(--color-gray-500, #787777);--spec-cell-pad-x: 10px;--spec-cell-pad-y: 16px;width:100%}.spec-compare__heading{text-align:center;margin-bottom:32px}.spec-compare__view--desktop{display:none}.spec-compare__grid{display:grid;align-items:stretch}.spec-compare__scroller{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.spec-compare__scroller .spec-compare__grid{width:max-content;min-width:100%}.spec-compare__view--scroll .scrollbar{margin-block:14px}.spec-compare__cell{padding:var(--spec-cell-pad-y) var(--spec-cell-pad-x);min-width:0}.spec-compare__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;position:relative;border-radius:var(--radius-ml, 15px)}.spec-compare__head.is-current{background:color-mix(in srgb,var(--spec-accent, #415fff) 6%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--spec-accent, #415fff) 35%,transparent)}.spec-compare__badge{display:inline-block;background:var(--spec-accent, #415fff);color:var(--color-white, #fff);font-size:var(--font-size-xs, 10px);font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-full, 999px)}.spec-compare__subtitle{font-size:var(--font-size-xs, 10px);color:var(--spec-subdued);letter-spacing:.02em}.spec-compare__media{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding-block:8px;height:var(--spec-media-h-mobile, 220px)}.spec-compare__media-link{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.spec-compare__media img{width:var(--media-w-mobile, 150px);max-width:100%;height:100%;object-fit:contain}.spec-compare__warranty{position:absolute;top:0;left:0;width:44px;z-index:1;pointer-events:none}.spec-compare__warranty img{width:100%;height:auto}.spec-compare__energy{position:absolute;right:0;bottom:8px;width:34px;display:inline-flex}.spec-compare__energy img{width:100%;height:auto}.spec-compare__colors{display:flex;flex-direction:column;align-items:center;gap:6px}.spec-compare__swatches{display:inline-flex;gap:6px}.spec-compare__swatches .color-swatch,.spec-compare__swatches .color-swatch.is-selected{outline:none;cursor:default;pointer-events:none;box-shadow:var(--shadow-swatch)}.spec-compare__swatches .color-swatch.is-selected:before{opacity:0}.spec-compare__color-label{font-size:var(--font-size-xs, 10px);color:var(--spec-subdued)}.spec-compare__icon{color:currentColor}.spec-compare__label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-m);margin-top:-4px}.spec-compare__value{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;font-size:var(--font-size-sx, 12px);color:var(--color-black-900);line-height:var(--line-height-1-4)}.spec-compare__value p{margin:0}.spec-compare__value strong{color:var(--text-color, var(--color-black-900, #050505));font-weight:var(--font-weight-bold)}.spec-compare__value.is-current{background:color-mix(in srgb,var(--spec-accent, #415fff) 4%,transparent)}.spec-compare__empty{color:var(--spec-divider)}.spec-compare__value{border-top:2px dashed var(--spec-divider)}.spec-compare__notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding-top:24px;border-top:2px dashed var(--spec-divider);justify-items:center;justify-content:center}.spec-compare__note{display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left}.spec-compare__note-icon{flex:0 0 auto;width:40px;display:inline-flex}.spec-compare__note-icon img{width:100%;height:auto;object-fit:contain}.spec-compare__note-text{display:flex;flex-direction:column;gap:2px;max-width:210px}.spec-compare__note-heading{font-weight:var(--font-weight-bold);font-size:var(--font-size-s, 14px)}.spec-compare__note-body{font-size:var(--font-size-sx, 12px);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-3);text-align:center}.spec-compare__caption{margin-top:20px;text-align:right;font-size:var(--font-size-sx, 12px);color:var(--spec-subdued)}.spec-compare--empty{padding:40px;text-align:center;color:var(--spec-subdued);border:1px dashed var(--spec-divider);border-radius:var(--radius-m, 8px)}@media screen and (min-width:990px){.spec-compare{--spec-cell-pad-x: 20px;--spec-cell-pad-y: 20px}.spec-compare__view--desktop{display:block}.spec-compare__view--mobile{display:none}.spec-compare__media{height:var(--spec-media-h-desktop, 260px)}.spec-compare__media img{width:var(--media-w-desktop, 200px)}.spec-compare__notes{padding-top:32px}.spec-compare__note{justify-content:center;gap:16px}.spec-compare__note-icon{width:64px}.spec-compare__note-heading{font-size:var(--font-size-sm, 16px)}.spec-compare__note-body,.spec-compare__value{font-size:var(--font-size-s, 14px)}.spec-compare__label,.spec-compare__color-label{font-size:var(--font-size-sx, 12px)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-comparison-specs.css.map */