.shade-comparison{padding:40px 0;font-size:var(--font-body-size);font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-style:var(--font-body-style);letter-spacing:var(--body-letter-spacing);line-height:var(--body-line-height)}.shade-comparison__card{width:100%;background:var(--sc-card-bg, #ffffff);border:1px solid var(--sc-border-color, #e5e5e5);border-radius:var(--sc-border-radius, 12px);box-shadow:0 8px 24px #0000000f;overflow:hidden}.shade-comparison__header{text-align:center;padding:32px 24px 24px}.shade-comparison__title{margin:0 0 8px;font-family:var(--font-heading-family);font-size:var(--sc-title-size, var(--font-heading-size));font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);color:var(--sc-title-color, #1a1a1a)}.shade-comparison__subtitle{margin:0;font-size:var(--font-body-size);line-height:var(--body-line-height);color:var(--sc-subtitle-color, #666666)}.shade-comparison__table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.shade-comparison__table{width:100%;min-width:640px;border-collapse:collapse;table-layout:fixed}.shade-comparison__table thead th{padding:14px 16px;font-size:var(--font-body-size);font-weight:var(--font-weight-semibold, 600);text-align:center;color:var(--sc-header-text-color, #1a1a1a);background:var(--sc-header-bg, #faf6f1);border-bottom:1px solid var(--sc-border-color, #e5e5e5)}.shade-comparison__table thead th:first-child{width:22%}.shade-comparison__table tbody td{padding:18px 16px;font-size:var(--font-body-size);text-align:center;vertical-align:middle;border-bottom:1px solid var(--sc-row-border-color, #eeeeee);color:var(--sc-text-color, #333333)}.shade-comparison__table tbody tr:last-child td{border-bottom:none}.shade-comparison__type{font-weight:var(--font-weight-semibold, 600);color:var(--sc-type-color, #1a1a1a)}.shade-comparison__best-for{font-size:calc(var(--font-body-size) - 1px);line-height:1.4}.shade-comparison__link{color:inherit;text-decoration:none;transition:opacity .2s ease,color .2s ease}.shade-comparison__link:hover{opacity:.75;text-decoration:underline}.shade-comparison__row--linked{position:relative;cursor:pointer;transition:background-color .2s ease}.shade-comparison__row--linked:hover{background-color:#00000005}.shade-comparison__row-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.shade-comparison__stars{display:inline-flex;align-items:center;justify-content:center;gap:2px}.shade-comparison__star{display:inline-flex;line-height:0}.shade-comparison__star svg{display:block;width:var(--sc-star-size, 18px);height:var(--sc-star-size, 18px)}.shade-comparison__star--filled{color:var(--sc-star-filled, #f5a623)}.shade-comparison__star--empty{color:var(--sc-star-empty, #d9d9d9)}.shade-comparison__legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 32px;padding:20px 24px 28px;border-top:1px solid var(--sc-border-color, #e5e5e5)}.shade-comparison__legend-item{display:inline-flex;align-items:center;gap:8px;font-size:calc(var(--font-body-size) - 1px);color:var(--sc-legend-color, #666666)}.shade-comparison__legend-label{white-space:nowrap}.shade-comparison__cards{display:none}.shade-comparison__card-item{position:relative;padding:20px 16px;border-bottom:1px solid var(--sc-row-border-color, #eeeeee)}.shade-comparison__card-item:last-child{border-bottom:none}.shade-comparison__card-item--linked{transition:background-color .2s ease}.shade-comparison__card-item--linked:hover{background-color:#00000005}.shade-comparison__card-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.shade-comparison__card-type{margin:0 0 14px;font-family:var(--font-heading-family);font-size:var(--font-heading-size);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);color:var(--sc-type-color, #1a1a1a)}.shade-comparison__card-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.shade-comparison__card-label{flex-shrink:0;font-size:calc(var(--font-body-size) - 1px);font-weight:var(--font-weight-medium, 500);color:var(--sc-label-color, #666666)}.shade-comparison__card-value{text-align:right;font-size:calc(var(--font-body-size) - 1px);color:var(--sc-text-color, #333333)}@media(max-width:749px){.shade-comparison{padding:24px 0}.shade-comparison__header{padding:24px 16px 16px}.shade-comparison__title{font-size:var(--sc-title-size-mb, var(--sc-title-size, var(--font-heading-size)))}.shade-comparison__subtitle{font-size:var(--font-body-size)}.shade-comparison__legend{gap:14px 20px;padding:16px}.shade-comparison--mobile-cards .shade-comparison__table-wrapper{display:none}.shade-comparison--mobile-cards .shade-comparison__cards{display:block}.shade-comparison--mobile-scroll .shade-comparison__table-wrapper{margin:0 -1px;padding-bottom:4px}.shade-comparison--mobile-scroll .shade-comparison__table{min-width:560px}.shade-comparison--mobile-scroll .shade-comparison__table thead th,.shade-comparison--mobile-scroll .shade-comparison__table tbody td{padding:12px 10px;font-size:calc(var(--font-body-size) - 2px)}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/shade-comparison.css.map */