.matrix-picker{margin:24px 0}.matrix-picker__topline{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:18px}.matrix-picker__shade-name{font-size:16px;margin:0;flex:0 1 auto}.matrix-picker__shade-name strong{font-weight:600}.matrix-picker__message{min-height:2.4rem;color:#c40000;font-size:16px;line-height:1.4;display:block;position:relative;z-index:2;text-align:right;transition:opacity .18s ease-in-out;flex:1 1 auto}.matrix-picker__is-fading{opacity:.35}.matrix-picker__message-action{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}@media(min-width:801px){.matrix-picker__message-action{pointer-events:none;text-decoration:none;cursor:default}}.matrix-picker__size-switch{display:flex;gap:0;margin-bottom:1.8rem}.matrix-picker__size-button{box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.55);color:rgb(var(--color-foreground));margin-top:.6rem;margin-bottom:.4rem;margin-inline-end:1rem;padding:.6rem 1.6rem;min-width:4rem;min-height:4rem;font-size:1.4rem;letter-spacing:.1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:1;transition-property:color,box-shadow;transition-timing-function:ease;transition-duration:var(--duration-default);border-radius:3px;background:rgb(var(--color-background));text-decoration:none}.matrix-picker__size-button:hover{box-shadow:inset 0 0 0 .2rem rgb(var(--color-foreground))}.matrix-picker__size-button.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));box-shadow:inset 0 0 0 .2rem rgb(var(--color-foreground))}.matrix-picker__table-wrap{overflow:visible}.matrix-picker__table{width:100%;border-collapse:collapse;table-layout:fixed}.matrix-picker__table th,.matrix-picker__table td{padding:10px .8rem;vertical-align:middle;border:0}.matrix-picker__table thead th{border-bottom:1px solid rgba(0,0,0,.22)}.matrix-picker__table tbody th,.matrix-picker__table tbody td{border-bottom:1px solid rgba(0,0,0,.12)}.matrix-picker__corner,.matrix-picker__row-head{width:10rem}.matrix-picker__row-head{text-align:left;font-size:1.6rem;font-weight:600;white-space:nowrap;border-right:1px solid rgba(0,0,0,.12)!important}.matrix-picker__col-head{text-align:center;font-size:1.6rem;font-weight:600;border-left:0!important;border-right:0!important}.matrix-picker__table td{border-left:0!important;border-right:0!important}.matrix-picker__table colgroup col.matrix-picker__data-col{width:calc((100% - 10rem) / 3)}.matrix-picker__cell-inner{display:grid;grid-template-columns:repeat(2,5.8rem);gap:1rem;align-items:center;justify-content:center}.matrix-picker__swatch[data-sort="1"]{grid-column:1}.matrix-picker__swatch[data-sort="2"]{grid-column:2}.matrix-picker__swatch{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;width:5.8rem;height:5.8rem;border-radius:999px;cursor:pointer;position:relative;transition:transform .18s ease,opacity .18s ease}.matrix-picker__swatch:hover{transform:scale(1.03)}.matrix-picker__swatch-image-wrap,.matrix-picker__swatch-fallback{display:block;width:100%;height:100%;border-radius:999px;overflow:hidden;background:#eee;position:relative}.matrix-picker__swatch-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:999px}.matrix-picker__swatch.is-selected .matrix-picker__swatch-image-wrap{box-shadow:0 0 0 .2rem #000}.matrix-picker__swatch.is-disabled .matrix-picker__swatch-image-wrap{opacity:.52}.matrix-picker__swatch-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;pointer-events:none;background:#ffffff6b}.matrix-picker__swatch.is-other-size-only .matrix-picker__swatch-overlay{background:#ffffff85}.matrix-picker__swatch.is-sold-out .matrix-picker__swatch-overlay{background:#ebebeb9e}.visually-hidden{position:absolute!important;width:1px;height:20px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:1200px)and (min-width:780px){.matrix-picker__cell-inner{grid-template-columns:1fr;grid-template-rows:repeat(2,4.4rem);justify-items:center;align-items:center;gap:.6rem;min-height:9.6rem}.matrix-picker__swatch{width:4.4rem;height:4.4rem}.matrix-picker__swatch[data-sort="1"]{grid-column:1;grid-row:1}.matrix-picker__swatch[data-sort="2"]{grid-column:1;grid-row:2}}@media(max-width:800px){.matrix-picker{margin:20px 0}.matrix-picker__size-switch{gap:8px;margin-bottom:14px}.matrix-picker__size-button{padding:.6rem 1.2rem;min-height:3.8rem;min-width:7.2rem;font-size:1.3rem;margin-inline-end:0}.matrix-picker__topline{display:block;margin-bottom:14px}.matrix-picker__shade-name{font-size:16px;margin-bottom:8px}.matrix-picker__message{font-size:16px;text-align:left;margin-top:0}.matrix-picker__table{table-layout:fixed}.matrix-picker__corner,.matrix-picker__row-head{width:7.2rem}.matrix-picker__table colgroup col.matrix-picker__data-col{width:calc((100% - 7.2rem) / 3)}.matrix-picker__table th,.matrix-picker__table td{padding:10px 6px}.matrix-picker__col-head{font-size:14px;text-align:center}.matrix-picker__row-head{font-size:14px;line-height:1.1;text-align:left;white-space:nowrap;transform:none}.matrix-picker__cell-inner{grid-template-columns:repeat(2,3.8rem);gap:4px;min-height:5.2rem;justify-content:start;align-items:center}.matrix-picker__swatch{width:3.8rem;height:3.8rem}.matrix-picker__message-action{display:inline;pointer-events:auto;-webkit-text-decoration:underline;text-decoration:underline}}@media(max-width:950px)and (orientation:landscape){.matrix-picker__corner,.matrix-picker__row-head{width:8.4rem}.matrix-picker__table colgroup col.matrix-picker__data-col{width:calc((100% - 8.4rem) / 3)}.matrix-picker__table th,.matrix-picker__table td{padding:8px 6px}.matrix-picker__cell-inner{grid-template-columns:repeat(2,3.6rem);gap:4px;justify-content:center}.matrix-picker__swatch{width:3.6rem;height:3.6rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/matrix-variant-picker.css.map */