.mg-comparison__next-label,.mg-comparison__gesture{display:none}@media(max-width:767px){.mg-comparison:where([data-comparison-cue]:not([data-comparison-cue=bar])){position:relative;isolation:isolate}.mg-comparison:where([data-comparison-cue]:not([data-comparison-cue=bar])) .mg-comparison__navigation{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;pointer-events:none}.mg-comparison[data-comparison-cue] :is(.mg-comparison__navigation,.mg-comparison__range,.mg-comparison__pagination)[hidden]{display:none!important}.mg-comparison:where([data-comparison-cue]:not([data-comparison-cue=bar])) .mg-comparison__navigation-label,.mg-comparison:where([data-comparison-cue]:not([data-comparison-cue=bar])) .mg-comparison__next-label,.mg-comparison:where([data-comparison-cue]:not([data-comparison-cue=bar])) .mg-comparison__gesture,.mg-comparison:where([data-comparison-cue]:not([data-comparison-cue=bar])) .mg-comparison__range,.mg-comparison:where([data-comparison-cue]:not([data-comparison-cue=bar])) .mg-comparison__pagination{display:none}.mg-comparison:where([data-comparison-cue]:not([data-comparison-cue=bar])) .mg-comparison__navigation-buttons{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;pointer-events:none}.mg-comparison:where([data-comparison-cue]:not([data-comparison-cue=bar])) .mg-comparison__button{position:absolute;top:calc(var(--mg-comparison-header-height,164px) / 2 - 22px);display:flex;align-items:center;justify-content:center;gap:6px;width:44px;min-width:44px;height:44px;margin:0;padding:0;border:1px solid var(--mg-border-color,#d7d7d3);border-radius:50%;background:#fff;color:var(--mg-accent,#ff4b18);box-shadow:0 2px 8px #00000015;pointer-events:auto;cursor:pointer}.mg-comparison:where([data-comparison-cue]:not([data-comparison-cue=bar])) [data-comparison-previous]{left:6px}.mg-comparison:where([data-comparison-cue]:not([data-comparison-cue=bar])) [data-comparison-next]{right:6px}.mg-comparison:where([data-comparison-cue]:not([data-comparison-cue=bar])) .mg-comparison__button>svg{flex:none;width:20px;height:20px}.mg-comparison:where([data-comparison-cue]:not([data-comparison-cue=bar])) .mg-comparison__button:disabled{opacity:0;visibility:hidden;pointer-events:none}.mg-comparison:where([data-comparison-cue]:not([data-comparison-cue=bar])) .mg-comparison__button:focus-visible{outline:2px solid var(--mg-accent,#ff4b18);outline-offset:-4px}.mg-comparison[data-comparison-cue=edge-circles]{overflow:visible}.mg-comparison[data-comparison-cue=edge-circles]:not([data-columns="2"]) .mg-comparison-table{width:calc(var(--mg-comparison-column-count,4) * 100cqw / 2.2)}@container magma-comparison (width < 330px){.mg-comparison[data-comparison-cue=edge-circles]:not([data-columns="2"]) .mg-comparison-table{width:calc(var(--mg-comparison-column-count,4) * 100cqw / 1.8)}}.mg-comparison[data-comparison-cue=edge-circles] .mg-comparison__scroll{border-radius:inherit}.mg-comparison[data-comparison-cue=edge-circles] .mg-comparison__button{top:calc(var(--mg-comparison-header-height,164px) / 2 - 22px);border:0;background:transparent;box-shadow:none}.mg-comparison[data-comparison-cue=edge-circles] .mg-comparison__button:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid #deded9;border-radius:50%;background:#fff;box-shadow:0 1px 5px #0000001a}.mg-comparison[data-comparison-cue=edge-circles] .mg-comparison__button>svg{position:relative;z-index:1;width:14px;height:14px}.mg-comparison[data-comparison-cue=edge-circles] [data-comparison-previous]{left:-18px}.mg-comparison[data-comparison-cue=edge-circles] [data-comparison-next]{right:-18px}.mg-comparison[data-comparison-cue=edge-tab] [data-comparison-next]{top:calc(var(--mg-comparison-header-height,164px) / 2 - 46px);right:0;flex-direction:column;gap:8px;height:92px;border:1px solid var(--mg-accent,#ff4b18);border-right:0;border-radius:10px 0 0 10px;background:#fff4ef;box-shadow:-3px 0 10px #0000000b}.mg-comparison[data-comparison-cue=edge-tab] [data-comparison-next] .mg-comparison__next-label{display:block;font-size:11px;font-weight:700;line-height:1}.mg-comparison[data-comparison-cue=corner-buttons] .mg-comparison__button{top:6px;border-radius:6px;border-color:var(--mg-accent,#ff4b18);background:#fff;box-shadow:none}.mg-comparison[data-comparison-cue=next-chip] .mg-comparison-table thead th{padding-bottom:58px!important}.mg-comparison[data-comparison-cue=next-chip] .mg-comparison__button{top:calc(var(--mg-comparison-header-height,210px) - 52px)}.mg-comparison[data-comparison-cue=next-chip] [data-comparison-next]{right:8px;width:100px;border:0;border-radius:999px;background:#202122;color:#fff;box-shadow:0 2px 8px #0002}.mg-comparison[data-comparison-cue=next-chip] [data-comparison-next] .mg-comparison__next-label{display:block;font-size:13px;font-weight:700;line-height:1}.mg-comparison[data-comparison-cue=side-rails] [data-comparison-next]{top:0;right:0;width:44px;height:100%;border:0;border-left:1px solid #ff4b1833;border-radius:0;background:linear-gradient(90deg,#fff9,#fffffff2 45%,#fff);box-shadow:none}.mg-comparison[data-comparison-cue=side-rails] [data-comparison-next]>svg{width:24px;height:24px}.mg-comparison[data-comparison-cue=fade-chevrons] .mg-comparison__navigation:before,.mg-comparison[data-comparison-cue=fade-chevrons] .mg-comparison__navigation:after{content:"";position:absolute;top:0;width:72px;height:var(--mg-comparison-header-height,164px);pointer-events:none}.mg-comparison[data-comparison-cue=fade-chevrons] .mg-comparison__navigation:after{right:0;background:linear-gradient(90deg,#fff0,#fffffff2 70%,#fff)}.mg-comparison[data-comparison-cue=fade-chevrons] .mg-comparison__navigation:before{left:0;background:linear-gradient(270deg,#fff0,#fffffff2 70%,#fff)}.mg-comparison[data-comparison-cue=fade-chevrons][data-scroll-start=true] .mg-comparison__navigation:before,.mg-comparison[data-comparison-cue=fade-chevrons][data-scroll-end=true] .mg-comparison__navigation:after{display:none}.mg-comparison[data-comparison-cue=fade-chevrons] .mg-comparison__navigation-buttons{z-index:1}.mg-comparison[data-comparison-cue=fade-chevrons] .mg-comparison__button{border:0;background:transparent;box-shadow:none}.mg-comparison[data-comparison-cue=fade-chevrons] .mg-comparison__button>svg{width:28px;height:28px}.mg-comparison[data-comparison-cue=dark-grip] [data-comparison-next]{top:calc(var(--mg-comparison-header-height,164px) / 2 - 46px);right:0;flex-direction:column;gap:8px;height:92px;border:0;border-radius:12px 0 0 12px;background:#202122;color:#ff4b18;box-shadow:-3px 1px 10px #0002}.mg-comparison[data-comparison-cue=dark-grip] [data-comparison-next]:before{content:"";width:3px;height:3px;margin:7px 0 6px;border-radius:50%;background:#ffffff80;box-shadow:0 -6px #ffffff80,0 6px #ffffff80}.mg-comparison[data-comparison-cue=dark-grip] [data-comparison-next]>svg{width:24px;height:24px}.mg-comparison[data-comparison-cue=feature-row] .mg-comparison-table tbody tr:first-child>th{min-height:48px;padding-block:14px;background:#fff4ef}.mg-comparison[data-comparison-cue=feature-row] .mg-comparison-table tbody tr:first-child>th .mg-comparison-table__identity{max-width:calc(100cqw - 116px)}.mg-comparison[data-comparison-cue=feature-row] .mg-comparison__navigation-buttons{inset:auto 6px auto auto;top:var(--mg-comparison-header-height,164px);display:flex;align-items:center;gap:4px;width:auto;height:var(--mg-comparison-feature-height,48px)}.mg-comparison[data-comparison-cue=feature-row] .mg-comparison__button{position:static;flex:0 0 44px;border:0;border-radius:6px;background:transparent;box-shadow:none}.mg-comparison[data-comparison-cue=feature-row] .mg-comparison__button:disabled{opacity:.25;visibility:visible}.mg-comparison[data-comparison-cue=bottom-pill] .mg-comparison-table tbody tr:last-child>td{padding-bottom:68px!important}.mg-comparison[data-comparison-cue=bottom-pill] .mg-comparison__navigation-buttons{inset:auto 8px 8px auto;display:flex;gap:0;width:auto;height:48px;padding:2px;border-radius:999px;background:#202122;box-shadow:0 2px 8px #0002}.mg-comparison[data-comparison-cue=bottom-pill] .mg-comparison__button{position:static;flex:0 0 44px;border:0;background:transparent;color:#fff;box-shadow:none}.mg-comparison[data-comparison-cue=bottom-pill] .mg-comparison__button:disabled{opacity:.3;visibility:visible}.mg-comparison[data-comparison-cue=scroll-track] .mg-comparison-table tbody tr:last-child>td{padding-bottom:66px!important}.mg-comparison[data-comparison-cue=scroll-track] .mg-comparison__navigation-buttons{display:none}.mg-comparison[data-comparison-cue=scroll-track] .mg-comparison__range:not([hidden]){position:absolute;left:12px;bottom:8px;display:block;width:calc(100% - 24px);height:44px;margin:0;padding:0;border:0;border-radius:4px;background:transparent;appearance:none;-webkit-appearance:none;color:var(--mg-accent,#ff4b18);pointer-events:auto;cursor:ew-resize}.mg-comparison[data-comparison-cue=scroll-track] .mg-comparison__range::-webkit-slider-runnable-track{height:6px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--mg-accent,#ff4b18) 0 var(--mg-comparison-progress,0%),#d8d8d4 var(--mg-comparison-progress,0%) 100%)}.mg-comparison[data-comparison-cue=scroll-track] .mg-comparison__range::-webkit-slider-thumb{width:32px;height:18px;margin-top:-6px;border:2px solid #fff;border-radius:999px;background:var(--mg-accent,#ff4b18);box-shadow:0 1px 4px #0003;appearance:none;-webkit-appearance:none}.mg-comparison[data-comparison-cue=scroll-track] .mg-comparison__range::-moz-range-track{height:6px;border:0;border-radius:999px;background:#d8d8d4}.mg-comparison[data-comparison-cue=scroll-track] .mg-comparison__range::-moz-range-progress{height:6px;border-radius:999px;background:var(--mg-accent,#ff4b18)}.mg-comparison[data-comparison-cue=scroll-track] .mg-comparison__range::-moz-range-thumb{width:28px;height:14px;border:2px solid #fff;border-radius:999px;background:var(--mg-accent,#ff4b18);box-shadow:0 1px 4px #0003}.mg-comparison[data-comparison-cue=scroll-track] .mg-comparison__range:focus-visible{outline:2px solid var(--mg-accent,#ff4b18);outline-offset:0}.mg-comparison[data-comparison-cue=swipe-gesture] [data-comparison-next]{top:calc(var(--mg-comparison-header-height,164px) * .2);right:4px;width:64px;height:52px;padding:2px;gap:4px;border:1px solid #ffffff66;border-radius:14px;background:#202122ed;color:#fff;box-shadow:0 2px 9px #0002}.mg-comparison[data-comparison-cue=swipe-gesture] [data-comparison-next] .mg-comparison__gesture{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:#ff6a3d}.mg-comparison[data-comparison-cue=swipe-gesture] [data-comparison-next] .mg-comparison__gesture svg{width:28px;height:28px}.mg-comparison[data-comparison-cue=swipe-gesture] [data-comparison-next]>svg{width:16px;height:16px}.mg-comparison[data-comparison-cue=swipe-gesture][data-scroll-start=false] [data-comparison-next]{opacity:0;visibility:hidden;pointer-events:none}.mg-comparison[data-comparison-cue=header-dots] .mg-comparison-table thead th{padding-bottom:60px!important}.mg-comparison[data-comparison-cue=header-dots] .mg-comparison__navigation-buttons{display:none}.mg-comparison[data-comparison-cue=header-dots] .mg-comparison__pagination:not([hidden]){position:absolute;top:calc(var(--mg-comparison-header-height,212px) - 48px);left:50%;display:flex;justify-content:center;gap:0;width:max-content;max-width:calc(100% - 24px);height:44px;padding:0 4px;border:1px solid #e4e4df;border-radius:999px;background:#ffffffed;box-shadow:0 1px 5px #0000000d;transform:translate(-50%);pointer-events:auto}.mg-comparison[data-comparison-cue=header-dots] .mg-comparison__page-dot{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mg-accent,#ff4b18);cursor:pointer}.mg-comparison[data-comparison-cue=header-dots] .mg-comparison__page-dot:before{content:"";display:block;width:7px;height:7px;border-radius:999px;background:#bbbebf}.mg-comparison[data-comparison-cue=header-dots] .mg-comparison__page-dot[aria-pressed=true]:before{width:18px;background:var(--mg-accent,#ff4b18)}.mg-comparison[data-comparison-cue=header-dots] .mg-comparison__page-dot:focus-visible{outline:2px solid var(--mg-accent,#ff4b18);outline-offset:-4px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/magma-comparison-cues.css.map */