.variant-matrix{display:flex;flex-direction:column;gap:var(--cs-spacing-08)}.variant-matrix__heading{display:flex;flex-direction:column;gap:var(--cs-spacing-05)}.variant-matrix__content{display:flex;flex-direction:column;gap:var(--cs-spacing-06)}@media(min-width:768px){.variant-matrix__content{display:grid;gap:var(--cs-spacing-05);grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.variant-matrix__content{gap:0}.variant-matrix__content[data-columns="1"]{grid-template-columns:auto repeat(0,1fr) auto}.variant-matrix__content[data-columns="2"]{grid-template-columns:auto repeat(1,1fr) auto}.variant-matrix__content[data-columns="3"]{grid-template-columns:auto repeat(2,1fr) auto}.variant-matrix__content[data-columns="4"]{grid-template-columns:auto repeat(3,1fr) auto}.variant-matrix__content[data-columns="5"]{grid-template-columns:auto repeat(4,1fr) auto}.variant-matrix__content[data-columns="6"]{grid-template-columns:auto repeat(5,1fr) auto}.variant-matrix__content[data-columns="7"]{grid-template-columns:auto repeat(6,1fr) auto}.variant-matrix__content[data-columns="8"]{grid-template-columns:auto repeat(7,1fr) auto}.variant-matrix__content[data-columns="9"]{grid-template-columns:auto repeat(8,1fr) auto}.variant-matrix__content[data-columns="10"]{grid-template-columns:auto repeat(9,1fr) auto}.variant-matrix__content[data-columns="11"]{grid-template-columns:auto repeat(10,1fr) auto}.variant-matrix__content[data-columns="12"]{grid-template-columns:auto repeat(11,1fr) auto}}.variant-matrix__content__head{display:contents}.variant-matrix__content__head>*{background:var(--cs-color-background-secondary);color:var(--cs-color-text-body);padding-block:var(--cs-spacing-06)}.variant-matrix__content__head :first-child{padding-left:var(--cs-spacing-06)}@media(max-width:1199.98px){.variant-matrix__content__head{display:none}}.variant-matrix__table-head{display:none}@media(min-width:1200px){.variant-matrix__table-head{display:flex;flex-direction:row;gap:var(--cs-spacing-06);justify-content:space-between}}.variant-matrix__more{display:flex;justify-content:flex-end}.variant-item{border:var(--cs-border-width) solid var(--cs-color-border-light);display:flex;flex-direction:column;gap:var(--cs-spacing-08);padding:var(--cs-spacing-06)}@media(min-width:1200px){.variant-item{align-items:center;border:none;display:contents;flex-direction:row;justify-content:space-between}.variant-item,.variant-item>*{border-bottom:var(--cs-border-width) solid var(--cs-color-border-light)}.variant-item>*{padding-block:var(--cs-spacing-06)}}.variant-item__info{display:flex;flex-direction:column;gap:var(--cs-spacing-04)}@media(min-width:1200px){.variant-item__info{display:contents}.variant-item__info>*{border-bottom:var(--cs-border-width) solid var(--cs-color-border-light);padding-block:var(--cs-spacing-06)}}.variant-item__stock{align-items:center;display:flex;gap:var(--cs-spacing-05)}@media(max-width:1199.98px){.variant-item__stock{margin-bottom:var(--cs-spacing-04)}}@media(min-width:1200px){.variant-item__stock{padding-left:var(--cs-spacing-06);padding-right:var(--cs-spacing-05)}}.variant-item__stock .status__icon{margin-right:0}.variant-item__order{align-items:center;display:grid;gap:var(--cs-spacing-05);grid-template-columns:auto 1fr;grid-template-rows:repeat(2,auto)}@media(max-width:1199.98px){.variant-item__order :first-child{grid-column:1/3}}@media(min-width:1200px){.variant-item__order{display:flex;gap:var(--cs-spacing-06);padding-right:var(--cs-spacing-06)}.variant-item__order__form{margin-left:auto}}.variant-item__values{align-items:center;display:grid;gap:var(--cs-spacing-08);grid-template-columns:minmax(10.625rem,auto) 1fr}@media(min-width:1200px){.variant-item__values{display:contents}}.variant-item__value{display:contents}@media(min-width:1200px){.variant-item__value{align-items:center;border-bottom:var(--cs-border-width) solid var(--cs-color-border-light);display:flex;gap:var(--cs-spacing-08);padding-block:var(--cs-spacing-06)}}.variant-item__value__name{color:var(--cs-color-text-body)}@media(min-width:1200px){.variant-item__value__name{display:none}}@media(max-width:1199.98px){.variant-item__value__item{font-size:var(--cs-font-body-s-font-size-mobile)}}@media(max-width:1199.98px)and (min-width:768px){.variant-item__value__item{font-size:var(--cs-font-body-s-font-size)}}.variant-item__value__code{gap:var(--cs-spacing-05)}.variant-item__value__code img{flex-shrink:0;height:40px;width:40px}.variant-item__value__code a{display:flex;flex-direction:column;max-width:10.625rem;text-decoration:none}.variant-item__value__code strong{color:var(--cs-color-text-headings);font-family:var(--cs-font-product-title-m-font-family);font-size:var(--cs-font-product-title-m-font-size);font-weight:var(--cs-font-product-title-m-font-weight);line-height:var(--cs-font-product-title-m-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-item__value__code span{color:var(--cs-color-text-muted);font-family:var(--cs-font-caption-l-font-family);font-size:var(--cs-font-caption-l-font-size);font-weight:var(--cs-font-caption-l-font-weight);line-height:var(--cs-font-caption-l-font-height)}.variant-item__action-btn{margin-bottom:auto;margin-top:var(--cs-spacing-03)}@media(max-width:1199.98px){.variant-item__action-btn{margin-left:auto}}