.comparison{background-color:var(--color-surface);color:var(--color-ink)}.comparison__inner{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:var(--space-m);box-sizing:border-box;padding:var(--space-xl) var(--space-m)}.comparison__top{display:grid;gap:var(--space-s);min-width:0}.comparison__title{margin:0;min-width:0;overflow-wrap:break-word;font-size:var(--text-xl)}.comparison__intro{max-width:var(--measure-text);margin:0;font-size:var(--text-sentence)}.comparison__note{max-width:var(--measure-text);margin:0;font-size:var(--text-s)}.comparison__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.comparison__board{inline-size:100%;max-inline-size:72rem}.comparison__table{inline-size:100%;border-collapse:collapse;table-layout:fixed}.comparison__us{background-color:var(--color-stage);color:var(--color-stageInk)}.comparison__table th,.comparison__table td{padding:0;text-align:start;vertical-align:middle}.comparison__corner{inline-size:28%}.comparison__head{font-weight:400}.comparison__who{display:flex;align-items:center;gap:var(--space-m);padding:var(--space-m)}.comparison__shot{display:block;flex:none;inline-size:calc(var(--space-xl) * 3);aspect-ratio:3 / 2;overflow:hidden}.comparison__img{inline-size:100%;block-size:100%;object-fit:cover}.comparison__shot--plain{display:grid;place-items:center;background-color:color-mix(in oklch,var(--color-ink) 8%,var(--color-surface))}.comparison__strip{display:block;inline-size:70%;block-size:var(--space-m);background-color:color-mix(in oklch,var(--color-ink) 28%,var(--color-surface))}.comparison__name{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-tight)}.comparison__row>*{border-block-start:thin solid var(--color-line)}.comparison__row>.comparison__us{border-block-start-color:color-mix(in oklch,var(--color-stageInk) 22%,transparent)}.comparison__row:last-child>*{border-block-end:thin solid var(--color-line)}.comparison__criterion{padding:var(--space-m);font-size:var(--text-m);font-weight:600}.comparison__cell{display:flex;align-items:center;gap:var(--space-m);min-block-size:calc(var(--space-xl) + var(--space-m));padding:var(--space-m)}.comparison__cell[data-kind=bar]{flex-direction:column;align-items:stretch;gap:var(--space-s)}.comparison__text{margin:0;font-size:var(--text-m)}.comparison__mark{display:grid;flex:none;place-items:center;inline-size:var(--space-l);block-size:var(--space-l);border-radius:50%;font-size:var(--text-m);line-height:1}.comparison__us .comparison__mark{background-color:var(--color-stageInk);color:var(--color-stage)}.comparison__them .comparison__mark{border:thin solid var(--color-line);color:var(--color-line)}.comparison__figure{margin:0;font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-tight)}.comparison__unit{margin-inline-start:var(--space-xs);font-family:var(--font-body);font-size:var(--text-m)}.comparison__track{display:block;inline-size:100%;block-size:var(--space-m);background-color:color-mix(in oklch,currentColor 18%,transparent)}.comparison__bar{display:block;inline-size:var(--fill);block-size:100%;background-color:currentColor;transform-origin:left center}.comparison__them .comparison__bar{background-color:var(--color-line)}.comparison__dots{display:flex;flex:none;gap:var(--space-s)}.comparison__dot{--dot: oklch(.96 .02 95);inline-size:var(--space-l);block-size:var(--space-l);border-radius:50%;background-color:var(--dot);box-shadow:0 0 var(--space-m) var(--dot)}.comparison__dot[data-tone=warm]{--dot: oklch(.86 .14 80)}.comparison__dot[data-tone=cool]{--dot: oklch(.88 .07 235)}.comparison__dot[data-tone=plain]{--dot: color-mix(in oklch, var(--color-ink) 22%, var(--color-surface));box-shadow:none}.comparison[data-enhanced] .comparison__bar,.comparison[data-enhanced] .comparison__mark,.comparison[data-enhanced] .comparison__dot{transition:transform calc(var(--duration-shift) * 2) var(--ease-standard);transition-delay:calc(var(--duration-fast) * var(--i, 0))}.comparison[data-enhanced] .comparison__row:not([data-in]) .comparison__bar{transform:scaleX(0)}.comparison[data-enhanced] .comparison__row:not([data-in]) .comparison__mark,.comparison[data-enhanced] .comparison__row:not([data-in]) .comparison__dot{transform:scale(.4)}@media(max-width:47.99rem){.comparison__table,.comparison__table thead,.comparison__table tbody{display:block}.comparison__table thead tr,.comparison__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.comparison__corner,.comparison__shot{display:none}.comparison__row>*{border-block-start:0}.comparison__row{border-block-start:thin solid var(--color-line)}.comparison__row:last-child{border-block-end:thin solid var(--color-line)}.comparison__row:last-child>*{border-block-end:0}.comparison__criterion{grid-column:1 / -1;padding-block-end:var(--space-xs)}.comparison__cell{gap:var(--space-s);padding:var(--space-s) var(--space-m)}.comparison__text{font-size:var(--text-s)}}@media(min-width:48rem){.comparison__inner{gap:var(--space-l);padding-block:var(--space-2xl);padding-inline:var(--panel-start)}.comparison__who,.comparison__criterion,.comparison__cell{padding-inline:var(--space-l)}.comparison__criterion{font-size:var(--text-sentence)}.comparison__cell{min-block-size:var(--space-2xl)}.comparison__text{font-size:var(--text-sentence)}.comparison__mark{inline-size:var(--space-xl);block-size:var(--space-xl);font-size:var(--text-l)}.comparison__dot{inline-size:var(--space-xl);block-size:var(--space-xl)}.comparison__dots{gap:var(--space-s)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/comparison.css.map */