/* -------------------------------------------------------- */

/* @group @m-scrolled-contents */

[class*="m-scrolled-contents"] {
position: relative;
overflow-x: auto;
width: 100%;
background-image: linear-gradient(to right, var(--color-white), var(--color-white)), linear-gradient(to right, var(--color-white), var(--color-white)), linear-gradient(to right, hsl(220deg 20% 20% / 20%), hsl(0deg 0% 100% / 0%)), linear-gradient(to left, hsl(220deg 20% 20% / 20%), hsl(0deg 0% 100% / 0%));
background-position: left center, right center, left center, right center;
background-repeat: no-repeat;
background-color: var(--color-white);
background-size: 1rem 100%, 1rem 100%, .5rem 100%, .5rem 100%;
background-attachment: local, local, scroll, scroll;
/*border-bottom: 1px solid var(--border-color);*/
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
transition: var(--background-image-transition);
}

[class*="m-scrolled-contents-secondary"] {
overflow: auto;
}

[class*="m-scrolled-contents-secondary"] {
max-height: 50rem;
}

/* @end @m-scrolled-contents */

/* -------------------------------------------------------- */

/* @group @variables */

@media (width < 62em) { /* 0 -> 991px */

[class*="m-compare-table"] {
--font-size: .75rem;
}

}

@media (width >= 62em) { /* 992px -> * */

[class*="m-compare-table"] {
--font-size: .875rem;
--line-height: 1.71428571;
}

}

[class*="m-compare-table-secondary"] {
--table-layout: fixed;
}

[class*="m-compare-table"] th {
--font-weight: var(--font-weight-bold);
--font-variation-settings: var(--font-variation-settings-bold);
}

[class*="m-compare-table"] tbody td[class*="a-price-detail"]  {
--font-family: var(--font-family-numeric);
--letter-spacing: .05ch;
}

/* @end @variables */

/* @group @m-compare-table */

[class*="m-compare-table"] {
position: relative;
border-collapse: collapse;
table-layout: fixed;
min-width: 100%;
/*border-bottom: 1px solid var(--border-color);*/
}

[class*="m-scrolled-contents"] [class*="m-compare-table"] {
border-bottom-width: 0;
}

[class*="m-compare-table"] th,
[class*="m-compare-table"] td {
box-sizing: border-box;
min-width: 6rem;
padding-block: calc(.75rem - 1px);
padding-inline: .75rem;
border: solid var(--border-color);
white-space: nowrap;
text-align: left;
transition: var(--background-color-transition);
}

[class*="m-compare-table"] thead th {
border-width: 0;
vertical-align: top;
}

[class*="m-compare-table"] thead th:not(:last-of-type) {
border-width: 0 1px 0 0;
}

[class*="m-scrolled-contents"] [class*="m-compare-table"] thead th {
min-width: 6.75rem;
}

[class*="m-compare-table"] tbody th {
border-width: 1px 0 0;
}

[class*="m-compare-table"] tbody td {
border-width: 1px 0 0 0;
}

[class*="m-compare-table"] tbody td:not(:last-of-type) {
border-width: 1px 1px 0 0;
}

@media (width < 48em) { /* 0 -> 767px */

[class*="m-compare-table"] thead th:nth-of-type(1) {
width: 7.5rem;
max-width: 7.5rem;
}

}

[class*="m-compare-table"] tr:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(4)):not(:nth-of-type(5)):not(:nth-of-type(6)) td {
text-align: center;
}

[class*="m-compare-table"] th {
width: auto;
padding-inline: .75rem;
}

[class*="m-compare-table"] thead th {
text-align: center;
}

[class*="m-compare-table"] thead th:nth-of-type(1),
[class*="m-compare-table"] tbody th:nth-of-type(1) {
position: sticky;
z-index: 2;
left: 0;
min-width: 6rem;
/*box-shadow: .125rem 0 .25rem 0 var(--border-color);*/
box-shadow: inset -1px 0 0 var(--border-color);
}

[class*="m-compare-table-secondary"] tbody th:nth-of-type(1):not([rowspan]):not([class*="a-table-cell-sticky"]) {
position: static;
}

[class*="m-compare-table"] thead th {
background-color: hsl(220deg 30% 50% / 20%);
}

[class*="m-compare-table"] td {
background-color: hsl(0deg 0% 100% / 20%);
}

[class*="m-compare-table"] thead th:nth-of-type(1) {
background-color: hsl(220deg 30% 90% / 100%);
}

[class*="m-compare-table"] tbody th:nth-of-type(1) {
background-color: var(--color-white);
}

[class*="m-compare-table"] tr:has(> th:hover) td,
[class*="m-compare-table"] tr:has(> td:hover) td,
[class*="m-compare-table"] tr:has(th[rowspan="2"]):hover + tr td,
[class*="m-compare-table"] tr:has([rowspan="2"]):has(+ tr:is(:hover)) th,
[class*="m-compare-table"] tr:has([rowspan="2"]):has(+ tr:is(:hover)) td  {
background-color: hsl(220deg 20% 95% / 50%);
}

[class*="m-compare-table"] td:hover {
background-color: hsl(99deg 52% 90% / 50%);
}

  
/* @end @m-compare-table */