.lineup-matrix{display:block;--pdp-panel-radius: .6rem;--pdp-chip-radius: .4rem;--lm-mm-unit: 3.2rem;--lm-marker: 3.4rem;--lm-gutter: 4.4rem;--lm-pad-y: calc(var(--lm-marker) / 2 + .8rem);--lm-hairline: rgba(var(--color-foreground), .1);--lm-ring-zero: rgb(var(--altra-red-text));--lm-ring-plus: rgba(var(--color-foreground), .45)}@media screen and (min-width:750px){.lineup-matrix{--lm-mm-unit: 3rem;--lm-marker: 4.4rem;--lm-gutter: 4.8rem}}@media screen and (min-width:990px){.lineup-matrix{--lm-mm-unit: 3.2rem;--lm-marker: 5rem;--lm-gutter: 5.2rem}}.lineup-matrix__head{margin-bottom:2.8rem}.lineup-matrix__title{font-size:calc(var(--font-heading-scale) * 3rem);font-weight:900;letter-spacing:.04em;margin:5rem 0 1rem}@media screen and (min-width:750px){.lineup-matrix__title{font-size:calc(var(--font-heading-scale) * 4rem);margin-top:calc(5rem + var(--page-width-margin))}}.lineup-matrix__lead{margin:0;color:rgba(var(--color-foreground),.7)}.lineup-matrix__tabs{display:flex;gap:2.8rem;margin:0 0 1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.lineup-matrix__tab{padding:.4rem 0 1rem;margin:0 0 -.1rem;border:0;border-bottom:.2rem solid transparent;background:transparent;font:inherit;font-size:1.5rem;font-weight:900;letter-spacing:.08em;color:rgba(var(--color-foreground),.5);cursor:pointer}@media screen and (min-width:750px){.lineup-matrix__tab{font-size:1.6rem}}.lineup-matrix__tab:hover{color:rgb(var(--color-foreground))}.lineup-matrix__tab[aria-selected=true]{color:rgb(var(--color-foreground));border-bottom-color:rgb(var(--color-foreground))}.lineup-matrix__tab:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.lineup-matrix__legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 2.4rem;margin:1.6rem 0 0 var(--lm-gutter);font-size:1.3rem;letter-spacing:.04rem;color:rgba(var(--color-foreground),.65)}.lineup-legend__item{display:inline-flex;align-items:center;gap:.7rem}.lineup-legend__ring{width:1.6rem;height:1.6rem;border-radius:50%;border:.2rem solid var(--lm-ring-plus);background:rgba(var(--color-foreground),.05)}.lineup-legend__ring--zero{border-color:var(--lm-ring-zero)}.lineup-matrix__panel{position:relative}.lineup-matrix__chart{overflow-x:clip}.lineup-matrix__zones{display:grid;grid-template-columns:repeat(4,1fr);margin-left:var(--lm-gutter);border-bottom:.1rem solid var(--lm-hairline)}.lineup-matrix__zone-label{padding:1rem .2rem 1.1rem;text-align:center;font-size:1.2rem;font-weight:900;letter-spacing:.08rem;white-space:nowrap;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.lineup-matrix__zone-label{font-size:1.6rem;letter-spacing:.18rem}}.lineup-matrix__plot{position:relative;padding:var(--lm-pad-y) 0 var(--lm-pad-y) var(--lm-gutter)}.lineup-matrix__bands{position:absolute;top:0;right:0;bottom:0;left:var(--lm-gutter);display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none}.lineup-matrix__bands span{border-left:.1rem solid var(--lm-hairline)}.lineup-matrix__bands span:nth-child(2n){background:rgba(var(--color-foreground),.025)}.lineup-matrix__bands span:last-child{border-right:.1rem solid var(--lm-hairline)}.lineup-matrix__frame{position:relative;height:calc(var(--lm-range) * var(--lm-mm-unit))}.lineup-matrix__tick{position:absolute;left:0;right:0;top:calc((var(--lm-ymax) - var(--lm-stack)) / var(--lm-range) * 100%);border-top:.1rem dashed rgba(var(--color-foreground),.12);pointer-events:none}.lineup-matrix__tick-label{position:absolute;right:calc(100% + .6rem);top:0;transform:translateY(-50%);font-size:1.2rem;line-height:1;letter-spacing:.04rem;font-variant-numeric:tabular-nums;color:rgba(var(--color-foreground),.6)}@media screen and (min-width:750px){.lineup-matrix__tick-label{font-size:1.3rem}}.lineup-matrix__x-title{margin:0 0 .2rem var(--lm-gutter);text-align:center;font-size:1.2rem;letter-spacing:.16rem;color:rgba(var(--color-foreground),.6)}@media screen and (min-width:750px){.lineup-matrix__x-title{font-size:1.4rem;letter-spacing:.18rem}}.lineup-marker{position:absolute;left:calc((var(--lm-zone) + .5) * 25% + var(--lm-nudge, 0) / 10 * (var(--lm-marker) / 2 + .15rem));top:clamp(0%,calc((var(--lm-ymax) - var(--lm-stack)) / var(--lm-range) * 100%),100%);transform:translate(-50%,-50%);width:var(--lm-marker);height:var(--lm-marker);padding:0;margin:0;display:grid;place-items:center;border:.2rem solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));font:inherit;cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--duration-short) ease}.lineup-marker--drop-zero{border-color:var(--lm-ring-zero)}.lineup-marker--drop-plus{border-color:var(--lm-ring-plus)}.lineup-marker__thumb{width:84%;height:84%;display:grid;place-items:center;overflow:hidden;border-radius:50%}.lineup-marker__thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.lineup-marker:hover,.lineup-marker:focus-visible,.lineup-marker.is-active{box-shadow:0 0 0 .35rem rgba(var(--color-foreground),.14);z-index:3}.lineup-marker:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.4rem}.lineup-marker--clamped{border-style:dashed}.lineup-marker__label{display:none}@media screen and (min-width:990px){.lineup-marker__label{position:absolute;display:flex;flex-direction:column;width:max-content;max-width:10rem;font-size:1.1rem;line-height:1.2;font-weight:900;letter-spacing:.02em;color:rgb(var(--color-foreground));text-align:left;pointer-events:none}.lineup-marker--label-right .lineup-marker__label{left:calc(100% + .5rem);top:50%;transform:translateY(-50%);align-items:flex-start}.lineup-marker--label-left .lineup-marker__label{right:calc(100% + .5rem);top:50%;transform:translateY(-50%);align-items:flex-end;text-align:right}.lineup-marker--label-above .lineup-marker__label{bottom:calc(100% + .4rem);left:50%;transform:translate(-50%);align-items:center;text-align:center}.lineup-marker--label-below .lineup-marker__label{top:calc(100% + .4rem);left:50%;transform:translate(-50%);align-items:center;text-align:center}}@media screen and (min-width:990px)and (max-width:1199px){.lineup-marker--zone-3 .lineup-marker__label{max-width:7rem}}@media screen and (min-width:1200px){.lineup-marker__label{font-size:1.2rem}}.lineup-card{position:absolute;z-index:5;width:36rem;max-width:calc(100% - 1rem);padding:1.6rem;border:.1rem solid var(--lm-hairline);border-radius:var(--pdp-panel-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1rem 3rem #00000024}.lineup-card[hidden]{display:none}.lineup-card[data-layout=fixed]{position:fixed;left:0;right:0;bottom:0;z-index:6;width:auto;max-width:none;border-radius:var(--pdp-panel-radius) var(--pdp-panel-radius) 0 0;padding-bottom:calc(1.6rem + env(safe-area-inset-bottom,0px));box-shadow:0 -.8rem 3rem #00000029;max-height:80vh;max-height:calc(100dvh - 6rem);overflow-y:auto;overscroll-behavior:contain}.lineup-card__close{position:absolute;top:.6rem;right:.6rem;width:3.6rem;height:3.6rem;display:grid;place-items:center;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.lineup-card__close svg{width:1.8rem;height:1.8rem}.lineup-card__body{display:flex;flex-direction:column;gap:1.2rem}.lineup-card__head{display:flex;align-items:center;gap:1.2rem;padding-right:2.8rem}.lineup-card__media{flex:0 0 auto;width:9rem;height:9rem;display:grid;place-items:center;overflow:hidden;border-radius:var(--pdp-chip-radius);background:rgba(var(--color-foreground),.05)}.lineup-card__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.lineup-card__names{display:flex;flex-direction:column;gap:.2rem;min-width:0}.lineup-card__title{font-size:calc(var(--font-heading-scale) * 2rem);font-weight:900;line-height:1.2;color:rgb(var(--color-foreground))}.lineup-card__ja{margin-top:.2rem;font-size:1.4rem;font-weight:500;line-height:1.35;color:rgba(var(--color-foreground),.75)}.lineup-card .product-specs{margin:0}.lineup-card .product-specs__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.lineup-card__note{margin:0;font-size:1.4rem;line-height:1.6}.lineup-card__actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:1rem}.lineup-card__actions .button{width:100%;min-width:0;padding:0 1rem}.lineup-card__actions .button{transition:transform var(--duration-short) ease,box-shadow var(--duration-short) ease,background-color var(--duration-short) ease}.lineup-card__actions .button:hover{background-color:color-mix(in srgb,rgb(var(--color-button)) 86%,#000);transform:translateY(-.2rem);box-shadow:0 .5rem 1.4rem rgba(var(--color-foreground),.22)}.lineup-unplaced{margin-top:2.4rem;padding:1.2rem 1.6rem;border:.1rem dashed rgba(var(--altra-red-text),.7);border-radius:var(--pdp-panel-radius)}.lineup-unplaced__title{margin:0 0 .8rem;font-size:1.3rem;font-weight:900;color:rgb(var(--altra-red-text))}.lineup-unplaced__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.lineup-unplaced__item{display:flex;align-items:flex-start;gap:1rem;font-size:1.3rem}.lineup-unplaced__marker{flex:0 0 auto;width:2.4rem;height:2.4rem;border:.15rem dashed rgba(var(--altra-red-text),.8);border-radius:50%}.lineup-unplaced__item--warn .lineup-unplaced__marker{border-style:solid}.lineup-unplaced__text{display:flex;flex-direction:column;gap:.2rem}.lineup-unplaced__name{font-weight:900;color:rgb(var(--color-foreground))}.lineup-unplaced__tab{margin-left:.6rem;font-size:1rem;font-weight:500;letter-spacing:.08em;color:rgba(var(--color-foreground),.55)}.lineup-unplaced__reason{color:rgba(var(--color-foreground),.75)}.lineup-matrix__none{padding:2rem;border:.1rem dashed var(--lm-hairline);border-radius:var(--pdp-panel-radius)}@media(prefers-reduced-motion:reduce){.lineup-marker{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-main-lineup-matrix.css.map */