.comparison-chart{--comparison-columns: 2;--comparison-surface: rgb(var(--comparison-chart-background, var(--background)));display:block;padding-block-end:var(--spacing-6);background:var(--comparison-surface)}.comparison-chart:not([style*=--comparison-chart-background]){--comparison-surface: var(--surface-band);background:var(--surface-raised);box-shadow:var(--surface-edge),var(--surface-lift)}.comparison-chart [hidden]{display:none!important}.comparison-chart__grid{display:grid;grid-template-columns:repeat(var(--comparison-columns),minmax(0,1fr));column-gap:var(--spacing-3);padding-inline:var(--spacing-4)}.comparison-chart__pickers{position:sticky;top:calc(var(--header-is-visible, 1) * var(--sticky-area-height, 0px));z-index:2;padding-block:var(--spacing-4);background:var(--comparison-surface);border-block-end:1px solid var(--hairline)}.comparison-chart__lead{display:none;align-self:center;color:rgb(var(--text-color) / .65);font-size:.8125rem}.comparison-chart__pick{position:relative;display:grid;min-width:0}.comparison-chart__pick select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none}.comparison-chart__pick select,.comparison-chart__pick option{background:rgb(var(--background));color:rgb(var(--text-color))}.comparison-chart__face{display:flex;min-width:0;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2-5) var(--spacing-3);border:1px solid var(--input-border);background:var(--surface-sunken);font-weight:600;line-height:1.3;white-space:nowrap;transition:border-color .2s ease-in-out}.comparison-chart__name{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent)}.comparison-chart__face:after{content:"";flex:none;margin-inline-start:auto;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}.comparison-chart__pick:has(select:focus-visible) .comparison-chart__face{outline:2px solid rgb(var(--text-color));outline-offset:2px}.comparison-chart__details{padding-block:var(--spacing-5) var(--spacing-2)}.comparison-chart__spacer{display:none}.comparison-chart__card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--spacing-2);align-content:start;min-width:0}.comparison-chart__badge{justify-self:start;color:var(--pangolin-red);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.comparison-chart__summary{color:rgb(var(--text-color) / .65);font-size:.875rem}.comparison-chart__card .button{justify-self:start;align-self:end}.comparison-chart__tools{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-6) var(--spacing-4) var(--spacing-2)}.comparison-chart__tools>nav{min-width:0;max-width:100%}.comparison-chart__jump{display:flex;gap:var(--spacing-2);margin:0;padding:0 0 var(--spacing-1);list-style:none;overflow-x:auto;scrollbar-width:none}.comparison-chart__jump a{display:inline-block;padding:var(--spacing-1-5) var(--spacing-3);background:#ffffff12;color:rgb(var(--text-color) / .7);font-size:.8125rem;white-space:nowrap;transition:color .2s ease-in-out,background-color .2s ease-in-out}.comparison-chart__switch{display:inline-flex;max-width:100%;align-items:center;gap:var(--spacing-2-5);cursor:pointer;font-size:.875rem}.comparison-chart__switch input{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:40px;height:22px;margin:0;background:rgb(var(--text-color) / .25);cursor:pointer;transition:background .15s ease-in-out}.comparison-chart__switch input:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;width:16px;height:16px;background:rgb(var(--text-color));transition:transform .15s ease-in-out}.comparison-chart__switch input:checked{background:var(--pangolin-red)}.comparison-chart__switch input:checked:after{transform:translate(18px)}.comparison-chart__switch input:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.comparison-chart__group{border-block-start:1px solid var(--hairline);scroll-margin-top:calc(var(--comparison-pickers-height, 100px) - 20px)}.comparison-chart__group-title{margin:0}.comparison-chart__toggle{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-6) var(--spacing-4) var(--spacing-3);border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.comparison-chart__toggle svg{margin-inline-start:auto;transition:transform .15s ease-in-out}.comparison-chart__toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.comparison-chart__head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.comparison-chart__row{align-items:center;padding-block:var(--spacing-3-5);border-block-start:1px solid var(--hairline)}.comparison-chart__row:nth-child(odd){background-color:#ffffff06}.comparison-chart__group:has(.comparison-chart__toggle[aria-expanded=true]){box-shadow:inset 3px 0 0 var(--pangolin-red)}.comparison-chart__label{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);grid-column:1 / -1;margin-block-end:var(--spacing-2);min-width:0;font-weight:600;font-size:.875rem}.comparison-chart__video{display:inline-grid;place-items:center;flex:none;width:var(--spacing-7);height:var(--spacing-7);background:rgb(var(--text-color) / .1);cursor:pointer;transition:background .2s ease-in-out}.comparison-chart [role=cell]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);min-width:0;font-size:.875rem;overflow-wrap:anywhere}.comparison-chart__yes{flex:none;width:7px;height:13px;margin-inline:5px;border:solid #7cc68d;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}.comparison-chart__play{width:9px;height:10px;margin-inline-start:2px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.comparison-chart__no{display:inline-block;width:14px;height:2px;background:rgb(var(--text-color) / .35)}.comparison-chart__empty{padding:var(--spacing-6) var(--spacing-4);color:rgb(var(--text-color) / .65);text-align:center}@media screen and (pointer:fine){.comparison-chart__pick:hover .comparison-chart__face{border-color:rgb(var(--text-color))}.comparison-chart__jump a:hover{background:#ffffff1f;color:rgb(var(--text-color))}.comparison-chart__video:hover{background:rgb(var(--text-color) / .2)}}@media screen and (max-width:699px){comparison-chart:not(:defined) :is(.comparison-chart__pickers,.comparison-chart__details,[role=row])>:nth-child(n+4){display:none}}@media screen and (min-width:700px)and (max-width:999px){comparison-chart:not(:defined) :is(.comparison-chart__pickers,.comparison-chart__details,[role=row])>:nth-child(n+5){display:none}}@media screen and (min-width:700px){.comparison-chart{--comparison-columns: min(3, var(--comparison-columns-max))}.comparison-chart__grid{grid-template-columns:minmax(160px,1.2fr) repeat(var(--comparison-columns),minmax(0,1fr));column-gap:var(--spacing-6);padding-inline:var(--spacing-6)}.comparison-chart__lead,.comparison-chart__spacer{display:block}.comparison-chart__label{grid-column:auto;margin-block-end:0}.comparison-chart__tools{padding-inline:var(--spacing-6)}.comparison-chart__jump{flex-wrap:wrap}.comparison-chart__toggle{padding-inline:var(--spacing-6)}}@media screen and (min-width:1000px){.comparison-chart{--comparison-columns: var(--comparison-columns-max)}}@media(prefers-reduced-motion:reduce){.comparison-chart *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/comparison-chart.css.map */