.sniper-wrap { --width: 100%; --height: 100%; --side-offset: 0px; --corner-offset: 0px; --position-x: 0px; --position-y: 0px; --custom-offset-x: 0px; --custom-offset-y: 0px; display: grid; grid-gap: var(--side-offset); grid-template-columns: 0px var(--width) 0px; grid-template-rows: 0px var(--height) 0px; grid-template-areas: ". top ." "left main right" ". bottom ."; transform: translate( calc(var(--position-x) - var(--side-offset)), calc(var(--position-y) - var(--side-offset)) ); direction: ltr; } html[dir="rtl"] .sniper-wrap.rtl-flip { grid-template-areas: ". top ." "right main left" ". bottom ."; } .sniper-wrap > .large-bottom-right, .sniper-wrap > .large-left-bottom, .sniper-wrap > .large-left-center, .sniper-wrap > .large-left-top, .sniper-wrap > .large-top-right { justify-self: end; } .sniper-wrap > .large-bottom-left, .sniper-wrap > .large-right-bottom, .sniper-wrap > .large-right-center, .sniper-wrap > .large-right-top, .sniper-wrap > .large-top-left { justify-self: start; } .sniper-wrap > .large-left-bottom, .sniper-wrap > .large-left-center, .sniper-wrap > .large-left-top { grid-area: left; } .sniper-wrap > .large-right-bottom, .sniper-wrap > .large-right-center, .sniper-wrap > .large-right-top { grid-area: right; } .sniper-wrap > .large-bottom-left, .sniper-wrap > .large-top-left { --offset-direction: 1; transform: translate( calc( var(--corner-offset) * var(--offset-direction) + var(--custom-offset-y) ), var(--custom-offset-x) ); } .sniper-wrap > .large-bottom-right, .sniper-wrap > .large-top-right { --offset-direction: -1; transform: translate( calc( var(--corner-offset) * var(--offset-direction) + var(--custom-offset-y) ), var(--custom-offset-x) ); } .sniper-wrap > .large-top-center, .sniper-wrap > .large-top-left, .sniper-wrap > .large-top-right { grid-area: top; align-self: end; } .sniper-wrap > .large-bottom-center, .sniper-wrap > .large-bottom-left, .sniper-wrap > .large-bottom-right { grid-area: bottom; align-self: start; } .sniper-wrap > .large-left-top, .sniper-wrap > .large-right-top { align-self: start; transform: translate( var(--custom-offset-y), calc(var(--corner-offset) + var(--custom-offset-x)) ); } .sniper-wrap > .large-left-bottom, .sniper-wrap > .large-right-bottom { align-self: end; transform: translate( var(--custom-offset-y), calc(var(--corner-offset) * -1 + var(--custom-offset-x)) ); } .sniper-wrap > .large-bottom-center, .sniper-wrap > .large-left-center, .sniper-wrap > .large-right-center, .sniper-wrap > .large-top-center { transform: translate(var(--custom-offset-y), var(--custom-offset-x)); } .sniper-wrap > .large-bottom-center, .sniper-wrap > .large-top-center { justify-self: center; } .sniper-wrap > .large-left-center, .sniper-wrap > .large-right-center { align-self: center; } html[dir="rtl"] .sniper-wrap.rtl-flip > .large-bottom-right, html[dir="rtl"] .sniper-wrap.rtl-flip > .large-left-bottom, html[dir="rtl"] .sniper-wrap.rtl-flip > .large-left-center, html[dir="rtl"] .sniper-wrap.rtl-flip > .large-left-top, html[dir="rtl"] .sniper-wrap.rtl-flip > .large-top-right { justify-self: start; } html[dir="rtl"] .sniper-wrap.rtl-flip > .large-bottom-left, html[dir="rtl"] .sniper-wrap.rtl-flip > .large-right-bottom, html[dir="rtl"] .sniper-wrap.rtl-flip > .large-right-center, html[dir="rtl"] .sniper-wrap.rtl-flip > .large-right-top, html[dir="rtl"] .sniper-wrap.rtl-flip > .large-top-left { justify-self: end; } html[dir="rtl"] .sniper-wrap.rtl-flip > .large-bottom-left, html[dir="rtl"] .sniper-wrap.rtl-flip > .large-top-left { --offset-direction: -1; } html[dir="rtl"] .sniper-wrap.rtl-flip > .large-bottom-right, html[dir="rtl"] .sniper-wrap.rtl-flip > .large-top-right { --offset-direction: 1; } @media (max-width: 1068px) { .sniper-wrap > .medium-bottom-right, .sniper-wrap > .medium-left-bottom, .sniper-wrap > .medium-left-center, .sniper-wrap > .medium-left-top, .sniper-wrap > .medium-top-right { justify-self: end; } .sniper-wrap > .medium-bottom-left, .sniper-wrap > .medium-right-bottom, .sniper-wrap > .medium-right-center, .sniper-wrap > .medium-right-top, .sniper-wrap > .medium-top-left { justify-self: start; } .sniper-wrap > .medium-left-bottom, .sniper-wrap > .medium-left-center, .sniper-wrap > .medium-left-top { grid-area: left; } .sniper-wrap > .medium-right-bottom, .sniper-wrap > .medium-right-center, .sniper-wrap > .medium-right-top { grid-area: right; } .sniper-wrap > .medium-bottom-left, .sniper-wrap > .medium-top-left { --offset-direction: 1; transform: translate( calc( var(--corner-offset) * var(--offset-direction) + var(--custom-offset-y) ), var(--custom-offset-x) ); } .sniper-wrap > .medium-bottom-right, .sniper-wrap > .medium-top-right { --offset-direction: -1; transform: translate( calc( var(--corner-offset) * var(--offset-direction) + var(--custom-offset-y) ), var(--custom-offset-x) ); } .sniper-wrap > .medium-top-center, .sniper-wrap > .medium-top-left, .sniper-wrap > .medium-top-right { grid-area: top; align-self: end; } .sniper-wrap > .medium-bottom-center, .sniper-wrap > .medium-bottom-left, .sniper-wrap > .medium-bottom-right { grid-area: bottom; align-self: start; } .sniper-wrap > .medium-left-top, .sniper-wrap > .medium-right-top { align-self: start; transform: translate( var(--custom-offset-y), calc(var(--corner-offset) + var(--custom-offset-x)) ); } .sniper-wrap > .medium-left-bottom, .sniper-wrap > .medium-right-bottom { align-self: end; transform: translate( var(--custom-offset-y), calc(var(--corner-offset) * -1 + var(--custom-offset-x)) ); } .sniper-wrap > .medium-bottom-center, .sniper-wrap > .medium-left-center, .sniper-wrap > .medium-right-center, .sniper-wrap > .medium-top-center { transform: translate(var(--custom-offset-y), var(--custom-offset-x)); } .sniper-wrap > .medium-bottom-center, .sniper-wrap > .medium-top-center { justify-self: center; } .sniper-wrap > .medium-left-center, .sniper-wrap > .medium-right-center { align-self: center; } html[dir="rtl"] .sniper-wrap.rtl-flip > .medium-bottom-right, html[dir="rtl"] .sniper-wrap.rtl-flip > .medium-left-bottom, html[dir="rtl"] .sniper-wrap.rtl-flip > .medium-left-center, html[dir="rtl"] .sniper-wrap.rtl-flip > .medium-left-top, html[dir="rtl"] .sniper-wrap.rtl-flip > .medium-top-right { justify-self: start; } html[dir="rtl"] .sniper-wrap.rtl-flip > .medium-bottom-left, html[dir="rtl"] .sniper-wrap.rtl-flip > .medium-right-bottom, html[dir="rtl"] .sniper-wrap.rtl-flip > .medium-right-center, html[dir="rtl"] .sniper-wrap.rtl-flip > .medium-right-top, html[dir="rtl"] .sniper-wrap.rtl-flip > .medium-top-left { justify-self: end; } html[dir="rtl"] .sniper-wrap.rtl-flip > .medium-bottom-left, html[dir="rtl"] .sniper-wrap.rtl-flip > .medium-top-left { --offset-direction: -1; } html[dir="rtl"] .sniper-wrap.rtl-flip > .medium-bottom-right, html[dir="rtl"] .sniper-wrap.rtl-flip > .medium-top-right { --offset-direction: 1; } } @media (max-width: 734px) { .sniper-wrap > .small-bottom-right, .sniper-wrap > .small-left-bottom, .sniper-wrap > .small-left-center, .sniper-wrap > .small-left-top, .sniper-wrap > .small-top-right { justify-self: end; } .sniper-wrap > .small-bottom-left, .sniper-wrap > .small-right-bottom, .sniper-wrap > .small-right-center, .sniper-wrap > .small-right-top, .sniper-wrap > .small-top-left { justify-self: start; } .sniper-wrap > .small-left-bottom, .sniper-wrap > .small-left-center, .sniper-wrap > .small-left-top { grid-area: left; } .sniper-wrap > .small-right-bottom, .sniper-wrap > .small-right-center, .sniper-wrap > .small-right-top { grid-area: right; } .sniper-wrap > .small-bottom-left, .sniper-wrap > .small-top-left { --offset-direction: 1; transform: translate( calc( var(--corner-offset) * var(--offset-direction) + var(--custom-offset-y) ), var(--custom-offset-x) ); } .sniper-wrap > .small-bottom-right, .sniper-wrap > .small-top-right { --offset-direction: -1; transform: translate( calc( var(--corner-offset) * var(--offset-direction) + var(--custom-offset-y) ), var(--custom-offset-x) ); } .sniper-wrap > .small-top-center, .sniper-wrap > .small-top-left, .sniper-wrap > .small-top-right { grid-area: top; align-self: end; } .sniper-wrap > .small-bottom-center, .sniper-wrap > .small-bottom-left, .sniper-wrap > .small-bottom-right { grid-area: bottom; align-self: start; } .sniper-wrap > .small-left-top, .sniper-wrap > .small-right-top { align-self: start; transform: translate( var(--custom-offset-y), calc(var(--corner-offset) + var(--custom-offset-x)) ); } .sniper-wrap > .small-left-bottom, .sniper-wrap > .small-right-bottom { align-self: end; transform: translate( var(--custom-offset-y), calc(var(--corner-offset) * -1 + var(--custom-offset-x)) ); } .sniper-wrap > .small-bottom-center, .sniper-wrap > .small-left-center, .sniper-wrap > .small-right-center, .sniper-wrap > .small-top-center { transform: translate(var(--custom-offset-y), var(--custom-offset-x)); } .sniper-wrap > .small-bottom-center, .sniper-wrap > .small-top-center { justify-self: center; } .sniper-wrap > .small-left-center, .sniper-wrap > .small-right-center { align-self: center; } html[dir="rtl"] .sniper-wrap.rtl-flip > .small-bottom-right, html[dir="rtl"] .sniper-wrap.rtl-flip > .small-left-bottom, html[dir="rtl"] .sniper-wrap.rtl-flip > .small-left-center, html[dir="rtl"] .sniper-wrap.rtl-flip > .small-left-top, html[dir="rtl"] .sniper-wrap.rtl-flip > .small-top-right { justify-self: start; } html[dir="rtl"] .sniper-wrap.rtl-flip > .small-bottom-left, html[dir="rtl"] .sniper-wrap.rtl-flip > .small-right-bottom, html[dir="rtl"] .sniper-wrap.rtl-flip > .small-right-center, html[dir="rtl"] .sniper-wrap.rtl-flip > .small-right-top, html[dir="rtl"] .sniper-wrap.rtl-flip > .small-top-left { justify-self: end; } html[dir="rtl"] .sniper-wrap.rtl-flip > .small-bottom-left, html[dir="rtl"] .sniper-wrap.rtl-flip > .small-top-left { --offset-direction: -1; } html[dir="rtl"] .sniper-wrap.rtl-flip > .small-bottom-right, html[dir="rtl"] .sniper-wrap.rtl-flip > .small-top-right { --offset-direction: 1; } } html.no-js picture[data-lazy] { display: none !important; } .techspecs-header-row, .techspecs-row { margin-top: 0.4em; margin-bottom: 0.4em; } .techspecs-header-row::after, .techspecs-header-row::before, .techspecs-row::after, .techspecs-row::before { content: " "; display: table; } .techspecs-header-row::after, .techspecs-row::after { clear: both; } html:not([dir="rtl"]) .techspecs-column, html:not([dir="rtl"]) .techspecs-columnheader, html:not([dir="rtl"]) .techspecs-rowheader { float: left; } html[dir="rtl"] .techspecs-column, html[dir="rtl"] .techspecs-columnheader, html[dir="rtl"] .techspecs-rowheader { float: right; } .techspecs-column, .techspecs-columnheader { margin-inline-start: 3%; } .techspecs-column:first-child, .techspecs-columnheader:first-child { margin-inline-start: 25%; } .techspecs-rowheader { width: 22%; } .techspecs.with-1-column .techspecs-column, .techspecs.with-1-column .techspecs-columnheader { width: 75%; } .techspecs.with-1-column .techspecs-column:nth-child(1n + 3), .techspecs.with-1-column .techspecs-columnheader:nth-child(1n + 3) { margin-inline-start: 25%; } .techspecs.with-1-column.with-fullwidthrowheader-large .techspecs-column, .techspecs.with-1-column.with-fullwidthrowheader-large .techspecs-columnheader, .techspecs.with-1-column.with-fullwidthrowheader-large .techspecs-rowheader { width: 100%; } .techspecs.with-1-column.with-fullwidthrowheader-large .techspecs-column:first-child, .techspecs.with-1-column.with-fullwidthrowheader-large .techspecs-columnheader:first-child, .techspecs.with-1-column.with-fullwidthrowheader-large .techspecs-rowheader + .techspecs-column, .techspecs.with-1-column.with-fullwidthrowheader-large .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } @media (min-width: 1441px) { .techspecs.with-1-column.with-fullwidthrowheader-xlarge .techspecs-column, .techspecs.with-1-column.with-fullwidthrowheader-xlarge .techspecs-columnheader, .techspecs.with-1-column.with-fullwidthrowheader-xlarge .techspecs-rowheader { width: 100%; } .techspecs.with-1-column.with-fullwidthrowheader-xlarge .techspecs-column:first-child, .techspecs.with-1-column.with-fullwidthrowheader-xlarge .techspecs-columnheader:first-child, .techspecs.with-1-column.with-fullwidthrowheader-xlarge .techspecs-rowheader + .techspecs-column, .techspecs.with-1-column.with-fullwidthrowheader-xlarge .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } @media (max-width: 1068px) { .techspecs.with-1-column.with-fullwidthrowheader-medium .techspecs-column, .techspecs.with-1-column.with-fullwidthrowheader-medium .techspecs-columnheader, .techspecs.with-1-column.with-fullwidthrowheader-medium .techspecs-rowheader { width: 100%; } .techspecs.with-1-column.with-fullwidthrowheader-medium .techspecs-column:first-child, .techspecs.with-1-column.with-fullwidthrowheader-medium .techspecs-columnheader:first-child, .techspecs.with-1-column.with-fullwidthrowheader-medium .techspecs-rowheader + .techspecs-column, .techspecs.with-1-column.with-fullwidthrowheader-medium .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } @media (max-width: 734px) { .techspecs.with-1-column.with-fullwidthrowheader-small .techspecs-column, .techspecs.with-1-column.with-fullwidthrowheader-small .techspecs-columnheader, .techspecs.with-1-column.with-fullwidthrowheader-small .techspecs-rowheader { width: 100%; } .techspecs.with-1-column.with-fullwidthrowheader-small .techspecs-column:first-child, .techspecs.with-1-column.with-fullwidthrowheader-small .techspecs-columnheader:first-child, .techspecs.with-1-column.with-fullwidthrowheader-small .techspecs-rowheader + .techspecs-column, .techspecs.with-1-column.with-fullwidthrowheader-small .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } .techspecs.with-2-columns .techspecs-column, .techspecs.with-2-columns .techspecs-columnheader { width: 36%; } .techspecs.with-2-columns .techspecs-column.spans-2-columns, .techspecs.with-2-columns .techspecs-column[aria-colspan="2"], .techspecs.with-2-columns .techspecs-columnheader.spans-2-columns, .techspecs.with-2-columns .techspecs-columnheader[aria-colspan="2"] { width: 75%; } .techspecs.with-2-columns .techspecs-column:nth-child(2n + 4), .techspecs.with-2-columns .techspecs-columnheader:nth-child(2n + 4) { margin-inline-start: 25%; } .techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-column, .techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-columnheader { width: 48.5%; } .techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-column.spans-2-columns, .techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="2"], .techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-2-columns, .techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="2"], .techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-rowheader { width: 100%; } .techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-column:first-child, .techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-columnheader:first-child, .techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-rowheader + .techspecs-column, .techspecs.with-2-columns.with-fullwidthrowheader-large .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } @media (min-width: 1441px) { .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-column, .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader { width: 48.5%; } .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-2-columns, .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="2"], .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-2-columns, .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="2"], .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader { width: 100%; } .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-column:first-child, .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader:first-child, .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader + .techspecs-column, .techspecs.with-2-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } @media (max-width: 1068px) { .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-column, .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-columnheader { width: 48.5%; } .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-column.spans-2-columns, .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="2"], .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-2-columns, .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="2"], .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-rowheader { width: 100%; } .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-column:first-child, .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-columnheader:first-child, .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-rowheader + .techspecs-column, .techspecs.with-2-columns.with-fullwidthrowheader-medium .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } @media (max-width: 734px) { .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column, .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-columnheader { width: 48.5%; } .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column.spans-2-columns, .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="2"], .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-2-columns, .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="2"], .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-rowheader { width: 100%; } .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column:first-child, .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-columnheader:first-child, .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-rowheader + .techspecs-column, .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } .techspecs.with-3-columns .techspecs-column, .techspecs.with-3-columns .techspecs-columnheader { width: 23%; } .techspecs.with-3-columns .techspecs-column.spans-2-columns, .techspecs.with-3-columns .techspecs-column[aria-colspan="2"], .techspecs.with-3-columns .techspecs-columnheader.spans-2-columns, .techspecs.with-3-columns .techspecs-columnheader[aria-colspan="2"] { width: 49%; } .techspecs.with-3-columns .techspecs-column.spans-3-columns, .techspecs.with-3-columns .techspecs-column[aria-colspan="3"], .techspecs.with-3-columns .techspecs-columnheader.spans-3-columns, .techspecs.with-3-columns .techspecs-columnheader[aria-colspan="3"] { width: 75%; } .techspecs.with-3-columns .techspecs-column:nth-child(3n + 5), .techspecs.with-3-columns .techspecs-columnheader:nth-child(3n + 5) { margin-inline-start: 25%; } .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-column, .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-columnheader { width: 31.3333333333%; } .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-column.spans-2-columns, .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="2"], .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-2-columns, .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="2"] { width: 65.6666666667%; } .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-column.spans-3-columns, .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="3"], .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-3-columns, .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="3"], .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-rowheader { width: 100%; } .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-column:first-child, .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-columnheader:first-child, .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-rowheader + .techspecs-column, .techspecs.with-3-columns.with-fullwidthrowheader-large .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } @media (min-width: 1441px) { .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-column, .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader { width: 31.3333333333%; } .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-2-columns, .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="2"], .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-2-columns, .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="2"] { width: 65.6666666667%; } .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-3-columns, .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="3"], .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-3-columns, .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="3"], .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader { width: 100%; } .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-column:first-child, .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader:first-child, .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader + .techspecs-column, .techspecs.with-3-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } @media (max-width: 1068px) { .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-column, .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-columnheader { width: 31.3333333333%; } .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-column.spans-2-columns, .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="2"], .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-2-columns, .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="2"] { width: 65.6666666667%; } .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-column.spans-3-columns, .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="3"], .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-3-columns, .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="3"], .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-rowheader { width: 100%; } .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-column:first-child, .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-columnheader:first-child, .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-rowheader + .techspecs-column, .techspecs.with-3-columns.with-fullwidthrowheader-medium .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } @media (max-width: 734px) { .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-column, .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-columnheader { width: 31.3333333333%; } .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-column.spans-2-columns, .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="2"], .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-2-columns, .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="2"] { width: 65.6666666667%; } .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-column.spans-3-columns, .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="3"], .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-3-columns, .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="3"], .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-rowheader { width: 100%; } .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-column:first-child, .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-columnheader:first-child, .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-rowheader + .techspecs-column, .techspecs.with-3-columns.with-fullwidthrowheader-small .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } .techspecs.with-4-columns .techspecs-column, .techspecs.with-4-columns .techspecs-columnheader { width: 16.5%; } .techspecs.with-4-columns .techspecs-column.spans-2-columns, .techspecs.with-4-columns .techspecs-column[aria-colspan="2"], .techspecs.with-4-columns .techspecs-columnheader.spans-2-columns, .techspecs.with-4-columns .techspecs-columnheader[aria-colspan="2"] { width: 36%; } .techspecs.with-4-columns .techspecs-column.spans-3-columns, .techspecs.with-4-columns .techspecs-column[aria-colspan="3"], .techspecs.with-4-columns .techspecs-columnheader.spans-3-columns, .techspecs.with-4-columns .techspecs-columnheader[aria-colspan="3"] { width: 55.5%; } .techspecs.with-4-columns .techspecs-column.spans-4-columns, .techspecs.with-4-columns .techspecs-column[aria-colspan="4"], .techspecs.with-4-columns .techspecs-columnheader.spans-4-columns, .techspecs.with-4-columns .techspecs-columnheader[aria-colspan="4"] { width: 75%; } .techspecs.with-4-columns .techspecs-column:nth-child(4n + 6), .techspecs.with-4-columns .techspecs-columnheader:nth-child(4n + 6) { margin-inline-start: 25%; } .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column, .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader { width: 22.75%; } .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column.spans-2-columns, .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="2"], .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-2-columns, .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="2"] { width: 48.5%; } .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column.spans-3-columns, .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="3"], .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-3-columns, .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="3"] { width: 74.25%; } .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column.spans-4-columns, .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="4"], .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-4-columns, .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="4"], .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-rowheader { width: 100%; } .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-column:first-child, .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-columnheader:first-child, .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-rowheader + .techspecs-column, .techspecs.with-4-columns.with-fullwidthrowheader-large .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } @media (min-width: 1441px) { .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column, .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader { width: 22.75%; } .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-2-columns, .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="2"], .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-2-columns, .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="2"] { width: 48.5%; } .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-3-columns, .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="3"], .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-3-columns, .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="3"] { width: 74.25%; } .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-4-columns, .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="4"], .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-4-columns, .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="4"], .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader { width: 100%; } .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-column:first-child, .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader:first-child, .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader + .techspecs-column, .techspecs.with-4-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } @media (max-width: 1068px) { .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column, .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader { width: 22.75%; } .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column.spans-2-columns, .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="2"], .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-2-columns, .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="2"] { width: 48.5%; } .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column.spans-3-columns, .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="3"], .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-3-columns, .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="3"] { width: 74.25%; } .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column.spans-4-columns, .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="4"], .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-4-columns, .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="4"], .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-rowheader { width: 100%; } .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-column:first-child, .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-columnheader:first-child, .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-rowheader + .techspecs-column, .techspecs.with-4-columns.with-fullwidthrowheader-medium .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } @media (max-width: 734px) { .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column, .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader { width: 22.75%; } .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column.spans-2-columns, .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="2"], .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-2-columns, .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="2"] { width: 48.5%; } .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column.spans-3-columns, .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="3"], .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-3-columns, .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="3"] { width: 74.25%; } .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column.spans-4-columns, .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="4"], .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-4-columns, .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="4"], .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-rowheader { width: 100%; } .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-column:first-child, .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-columnheader:first-child, .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-rowheader + .techspecs-column, .techspecs.with-4-columns.with-fullwidthrowheader-small .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } .techspecs.with-5-columns .techspecs-column, .techspecs.with-5-columns .techspecs-columnheader { width: 12.6%; } .techspecs.with-5-columns .techspecs-column.spans-2-columns, .techspecs.with-5-columns .techspecs-column[aria-colspan="2"], .techspecs.with-5-columns .techspecs-columnheader.spans-2-columns, .techspecs.with-5-columns .techspecs-columnheader[aria-colspan="2"] { width: 28.2%; } .techspecs.with-5-columns .techspecs-column.spans-3-columns, .techspecs.with-5-columns .techspecs-column[aria-colspan="3"], .techspecs.with-5-columns .techspecs-columnheader.spans-3-columns, .techspecs.with-5-columns .techspecs-columnheader[aria-colspan="3"] { width: 43.8%; } .techspecs.with-5-columns .techspecs-column.spans-4-columns, .techspecs.with-5-columns .techspecs-column[aria-colspan="4"], .techspecs.with-5-columns .techspecs-columnheader.spans-4-columns, .techspecs.with-5-columns .techspecs-columnheader[aria-colspan="4"] { width: 59.4%; } .techspecs.with-5-columns .techspecs-column.spans-5-columns, .techspecs.with-5-columns .techspecs-column[aria-colspan="5"], .techspecs.with-5-columns .techspecs-columnheader.spans-5-columns, .techspecs.with-5-columns .techspecs-columnheader[aria-colspan="5"] { width: 75%; } .techspecs.with-5-columns .techspecs-column:nth-child(5n + 7), .techspecs.with-5-columns .techspecs-columnheader:nth-child(5n + 7) { margin-inline-start: 25%; } .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column, .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader { width: 17.6%; } .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column.spans-2-columns, .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="2"], .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-2-columns, .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="2"] { width: 38.2%; } .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column.spans-3-columns, .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="3"], .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-3-columns, .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="3"] { width: 58.8%; } .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column.spans-4-columns, .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="4"], .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-4-columns, .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="4"] { width: 79.4%; } .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column.spans-5-columns, .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column[aria-colspan="5"], .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader.spans-5-columns, .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader[aria-colspan="5"], .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-rowheader { width: 100%; } .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-column:first-child, .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-columnheader:first-child, .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-rowheader + .techspecs-column, .techspecs.with-5-columns.with-fullwidthrowheader-large .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } @media (min-width: 1441px) { .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column, .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader { width: 17.6%; } .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-2-columns, .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="2"], .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-2-columns, .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="2"] { width: 38.2%; } .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-3-columns, .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="3"], .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-3-columns, .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="3"] { width: 58.8%; } .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-4-columns, .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="4"], .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-4-columns, .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="4"] { width: 79.4%; } .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column.spans-5-columns, .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column[aria-colspan="5"], .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader.spans-5-columns, .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader[aria-colspan="5"], .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader { width: 100%; } .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-column:first-child, .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-columnheader:first-child, .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader + .techspecs-column, .techspecs.with-5-columns.with-fullwidthrowheader-xlarge .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } @media (max-width: 1068px) { .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column, .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader { width: 17.6%; } .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column.spans-2-columns, .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="2"], .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-2-columns, .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="2"] { width: 38.2%; } .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column.spans-3-columns, .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="3"], .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-3-columns, .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="3"] { width: 58.8%; } .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column.spans-4-columns, .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="4"], .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-4-columns, .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="4"] { width: 79.4%; } .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column.spans-5-columns, .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column[aria-colspan="5"], .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader.spans-5-columns, .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader[aria-colspan="5"], .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-rowheader { width: 100%; } .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-column:first-child, .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-columnheader:first-child, .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-rowheader + .techspecs-column, .techspecs.with-5-columns.with-fullwidthrowheader-medium .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } @media (max-width: 734px) { .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column, .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader { width: 17.6%; } .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column.spans-2-columns, .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="2"], .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-2-columns, .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="2"] { width: 38.2%; } .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column.spans-3-columns, .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="3"], .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-3-columns, .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="3"] { width: 58.8%; } .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column.spans-4-columns, .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="4"], .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-4-columns, .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="4"] { width: 79.4%; } .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column.spans-5-columns, .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column[aria-colspan="5"], .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader.spans-5-columns, .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader[aria-colspan="5"], .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-rowheader { width: 100%; } .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-column:first-child, .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-columnheader:first-child, .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-rowheader + .techspecs-column, .techspecs.with-5-columns.with-fullwidthrowheader-small .techspecs-rowheader + .techspecs-columnheader { margin-inline-start: 0; } } .techspecs h1, .techspecs h2, .techspecs h3, .techspecs h4, .techspecs h5, .techspecs h6 { font: inherit; font-weight: 600; } .techspecs h1 + h1, .techspecs h1 + h2, .techspecs h1 + h3, .techspecs h1 + h4, .techspecs h1 + h5, .techspecs h1 + h6, .techspecs h2 + h1, .techspecs h2 + h2, .techspecs h2 + h3, .techspecs h2 + h4, .techspecs h2 + h5, .techspecs h2 + h6, .techspecs h3 + h1, .techspecs h3 + h2, .techspecs h3 + h3, .techspecs h3 + h4, .techspecs h3 + h5, .techspecs h3 + h6, .techspecs h4 + h1, .techspecs h4 + h2, .techspecs h4 + h3, .techspecs h4 + h4, .techspecs h4 + h5, .techspecs h4 + h6, .techspecs h5 + h1, .techspecs h5 + h2, .techspecs h5 + h3, .techspecs h5 + h4, .techspecs h5 + h5, .techspecs h5 + h6, .techspecs h6 + h1, .techspecs h6 + h2, .techspecs h6 + h3, .techspecs h6 + h4, .techspecs h6 + h5, .techspecs h6 + h6 { margin-top: 1.6em; } .techspecs h1 + p, .techspecs h2 + p, .techspecs h3 + p, .techspecs h4 + p, .techspecs h5 + p, .techspecs h6 + p { margin-top: 0; } .techspecs h1 + ol, .techspecs h1 + ul, .techspecs h2 + ol, .techspecs h2 + ul, .techspecs h3 + ol, .techspecs h3 + ul, .techspecs h4 + ol, .techspecs h4 + ul, .techspecs h5 + ol, .techspecs h5 + ul, .techspecs h6 + ol, .techspecs h6 + ul { margin-top: 0.4em; } .techspecs b, .techspecs strong { font-weight: 600; } .techspecs table td, .techspecs table th { padding-inline-end: 24px; padding: 0 0 0.3529411765em; } .techspecs table th { font-weight: 600; } .techspecs table tr:last-child td, .techspecs table tr:last-child th { padding-bottom: 0; } .techspecs-section { padding-top: 3.5882352941em; padding-bottom: 3.2941176471em; border-top: 1px solid #d2d2d7; } .techspecs-section > :first-child { margin-top: 0; } .techspecs-section > :last-child { margin-bottom: 0; } @media (max-width: 1068px) { .techspecs-section { padding-top: 2.6470588235em; padding-bottom: 2.4117647059em; } } .techspecs.with-fullwidthrowheader-large .techspecs-section { padding-top: 18px; padding-bottom: 18px; border-top: none; } @media (min-width: 1441px) { .techspecs.with-fullwidthrowheader-xlarge .techspecs-section { padding-top: 18px; padding-bottom: 18px; border-top: none; } } @media (max-width: 1068px) { .techspecs.with-fullwidthrowheader-medium .techspecs-section { padding-top: 18px; padding-bottom: 18px; border-top: none; } } @media (max-width: 734px) { .techspecs.with-fullwidthrowheader-small .techspecs-section { padding-top: 18px; padding-bottom: 18px; border-top: none; } } .techspecs-header-row { margin-top: 72px; margin-bottom: 52px; } @media (max-width: 734px) { .techspecs-header-row { margin-top: 1.825em; margin-bottom: 0.925em; } .techspecs-header-row .techspecs-rowheader { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0 0 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; } } .techspecs-columnheader, h1.techspecs-columnheader, h2.techspecs-columnheader { font-size: 32px; line-height: 1.125; font-weight: 600; letter-spacing: 0.004em; font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; margin-top: 0 !important; } .techspecs-columnheader:lang(ja), h1.techspecs-columnheader:lang(ja), h2.techspecs-columnheader:lang(ja) { line-height: 1.21875; font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(ko), h1.techspecs-columnheader:lang(ko), h2.techspecs-columnheader:lang(ko) { line-height: 1.21875; font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(th), h1.techspecs-columnheader:lang(th), h2.techspecs-columnheader:lang(th) { line-height: 1.375; font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh), h1.techspecs-columnheader:lang(zh), h2.techspecs-columnheader:lang(zh) { line-height: 1.21875; } .techspecs-columnheader:lang(ar), h1.techspecs-columnheader:lang(ar), h2.techspecs-columnheader:lang(ar) { font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh-CN), h1.techspecs-columnheader:lang(zh-CN), h2.techspecs-columnheader:lang(zh-CN) { font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh-HK), h1.techspecs-columnheader:lang(zh-HK), h2.techspecs-columnheader:lang(zh-HK) { font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh-MO), h1.techspecs-columnheader:lang(zh-MO), h2.techspecs-columnheader:lang(zh-MO) { font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh-TW), h1.techspecs-columnheader:lang(zh-TW), h2.techspecs-columnheader:lang(zh-TW) { font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif; } @media (max-width: 1068px) { .techspecs-columnheader, h1.techspecs-columnheader, h2.techspecs-columnheader { font-size: 28px; line-height: 1.1428571429; font-weight: 600; letter-spacing: 0.007em; font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(ja), h1.techspecs-columnheader:lang(ja), h2.techspecs-columnheader:lang(ja) { line-height: 1.1786114286; font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(ko), h1.techspecs-columnheader:lang(ko), h2.techspecs-columnheader:lang(ko) { line-height: 1.25; font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(th), h1.techspecs-columnheader:lang(th), h2.techspecs-columnheader:lang(th) { line-height: 1.3928571429; font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh), h1.techspecs-columnheader:lang(zh), h2.techspecs-columnheader:lang(zh) { line-height: 1.25; } .techspecs-columnheader:lang(ar), h1.techspecs-columnheader:lang(ar), h2.techspecs-columnheader:lang(ar) { font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh-CN), h1.techspecs-columnheader:lang(zh-CN), h2.techspecs-columnheader:lang(zh-CN) { font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh-HK), h1.techspecs-columnheader:lang(zh-HK), h2.techspecs-columnheader:lang(zh-HK) { font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh-MO), h1.techspecs-columnheader:lang(zh-MO), h2.techspecs-columnheader:lang(zh-MO) { font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh-TW), h1.techspecs-columnheader:lang(zh-TW), h2.techspecs-columnheader:lang(zh-TW) { font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif; } } @media (max-width: 734px) { .techspecs-columnheader, h1.techspecs-columnheader, h2.techspecs-columnheader { font-size: 24px; line-height: 1.1666666667; font-weight: 600; letter-spacing: 0.009em; font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(ja), h1.techspecs-columnheader:lang(ja), h2.techspecs-columnheader:lang(ja) { line-height: 1.25; font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(ko), h1.techspecs-columnheader:lang(ko), h2.techspecs-columnheader:lang(ko) { line-height: 1.2916666667; font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(th), h1.techspecs-columnheader:lang(th), h2.techspecs-columnheader:lang(th) { line-height: 1.375; font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh), h1.techspecs-columnheader:lang(zh), h2.techspecs-columnheader:lang(zh) { line-height: 1.2916666667; } .techspecs-columnheader:lang(ar), h1.techspecs-columnheader:lang(ar), h2.techspecs-columnheader:lang(ar) { font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh-CN), h1.techspecs-columnheader:lang(zh-CN), h2.techspecs-columnheader:lang(zh-CN) { font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh-HK), h1.techspecs-columnheader:lang(zh-HK), h2.techspecs-columnheader:lang(zh-HK) { font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh-MO), h1.techspecs-columnheader:lang(zh-MO), h2.techspecs-columnheader:lang(zh-MO) { font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-columnheader:lang(zh-TW), h1.techspecs-columnheader:lang(zh-TW), h2.techspecs-columnheader:lang(zh-TW) { font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif; } } .techspecs-rowheader { font-size: 24px; line-height: 1.1666666667; font-weight: 600; letter-spacing: 0.009em; font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; position: relative; margin-top: -0.1764705882em; } .techspecs-rowheader:lang(ja) { line-height: 1.25; font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(ko) { line-height: 1.2916666667; font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(th) { line-height: 1.375; font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(zh) { line-height: 1.2916666667; } .techspecs-rowheader:lang(ar) { font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(zh-CN) { font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(zh-HK) { font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(zh-MO) { font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(zh-TW) { font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif; } @media (max-width: 1068px) { .techspecs-rowheader { font-size: 21px; line-height: 1.1904761905; font-weight: 600; letter-spacing: 0.011em; font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(ja) { line-height: 1.2380952381; font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(ko) { line-height: 1.2858042857; font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(th) { line-height: 1.381002381; font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(zh) { line-height: 1.3334033333; } .techspecs-rowheader:lang(ar) { font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(zh-CN) { font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(zh-HK) { font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(zh-MO) { font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-rowheader:lang(zh-TW) { font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif; } } @media (max-width: 1068px) { .techspecs-rowheader { margin-top: -0.1176470588em; } } .techspecs.with-fullwidthrowheader-large .techspecs-rowheader { padding: 0.9411764706em 0; margin-top: 0; margin-bottom: 1.5em; border-bottom: 1px solid #d2d2d7; } @media (min-width: 1441px) { .techspecs.with-fullwidthrowheader-xlarge .techspecs-rowheader { padding: 0.9411764706em 0; margin-top: 0; margin-bottom: 1.5em; border-bottom: 1px solid #d2d2d7; } } @media (max-width: 1068px) { .techspecs.with-fullwidthrowheader-medium .techspecs-rowheader { padding: 0.9411764706em 0; margin-top: 0; margin-bottom: 1.5em; border-bottom: 1px solid #d2d2d7; } } @media (max-width: 734px) { .techspecs.with-fullwidthrowheader-small .techspecs-rowheader { padding: 0.9411764706em 0; margin-top: 0; margin-bottom: 1.5em; border-bottom: 1px solid #d2d2d7; } } .techspecs-subheader { font-weight: 600; } .techspecs-subheader + p { margin-top: 0; } .techspecs-subheader + .techspecs-subheader, ol + .techspecs-subheader, ul + .techspecs-subheader { margin-top: 1.6em; } .techspecs-list { margin-inline-start: 0; list-style: none; } .techspecs-list li { margin-top: 0.4em; } .techspecs-list li:first-child { margin-top: 0; } .techspecs-list li:last-child ol, .techspecs-list li:last-child ul { margin-bottom: 0; } .techspecs-list ol, .techspecs-list ul { margin-top: 0.8em; margin-bottom: 0.8em; list-style: disc; } .techspecs-list ol li, .techspecs-list ul li { margin-top: 0.4em; } .techspecs-list.techspecs-list-nobullets ol, .techspecs-list.techspecs-list-nobullets ul { margin: 0; list-style: none; } .techspecs-list.techspecs-list-disc { margin-inline-start: 1.0588235294em; list-style: inherit; } .techspecs-list.techspecs-list-disc ol, .techspecs-list.techspecs-list-disc ul { list-style: circle; } .techspecs-appgrid { margin-inline-start: calc(-9.25926% - -28.88889px); margin-bottom: -2.2em; display: flex; flex-wrap: wrap; } @media (max-width: 1068px) { .techspecs-appgrid { margin-inline-start: calc(-11.11111% - -28.88889px); } } @media (max-width: 734px) { .techspecs-appgrid { margin: 0 auto; } } .techspecs-appgrid-app { flex-shrink: 0; flex-grow: 0; flex-basis: 16.6666666667%; margin: 0 0 2.2em; } @media (max-width: 1068px) { .techspecs-appgrid-app { flex-basis: 20%; } } @media (max-width: 734px) { .techspecs-appgrid-app { flex-basis: 16.6666666667%; } } @media (max-width: 670px) { .techspecs-appgrid-app { flex-basis: 20%; } } @media (max-width: 560px) { .techspecs-appgrid-app { flex-basis: 25%; } } @media (max-width: 450px) { .techspecs-appgrid-app { flex-basis: 33.3333333333%; } } .techspecs-appgrid-app-label, .techspecs-appgrid-app > figcaption { font-size: 12px; line-height: 1.3333733333; font-weight: 400; letter-spacing: -0.01em; font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; display: block; color: #6e6e73; text-align: center; } .techspecs-appgrid-app-label:lang(ar), .techspecs-appgrid-app > figcaption:lang(ar) { letter-spacing: 0em; font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-appgrid-app-label:lang(ja), .techspecs-appgrid-app > figcaption:lang(ja) { line-height: 1.4166666667; letter-spacing: 0em; font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-appgrid-app-label:lang(ko), .techspecs-appgrid-app > figcaption:lang(ko) { line-height: 1.4166666667; letter-spacing: 0em; font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-appgrid-app-label:lang(zh), .techspecs-appgrid-app > figcaption:lang(zh) { letter-spacing: 0em; } .techspecs-appgrid-app-label:lang(th), .techspecs-appgrid-app > figcaption:lang(th) { line-height: 1.3333733333; letter-spacing: 0em; font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-appgrid-app-label:lang(zh-CN), .techspecs-appgrid-app > figcaption:lang(zh-CN) { font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-appgrid-app-label:lang(zh-HK), .techspecs-appgrid-app > figcaption:lang(zh-HK) { font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-appgrid-app-label:lang(zh-MO), .techspecs-appgrid-app > figcaption:lang(zh-MO) { font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .techspecs-appgrid-app-label:lang(zh-TW), .techspecs-appgrid-app > figcaption:lang(zh-TW) { font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-built-in-apps .techspecs-appgrid .techspecs-appgrid-app picture, .section-free-apps .techspecs-appgrid .techspecs-appgrid-app picture, .techspecs-appgrid-app-icon { width: 52px; height: 52px; margin: 0 auto 0.375em; } .tile-techspecs-environment { --sk-tile-border-radius-large: var(--sk-tile-border-radius, 18px); --sk-tile-border-radius-xlarge: var( --sk-tile-border-radius, var(--sk-tile-border-radius-large) ); --sk-tile-border-radius-medium: var( --sk-tile-border-radius, var(--sk-tile-border-radius-large) ); --sk-tile-border-radius-small: var( --sk-tile-border-radius, var(--sk-tile-border-radius-large) ); border-radius: var(--sk-tile-border-radius-large); display: flex; flex-flow: row wrap; width: 100%; padding-block: 2.2352941176em 2.1176470588em; padding-inline: 8.3333333333%; border: 1px solid rgba(0, 0, 0, 0); --sk-tile-background: rgb(232, 232, 237); } @media (min-width: 1441px) { .tile-techspecs-environment { border-radius: var(--sk-tile-border-radius-xlarge); } } @media (max-width: 1068px) { .tile-techspecs-environment { border-radius: var(--sk-tile-border-radius-medium); } } @media (max-width: 734px) { .tile-techspecs-environment { border-radius: var(--sk-tile-border-radius-small); font-size: 14px; line-height: 1.4285914286; font-weight: 400; letter-spacing: -0.016em; font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } } @media (max-width: 734px) { .tile-techspecs-environment:lang(ar) { letter-spacing: 0em; font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment:lang(ja) { line-height: 1.4; letter-spacing: 0em; font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment:lang(ko) { line-height: 1.5714285714; letter-spacing: 0em; font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment:lang(zh) { line-height: 1.5; letter-spacing: 0em; } .tile-techspecs-environment:lang(th) { line-height: 1.3571828571; letter-spacing: 0em; font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment:lang(zh-CN) { font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment:lang(zh-HK) { font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment:lang(zh-MO) { font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment:lang(zh-TW) { font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif; } } .tile-techspecs-environment .tile-title { font-size: 32px; line-height: 1.125; font-weight: 600; letter-spacing: 0.004em; font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(ja) { line-height: 1.21875; font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(ko) { line-height: 1.21875; font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(th) { line-height: 1.375; font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh) { line-height: 1.21875; } .tile-techspecs-environment .tile-title:lang(ar) { font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh-CN) { font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh-HK) { font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh-MO) { font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh-TW) { font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif; } @media (max-width: 1068px) { .tile-techspecs-environment .tile-title { font-size: 28px; line-height: 1.1428571429; font-weight: 600; letter-spacing: 0.007em; font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(ja) { line-height: 1.1786114286; font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(ko) { line-height: 1.25; font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(th) { line-height: 1.3928571429; font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh) { line-height: 1.25; } .tile-techspecs-environment .tile-title:lang(ar) { font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh-CN) { font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh-HK) { font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh-MO) { font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh-TW) { font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif; } } @media (max-width: 734px) { .tile-techspecs-environment .tile-title { font-size: 24px; line-height: 1.1666666667; font-weight: 600; letter-spacing: 0.009em; font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(ja) { line-height: 1.25; font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(ko) { line-height: 1.2916666667; font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(th) { line-height: 1.375; font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh) { line-height: 1.2916666667; } .tile-techspecs-environment .tile-title:lang(ar) { font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh-CN) { font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh-HK) { font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh-MO) { font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .tile-techspecs-environment .tile-title:lang(zh-TW) { font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif; } } @media (max-width: 734px) { .tile-techspecs-environment .tile-title { text-align: center; } } .tile-techspecs-environment .tile-title + .tile-copy { margin-top: 1.4em; } .tile-techspecs-environment-header { width: 65%; } @media (max-width: 1068px) { .tile-techspecs-environment-header { width: 90%; } } @media (max-width: 734px) { .tile-techspecs-environment-header { width: 100%; } } .tile-techspecs-environment-logo { inset-inline-end: 8.5%; top: 10.5%; position: absolute; margin-bottom: 1em; } @media (max-width: 1068px) { .tile-techspecs-environment-logo { inset-inline-end: 12%; top: 8%; } } @media (max-width: 734px) { .tile-techspecs-environment-logo { position: static; margin: 0 auto 1.7em; } } .tile-techspecs-environment-content { margin: 1.0588235294em -15px 0; } .tile-techspecs-environment-content > :first-child { margin-top: 0; } .tile-techspecs-environment-content > :last-child { margin-bottom: 0; } .tile-techspecs-environment-content::after, .tile-techspecs-environment-content::before { content: " "; display: table; } .tile-techspecs-environment-content::after { clear: both; } @media (max-width: 734px) { .tile-techspecs-environment-content { margin-top: 1.8em; } } .tile-techspecs-environment-copy { box-sizing: border-box; padding: 0 15px; margin-bottom: 1.33em; width: 50%; } html:not([dir="rtl"]) .tile-techspecs-environment-copy { float: left; } html[dir="rtl"] .tile-techspecs-environment-copy { float: right; } @media (max-width: 734px) { .tile-techspecs-environment-copy { width: 100%; margin-bottom: 1.8em; } } .tile-techspecs-environment-copy > h1, .tile-techspecs-environment-copy > h2, .tile-techspecs-environment-copy > h3, .tile-techspecs-environment-copy > h4, .tile-techspecs-environment-copy > h5, .tile-techspecs-environment-copy > h6 { font: inherit; font-weight: 600; } .tile-techspecs-environment-copy > h1 + p, .tile-techspecs-environment-copy > h2 + p, .tile-techspecs-environment-copy > h3 + p, .tile-techspecs-environment-copy > h4 + p, .tile-techspecs-environment-copy > h5 + p, .tile-techspecs-environment-copy > h6 + p { margin-top: 0; } .tile-techspecs-environment-copy > h1 + ol, .tile-techspecs-environment-copy > h1 + ul, .tile-techspecs-environment-copy > h2 + ol, .tile-techspecs-environment-copy > h2 + ul, .tile-techspecs-environment-copy > h3 + ol, .tile-techspecs-environment-copy > h3 + ul, .tile-techspecs-environment-copy > h4 + ol, .tile-techspecs-environment-copy > h4 + ul, .tile-techspecs-environment-copy > h5 + ol, .tile-techspecs-environment-copy > h5 + ul, .tile-techspecs-environment-copy > h6 + ol, .tile-techspecs-environment-copy > h6 + ul { margin-top: 0.7em; } .techspecs-os-logo { margin-inline-end: 30px; } html:not([dir="rtl"]) .techspecs-os-logo { float: left; } html[dir="rtl"] .techspecs-os-logo { float: right; } @media (max-width: 734px) { .techspecs-os-logo { float: none; } } .techspecs-os-description { overflow: hidden; } @media (max-width: 734px) { .techspecs-os-logo + .techspecs-os-description { margin-top: 1.1em; } } .techspecs-os-description + * { margin-top: 2em; } .techspecs-os-features { column-count: 3; margin: 0.4em 0 -0.4em; grid-column-gap: 0.1176470588em; column-gap: 0.1176470588em; } @media (max-width: 734px) { .techspecs-os-features { column-count: 1; } } .techspecs-os-features > li { margin-inline-start: 1.0588235294em; padding-bottom: 0.4em; page-break-inside: avoid; break-inside: avoid; } html.js [data-anim-lazy-image], html.js [data-anim-lazy-image] *, html.js [data-anim-lazy-image]:after, html.js [data-anim-lazy-image]:before, html.js [data-lazy]:not(.loaded), html.js [data-lazy]:not(.loaded) *, html.js [data-lazy]:not(.loaded):after, html.js [data-lazy]:not(.loaded):before { background-image: none !important; mask-image: none !important; } html.js .anim-lazy-image-fade-in { opacity: 0; } html.js .anim-lazy-image-fade-in[data-anim-lazy-image-download-complete] { opacity: 1; transition: opacity 0.5s ease-out; } .diagram-text { font-size: 12px; line-height: 1.3333733333; font-weight: 400; letter-spacing: -0.01em; font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; color: #6e6e73; position: absolute; z-index: 2; } .diagram-text:lang(ar) { letter-spacing: 0em; font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .diagram-text:lang(ja) { line-height: 1.4166666667; letter-spacing: 0em; font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif; } .diagram-text:lang(ko) { line-height: 1.4166666667; letter-spacing: 0em; font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif; } .diagram-text:lang(zh) { letter-spacing: 0em; } .diagram-text:lang(th) { line-height: 1.3333733333; letter-spacing: 0em; font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .diagram-text:lang(zh-CN) { font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif; } .diagram-text:lang(zh-HK) { font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .diagram-text:lang(zh-MO) { font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .diagram-text:lang(zh-TW) { font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif; } .diagram-text li { margin-top: 0; } html.text-zoom .diagram-text { font-size: 8px; } .typography-caption { color: #6e6e73; } .section-specs { overflow-x: hidden; } html.text-zoom .techspecs-rowheader { width: 32%; } html.text-zoom .techspecs.with-2-columns .techspecs-column.spans-2-columns, html.text-zoom .techspecs.with-2-columns .techspecs-column[aria-colspan="2"], html.text-zoom .techspecs.with-2-columns .techspecs-columnheader.spans-2-columns, html.text-zoom .techspecs.with-2-columns .techspecs-columnheader[aria-colspan="2"] { width: 64%; } html.text-zoom .techspecs.with-2-columns .techspecs-column { width: 31%; } .techspecs-section.section-models { border-top: 0; margin-block-end: 57px; } @media (max-width: 1068px) { .techspecs-section.section-models { margin-block-end: 107px; } } @media (max-width: 734px) { .techspecs-section.section-models { margin-block-end: 9px; } } .techspecs-section.section-models .techspecs-column { display: flex; flex-direction: column-reverse; position: relative; } @media (max-width: 734px) { .techspecs-section.section-models .techspecs-column { flex-direction: column; } } @media (max-width: 734px) { .techspecs-section.section-models .techspecs-column .specs-models-ipad-pro { margin: 0 auto; } } .techspecs-section.section-models .techspecs-column .specs-models-ipad-pro img { margin-block-start: 41px; } @media (max-width: 1068px) { .techspecs-section.section-models .techspecs-column .specs-models-ipad-pro img { margin-block-start: 66px; } } @media (max-width: 734px) { .techspecs-section.section-models .techspecs-column .specs-models-ipad-pro img { margin-block-start: unset; } } .techspecs-section.section-models .caption { margin-block-start: unset; position: absolute; } .techspecs-section.section-models .caption.caption-ipad-pro-13-inch { margin-inline-start: 386px; } @media (max-width: 1068px) { .techspecs-section.section-models .caption.caption-ipad-pro-13-inch { margin-inline-start: 273px; } } html.text-zoom .techspecs-section.section-models .caption { margin-block-start: -20px; min-width: 280px; } @media (max-width: 734px) { .techspecs.with-2-columns.with-fullwidthrowheader-small .section-models .techspecs-rowheader { margin-bottom: 1.3em; border-bottom: none; } .techspecs.with-2-columns.with-fullwidthrowheader-small .section-models .techspecs-subheader { text-align: center; margin-top: 19px; } } .image-specs-finish-silver { background-size: 620px 20px; background-repeat: no-repeat; background-image: url(/v/ipad-pro/specs/e/images/specs/finish_silver__dgoqzxd7wx0m_large.jpg); height: 20px; width: 620px; } @media (min-resolution: 1.5dppx), (min-resolution: 144dpi) { .image-specs-finish-silver { background-image: url(/v/ipad-pro/specs/e/images/specs/finish_silver__dgoqzxd7wx0m_large_2x.jpg); } } @media (max-width: 1068px) { .image-specs-finish-silver { background-size: 427px 14px; background-repeat: no-repeat; background-image: url(/v/ipad-pro/specs/e/images/specs/finish_silver__dgoqzxd7wx0m_medium.jpg); } } @media (max-width: 1068px) and (min-resolution: 1.5dppx), (max-width: 1068px) and (min-resolution: 144dpi) { .image-specs-finish-silver { background-image: url(/v/ipad-pro/specs/e/images/specs/finish_silver__dgoqzxd7wx0m_medium_2x.jpg); } } @media (max-width: 1068px) { .image-specs-finish-silver { height: 14px; width: 427px; } } .image-specs-finish-space-black { background-size: 620px 20px; background-repeat: no-repeat; background-image: url(/v/ipad-pro/specs/e/images/specs/finish_space_black__fuh4e8c1a1ua_large.jpg); height: 20px; width: 620px; } @media (min-resolution: 1.5dppx), (min-resolution: 144dpi) { .image-specs-finish-space-black { background-image: url(/v/ipad-pro/specs/e/images/specs/finish_space_black__fuh4e8c1a1ua_large_2x.jpg); } } @media (max-width: 1068px) { .image-specs-finish-space-black { background-size: 427px 14px; background-repeat: no-repeat; background-image: url(/v/ipad-pro/specs/e/images/specs/finish_space_black__fuh4e8c1a1ua_medium.jpg); } } @media (max-width: 1068px) and (min-resolution: 1.5dppx), (max-width: 1068px) and (min-resolution: 144dpi) { .image-specs-finish-space-black { background-image: url(/v/ipad-pro/specs/e/images/specs/finish_space_black__fuh4e8c1a1ua_medium_2x.jpg); } } @media (max-width: 1068px) { .image-specs-finish-space-black { height: 14px; width: 427px; } } @media (max-width: 734px) { .image-specs-finish { background-size: 1084px 143px; background-repeat: no-repeat; background-image: url(/v/ipad-pro/specs/e/images/specs/finish__edmow5bej802_small.jpg); } } @media (max-width: 734px) and (min-resolution: 1.5dppx), (max-width: 734px) and (min-resolution: 144dpi) { .image-specs-finish { background-image: url(/v/ipad-pro/specs/e/images/specs/finish__edmow5bej802_small_2x.jpg); } } @media (max-width: 734px) { .image-specs-finish { height: 143px; width: 1084px; } } @media (max-width: 734px) { .techspecs-section.section-finish { padding-bottom: 76px; } } @media (max-width: 734px) { .techspecs-section.section-finish .techspecs-column.techspecs-column-smallfullwidth { width: 100%; text-align: center; } } .techspecs-section.section-finish .techspecs-column .finish-header { margin-top: 20px; text-align: left; } @media (max-width: 734px) { .techspecs-section.section-finish .techspecs-column .finish-header { text-align: center; } } .techspecs-section.section-finish .techspecs-column .finish-header p { margin-top: 0; } @media (max-width: 1068px) { .techspecs-section.section-finish .finish-picture-LM-column { margin-block-end: 4px; } } @media (max-width: 734px) { .techspecs-section.section-finish .finish-picture-LM-column { display: none; } } .techspecs-section.section-finish .finish-column { display: flex; flex-direction: column-reverse; position: relative; } .techspecs-section.section-finish .finish-column .caption { position: absolute; } .techspecs-section.section-finish .finish-column .caption-silver, .techspecs-section.section-finish .finish-column .caption-space-black { margin-block-start: -64px; } @media (max-width: 1068px) { .techspecs-section.section-finish .finish-column .caption-silver, .techspecs-section.section-finish .finish-column .caption-space-black { margin-block-start: -40px; } } @media (max-width: 734px) { .techspecs-section.section-finish .finish-column .caption-silver { margin-block-start: 46px; } .techspecs-section.section-finish .finish-column .caption-space-black { margin-block-start: 154px; } } .techspecs-section.section-finish .finish-picture-LM-silver-container { margin-block-end: 126px; margin-block-start: 43px; position: relative; } @media (max-width: 1068px) { .techspecs-section.section-finish .finish-picture-LM-silver-container { margin-block-end: 108px; margin-block-start: 25px; } } .techspecs-section.section-finish .finish-picture-S-wrapper { margin-block-start: 18px; display: none; } @media (max-width: 734px) { .techspecs-section.section-finish .finish-picture-S-wrapper { display: flex; flex-direction: column-reverse; } } .section-weight-and-dimensions .small-only-show { display: none; } @media (max-width: 734px) { .section-weight-and-dimensions .small-only-show { display: inline; } } .section-weight-and-dimensions .weight-copy { display: block; } @media (max-width: 734px) { .section-weight-and-dimensions .weight-copy { display: inline; } } @media (max-width: 734px) { .section-weight-and-dimensions .weight-copy-block { margin-bottom: 5px; } } @media (max-width: 734px) { .section-weight-and-dimensions .techspecs-column-smallfullwidth { text-align: center; } } .section-weight-and-dimensions .diagram-text { position: absolute; color: #8b8b90; width: 100px; text-align: left; } .section-weight-and-dimensions .image-dimensions-ipadPro-11 { width: 455px; height: 209px; position: relative; padding-bottom: 1.1em; margin-left: -145px; margin-top: 42px; margin-bottom: 90px; } @media (max-width: 1068px) { .section-weight-and-dimensions .image-dimensions-ipadPro-11 { width: 270px; height: 123px; margin-top: 12px; margin-left: -60px; margin-bottom: 43px; padding-bottom: 2.7em; } } @media (max-width: 734px) { .section-weight-and-dimensions .image-dimensions-ipadPro-11 { width: 282px; height: 128px; margin: 43px auto -19px; padding-bottom: 48px; } html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-11 { margin-bottom: 10px; } } .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-height { left: 63px; bottom: 180px; } @media (max-width: 1068px) { .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-height { left: 19px; bottom: 144px; } } @media (max-width: 734px) { .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-height { left: 18px; bottom: 150px; text-align: left; } } html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-height { bottom: 205px; } @media (max-width: 734px) { html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-height { bottom: 155px; } } .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-width { left: 353px; bottom: 206px; } @media (max-width: 1068px) { .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-width { left: 204px; bottom: 160px; } } @media (max-width: 734px) { .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-width { left: 215px; bottom: 168px; } } @media (max-width: 320px) { .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-width { left: 186px; bottom: 179px; } } html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-width { bottom: 224px; } @media (max-width: 1068px) { html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-width { bottom: 210px; } } @media (max-width: 734px) { html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-width { bottom: 168px; } } .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-depth { left: 298px; top: 158px; width: 56px; } @media (max-width: 1068px) { .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-depth { left: 186px; top: 92px; } } @media (max-width: 734px) { .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-depth { left: 200px; top: 96px; } } html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-depth { left: 297px; top: 165px; width: 40px; } @media (max-width: 1068px) { html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-11 .diagram-text-depth { left: 186px; top: 98px; } } .section-weight-and-dimensions .image-dimensions-ipadPro-13 { width: 500px; height: 240px; position: relative; padding-bottom: 1.1em; margin-left: -140px; margin-top: 86px; margin-bottom: 15px; } @media (max-width: 1068px) { .section-weight-and-dimensions .image-dimensions-ipadPro-13 { width: 309px; height: 139px; margin-top: 45px; margin-left: -66px; margin-bottom: 13px; padding-bottom: 27px; } } @media (max-width: 734px) { .section-weight-and-dimensions .image-dimensions-ipadPro-13 { width: 323px; height: 146px; margin-top: 88px; margin-left: 0; margin-bottom: -19px; padding-bottom: 2.8em; position: relative; left: 50%; transform: translateX(-50%); } } .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-height { left: 108px; bottom: 218px; } @media (max-width: 1068px) { .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-height { left: 50px; bottom: 148px; } } @media (max-width: 734px) { .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-height { left: 50px; bottom: 172px; } } html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-height { left: 145px; bottom: 265px; } @media (max-width: 1068px) { html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-height { left: 94px; bottom: 170px; } } @media (max-width: 734px) { html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-height { left: 15px; bottom: 210px; } } .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-width { left: 386px; bottom: 234px; } @media (max-width: 1068px) { .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-width { left: 240px; bottom: 152px; } } @media (max-width: 734px) { .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-width { left: 246px; bottom: 182px; } } @media (max-width: 320px) { .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-width { left: 206px; bottom: 198px; } } html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-width { bottom: 248px; } @media (max-width: 1068px) { html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-width { bottom: 150px; } } @media (max-width: 734px) { html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-width { bottom: 230px; } } .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-depth { left: 345px; top: 176px; } @media (max-width: 1068px) { .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-depth { left: 219px; top: 103px; } } @media (max-width: 734px) { .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-depth { left: 234px; top: 108px; } } @media (max-width: 320px) { .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-depth { left: 230px; } } html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-depth { top: 162px; } @media (max-width: 1068px) { html.text-zoom .section-weight-and-dimensions .image-dimensions-ipadPro-13 .diagram-text-depth { top: 105px; } } @media (max-width: 734px) { .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-section.techspecs-section-nobottompadding { padding-bottom: 0; } } @media (max-width: 734px) { .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column.techspecs-column-smallfullwidth { width: 100%; margin-left: 0; } } .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column-custom { width: 33%; } .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column-custom:last-child { margin-left: 9%; } @media (max-width: 734px) { .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column-custom { width: 45%; } .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column-custom:last-child { margin-left: 10%; } } html.text-zoom .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column-custom { width: 28%; } @media (max-width: 734px) { html.text-zoom .techspecs.with-2-columns.with-fullwidthrowheader-small .techspecs-column-custom { width: 40%; } } .section-display .techspecs-rowheader { padding-top: 4px; } @media (max-width: 1068px) { .section-display .techspecs-rowheader { padding-top: 3px; } } .section-display .figure-block { position: relative; display: block; margin: 0 auto; } .section-display .stat-eleven-inch { position: absolute; top: 120px; left: 79px; } @media (max-width: 1068px) { .section-display .stat-eleven-inch { top: 102px; left: 66px; } } @media (max-width: 734px) { .section-display .stat-eleven-inch { top: 73px; left: 48px; } } html.text-zoom .section-display .stat-eleven-inch { top: 100px; left: 60px; top: 83px; left: 48px; } .section-display .stat-thirteen-inch { position: absolute; top: 139px; left: 96px; } @media (max-width: 1068px) { .section-display .stat-thirteen-inch { top: 118px; left: 80px; } } @media (max-width: 734px) { .section-display .stat-thirteen-inch { top: 84px; left: 58px; } } html.text-zoom .section-display .stat-thirteen-inch { top: 122px; left: 72px; top: 99px; left: 59px; } .section-display .image-display-ipadPro-11 { margin-top: 39px; margin-bottom: 28px; } @media (max-width: 1068px) { .section-display .image-display-ipadPro-11 { margin-top: 33px; margin-bottom: 27px; } } @media (max-width: 734px) { .section-display .image-display-ipadPro-11 { margin-top: 46px; margin-bottom: 35px; } } .section-display .image-display-ipadPro-13 { margin-bottom: 28px; } @media (max-width: 1068px) { .section-display .image-display-ipadPro-13 { margin-bottom: 27px; } } @media (max-width: 734px) { .section-display .image-display-ipadPro-13 { margin-bottom: 36px; margin-top: 23px; } } @media (max-width: 370px) { .section-display .image-display-ipadPro-13 { position: relative; left: -20px; } } .section-display ul { max-width: 350px; } @media (max-width: 1068px) { .section-display ul { max-wdith: 340px; } } @media (max-width: 734px) { .section-display ul { max-width: 270px; } } @media (max-width: 1068px) { .section-buttons-and-connectors { overflow-x: visible; } } .section-buttons-and-connectors .techspecs-rowheader { z-index: 1; } .section-buttons-and-connectors .techspecs-column { padding: 38px 0px; } @media (max-width: 1068px) { .section-buttons-and-connectors .techspecs-column { margin-left: -3%; } } @media (max-width: 734px) { .section-buttons-and-connectors .techspecs-column { padding: 38px 0px 47px; } } .section-buttons-and-connectors .image-specs-buttons-and-connectors { position: relative; } @media (max-width: 1068px) { .section-buttons-and-connectors .image-specs-buttons-and-connectors { left: -46px; } } @media (max-width: 734px) { .section-buttons-and-connectors .image-specs-buttons-and-connectors { left: unset; margin: 0 auto; width: -moz-fit-content; width: fit-content; } } html.text-zoom .section-buttons-and-connectors .image-specs-buttons-and-connectors { left: unset; margin: 0 auto; } .section-buttons-and-connectors .diagram-text { display: inline-block; position: absolute; text-align: center; color: #8b8b90; } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.small-hide { display: none; } } .section-buttons-and-connectors .diagram-text.speaker-1 { top: -20px; left: 126px; transform: translateX(-50%); } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.speaker-1 { left: 98px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.speaker-1 { top: unset; left: 132px; bottom: 840px; } } @media (max-width: 1068px) { html.text-zoom .section-buttons-and-connectors .diagram-text.speaker-1 { left: 114px; } } @media (max-width: 734px) { html.text-zoom .section-buttons-and-connectors .diagram-text.speaker-1 { left: 122px; } } .section-buttons-and-connectors .diagram-text.three-mic { top: -20px; left: 218px; transform: translateX(-50%); } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.three-mic { left: 182px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.three-mic { top: unset; left: 130px; bottom: 783px; } } html.text-zoom .section-buttons-and-connectors .diagram-text.three-mic { top: -43px; } @media (max-width: 734px) { html.text-zoom .section-buttons-and-connectors .diagram-text.three-mic { top: unset; } } .section-buttons-and-connectors .diagram-text.speaker-2 { top: -20px; left: 310px; transform: translateX(-50%); } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.speaker-2 { left: 264px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.speaker-2 { top: 436px; left: 130px; } } .section-buttons-and-connectors .diagram-text.top-button { top: -20px; left: 392px; transform: translateX(-50%); } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.top-button { top: -36px; left: 326px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.top-button { top: unset; left: 226px; bottom: 832px; } } html.text-zoom .section-buttons-and-connectors .diagram-text.top-button { top: -43px; } .section-buttons-and-connectors .diagram-text.speaker-3 { top: 657px; left: 126px; transform: translateX(-50%); } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.speaker-3 { top: 545px; left: 258px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.speaker-3 { top: 0px; left: 0px; } } .section-buttons-and-connectors .diagram-text.speaker-4 { top: 657px; left: 308px; transform: translateX(-50%); } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.speaker-4 { top: 545px; left: 105px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.speaker-4 { top: 0px; left: 0px; } } .section-buttons-and-connectors .diagram-text.camera { top: 67px; left: 637px; width: 100px; text-align: left; transform: translateY(-50%); } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.camera { top: 58px; left: 526px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.camera { top: 500px; left: 166px; } } .section-buttons-and-connectors .diagram-text.front-camera { top: 299px; left: 469px; } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.front-camera { top: 249px; left: 390px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.front-camera { top: 628px; left: unset; right: 182px; } } .section-buttons-and-connectors .diagram-text.microphone-1 { top: 91px; left: 637px; width: 100px; text-align: left; transform: translateY(-50%); } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.microphone-1 { top: 79px; left: 526px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.microphone-1 { top: 517px; left: 166px; } } .section-buttons-and-connectors .diagram-text.microphone-2 { top: 334px; left: 469px; } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.microphone-2 { top: 277px; left: 390px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.microphone-2 { top: 436px; left: 200px; } } @media (min-width: 735px) and (max-width: 1068px) { html.text-zoom .section-buttons-and-connectors .diagram-text.microphone-2 { left: 392px; } } .section-buttons-and-connectors .diagram-text.microphone-3 { top: 550px; left: 469px; } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.microphone-3 { top: 458px; left: 390px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.microphone-3 { top: 436px; right: 204px; } } @media (min-width: 735px) and (max-width: 1068px) { html.text-zoom .section-buttons-and-connectors .diagram-text.microphone-3 { left: 392px; } } .section-buttons-and-connectors .diagram-text.volume { width: 42px; top: 103px; right: 194px; transform: translateY(-50%); } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.volume { top: 86px; right: 71px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.volume { top: 523px; right: 182px; text-align: right; } } html.text-zoom .section-buttons-and-connectors .diagram-text.volume { left: 481px; } @media (max-width: 1068px) { html.text-zoom .section-buttons-and-connectors .diagram-text.volume { left: 394px; } } @media (max-width: 734px) { html.text-zoom .section-buttons-and-connectors .diagram-text.volume { left: 40px; } } .section-buttons-and-connectors .diagram-text.magnetic-connector { width: 112px; top: 324px; left: 637px; transform: translateY(-50%); } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.magnetic-connector { width: 56px; top: 270px; left: 526px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.magnetic-connector { width: 112px; top: 649px; left: 166px; } } .section-buttons-and-connectors .diagram-text.smart-connector { top: 585px; left: 637px; transform: translateY(-50%); } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.smart-connector { top: 487px; left: 526px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.smart-connector { top: 799px; left: 166px; } } .section-buttons-and-connectors .diagram-text.usb-c { width: 82px; top: 657px; left: 585px; transform: translateX(-50%); } @media (max-width: 1068px) { .section-buttons-and-connectors .diagram-text.usb-c { top: 545px; left: 486px; } } @media (max-width: 734px) { .section-buttons-and-connectors .diagram-text.usb-c { width: 74px; top: 842px; left: 128px; } } html.text-zoom .techspecs.with-2-columns .section-buttons-and-connectors .techspecs-column[aria-colspan="2"] { width: 100%; margin-left: 0; } .section-in-the-box { margin-bottom: 7px; } @media (max-width: 1068px) { .section-chip { margin-top: 6px; } } @media (max-width: 734px) { .section-chip .column-chip-image { margin-bottom: 30px; } } .section-chip .column-chip-copy { padding-left: 42px; } @media (max-width: 734px) { .section-chip .column-chip-copy { padding-left: 0px; } } @media (max-width: 1068px) { html.text-zoom .section-microphones .techspecs-column { clear: both; } } .section-accessibility .techspecs-subheader { margin-top: 1.6em; } .section-accessibility .techspecs-list-disc { column-count: 3; margin-top: 20px; } @media (max-width: 1068px) { .section-accessibility .techspecs-list-disc { column-count: 2; } } @media (max-width: 734px) { .section-accessibility .techspecs-list-disc { column-count: 1; } } html.text-zoom .section-accessibility .techspecs-list-disc { column-count: 2; } @media (max-width: 1068px) { html.text-zoom .section-accessibility .techspecs-list-disc { column-count: 1; } } .section-accessibility .techspecs-list-disc li { padding-bottom: 0.4em; page-break-inside: avoid; break-inside: avoid; } .section-power-and-battery { margin-block-end: 7px; } .section-power-and-battery .techspecs-row:not(:first-child), .section-power-and-battery .techspecs-row:not(:first-child) .techspecs-subheader:not(:first-child) { margin-top: 1.6em; } @media (max-width: 734px) { html.text-zoom .techspecs.with-2-columns .section-power-and-battery .techspecs-column { width: 65%; } html.text-zoom .techspecs.with-2-columns .section-power-and-battery .techspecs-column + .techspecs-column { margin-left: 0; margin-top: 1.6em; } } @media (max-width: 734px) { .section-free-apps .techspecs-appgrid { margin: 0 auto; } } .section-free-apps .techspecs-appgrid .techspecs-appgrid-app { margin: 0 0 4.4em; text-align: center; } .section-free-apps .specs-header-copy, .section-free-apps .techspecs-appgrid-app-label { color: #8b8b90; } .section-free-apps .techspecs-rowheader .specs-header-copy { margin-top: 25px; } @media (max-width: 1068px) { .section-free-apps .techspecs-rowheader .specs-header-copy { margin-top: 25px; } } @media (max-width: 734px) { .section-free-apps .techspecs-rowheader .specs-header-copy { margin-top: 10px; } } @media (max-width: 734px) { .section-built-in-apps .techspecs-appgrid { margin: 0 auto; } } .section-built-in-apps .techspecs-appgrid .techspecs-appgrid-app { margin: 0 0 4.4em; text-align: center; } .section-built-in-apps .techspecs-appgrid-app-label { color: #8b8b90; } .image-specs-icon-environment { background-size: 27px 34px; background-repeat: no-repeat; background-image: url(/v/ipad-pro/specs/e/images/specs/icon_environment__cjo4ib609b42_large.png); height: 34px; width: 27px; } @media (min-resolution: 1.5dppx), (min-resolution: 144dpi) { .image-specs-icon-environment { background-image: url(/v/ipad-pro/specs/e/images/specs/icon_environment__cjo4ib609b42_large_2x.png); } } .section-environment.techspecs-section { border-top: none; margin-top: 15px; padding: 80px 0px; position: relative; } @media (max-width: 734px) { .with-fullwidthrowheader-small .section-environment.techspecs-section { margin-top: 30px; padding-top: 48px; padding-bottom: 15px; } } html.text-zoom .section-environment.techspecs-section { margin-top: 30px; padding-top: 68px; padding-bottom: 15px; } html.text-zoom .section-environment.techspecs-section .techspecs-row { flex-direction: column-reverse; } .section-environment.techspecs-section::before { background-color: #f6f6ee; content: ""; display: block; height: 100%; position: absolute; top: 0px; width: 100vw; z-index: -1; } html:not([dir="rtl"]) .section-environment.techspecs-section::before { left: calc(-50vw + 490px); } html[dir="rtl"] .section-environment.techspecs-section::before { right: calc(-50vw + 490px); } @media (max-width: 1068px) { html:not([dir="rtl"]) .section-environment.techspecs-section::before { left: calc(-50vw + 346px); } html[dir="rtl"] .section-environment.techspecs-section::before { right: calc(-50vw + 346px); } } @media (max-width: 734px) { html:not([dir="rtl"]) .section-environment.techspecs-section::before { left: -6.25vw; } html[dir="rtl"] .section-environment.techspecs-section::before { right: -6.25vw; } } .section-environment.techspecs-section .techspecs-row { border-color: rgba(0, 0, 0, 0); color: #1d1d1f; display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; } @media (max-width: 734px) { .section-environment.techspecs-section .techspecs-row { padding: 0px; font-size: 14px; line-height: 1.4285914286; font-weight: 400; letter-spacing: -0.016em; font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row:lang(ar) { letter-spacing: 0em; font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row:lang(ja) { line-height: 1.4; letter-spacing: 0em; font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row:lang(ko) { line-height: 1.5714285714; letter-spacing: 0em; font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row:lang(zh) { line-height: 1.5; letter-spacing: 0em; } .section-environment.techspecs-section .techspecs-row:lang(th) { line-height: 1.3571828571; letter-spacing: 0em; font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row:lang(zh-CN) { font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row:lang(zh-HK) { font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row:lang(zh-MO) { font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row:lang(zh-TW) { font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif; } } html.text-zoom .section-environment.techspecs-section .techspecs-row { padding: 0px; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header { box-sizing: border-box; display: flex; flex-direction: column; margin-top: 0; padding-right: 3%; position: relative; width: 25%; } @media (max-width: 734px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header { border-bottom: none; width: 100%; margin-bottom: 11px; } } html.text-zoom .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header { width: 100%; margin-bottom: 30px; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title { color: #03a10e; font-size: 24px; line-height: 1.1666666667; font-weight: 600; letter-spacing: 0.009em; font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(ja) { line-height: 1.25; font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(ko) { line-height: 1.2916666667; font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(th) { line-height: 1.375; font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(zh) { line-height: 1.2916666667; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(ar) { font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(zh-CN) { font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(zh-HK) { font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(zh-MO) { font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(zh-TW) { font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif; } @media (max-width: 1068px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title { font-size: 21px; line-height: 1.1904761905; font-weight: 600; letter-spacing: 0.011em; font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(ja) { line-height: 1.2380952381; font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(ko) { line-height: 1.2858042857; font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(th) { line-height: 1.381002381; font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(zh) { line-height: 1.3334033333; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(ar) { font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(zh-CN) { font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(zh-HK) { font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(zh-MO) { font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title:lang(zh-TW) { font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif; } } html.text-zoom .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header.callout-title { order: 2; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header .callout-techspecs-environment-logo { margin: 0 0 6px; } @media (max-width: 734px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header .callout-techspecs-environment-logo { margin: 0 0 9px; } } html.text-zoom .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-header .callout-techspecs-environment-logo { top: calc(100% + 24px); position: static; top: auto; left: auto; margin: 0px 0px 15px; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content { display: flex; flex-wrap: wrap; width: 75%; margin: 0 -15px; } @media (max-width: 734px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content { display: block; width: 100%; margin: 0px; } } html.text-zoom .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content { display: block; width: 100%; margin: 0px; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content ul { margin-top: 0; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .content-headline { width: 100%; } @media (max-width: 1068px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .content-headline { width: 75%; } } @media (max-width: 734px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .content-headline { width: 100%; } } html.text-zoom .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .content-headline { width: 100%; margin-bottom: 30px; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .content-cta { display: inline-block; margin-bottom: 30px; } @media (max-width: 734px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .content-cta { margin-bottom: 30px; } } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .content-cta-alt { margin-top: 0; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-first-column { width: 50%; box-sizing: border-box; padding-right: 6%; margin-top: 0px; } @media (max-width: 1068px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-first-column { padding-right: 3%; } } @media (max-width: 734px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-first-column { width: 100%; padding-right: 0; margin: 0 0 30px; } } html.text-zoom .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-first-column { width: 100%; padding-right: 0; margin: 0 0 30px; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-first-column div[class^="callout-techspecs-environment"]:not(:last-child) { margin-bottom: 30px; } @media (max-width: 734px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-first-column div[class^="callout-techspecs-environment"]:not(:last-child) { width: 100%; margin-bottom: 30px; } } @media (max-width: 734px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-first-column div[class^="callout-techspecs-environment"]:last-child { margin-bottom: 30px; } } html.text-zoom .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-first-column div[class^="callout-techspecs-environment"]:last-child { margin-bottom: 30px; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-first-column .environment-progress-cta { display: block; } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-second-column { display: flex; flex-direction: column; width: 50%; box-sizing: border-box; padding-left: 3%; } @media (max-width: 1068px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-second-column { padding-left: 6%; } } @media (max-width: 734px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-second-column { width: 100%; padding-left: 0; margin-bottom: 30px; } } .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-second-column div[class^="callout-techspecs-environment"]:not(:last-child) { margin-bottom: 30px; } @media (max-width: 734px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-second-column div[class^="callout-techspecs-environment"]:not(:last-child) { width: 100%; margin-bottom: 30px; } } html.text-zoom .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-second-column div[class^="callout-techspecs-environment"]:not(:last-child) { width: 100%; margin-bottom: 30px; } @media (max-width: 734px) { .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-second-column div[class^="callout-techspecs-environment"]:last-child { margin-bottom: 30px; } } html.text-zoom .section-environment.techspecs-section .techspecs-row .callout-techspecs-environment-content .callout-techspecs-environment-second-column div[class^="callout-techspecs-environment"]:last-child { margin-bottom: 30px; } .section-os .techspecs-rowheader { margin-block-start: unset; } .section-os .image-icon-ipados17 { background-size: 104px 104px; background-repeat: no-repeat; background-image: url(/v/ipad-pro/specs/e/images/specs/icon_ipados17__glzfgguktyye_large.png); width: 104px; height: 104px; } @media (min-resolution: 1.5dppx), (min-resolution: 144dpi) { .section-os .image-icon-ipados17 { background-image: url(/v/ipad-pro/specs/e/images/specs/icon_ipados17__glzfgguktyye_large_2x.png); } } @media (max-width: 1068px) { .section-os .image-icon-ipados17 { background-size: 77px 77px; background-repeat: no-repeat; background-image: url(/v/ipad-pro/specs/e/images/specs/icon_ipados17__glzfgguktyye_medium.png); } } @media (max-width: 1068px) and (min-resolution: 1.5dppx), (max-width: 1068px) and (min-resolution: 144dpi) { .section-os .image-icon-ipados17 { background-image: url(/v/ipad-pro/specs/e/images/specs/icon_ipados17__glzfgguktyye_medium_2x.png); } } @media (max-width: 1068px) { .section-os .image-icon-ipados17 { width: 77px; height: 77px; } } .section-os .image-icon-ipados { background-size: 102px 102px; background-repeat: no-repeat; background-image: url(/v/ipad-pro/specs/e/images/specs/icon_ipados__cyget0ovjeuu_large.png); width: 102px; height: 102px; } @media (min-resolution: 1.5dppx), (min-resolution: 144dpi) { .section-os .image-icon-ipados { background-image: url(/v/ipad-pro/specs/e/images/specs/icon_ipados__cyget0ovjeuu_large_2x.png); } } @media (max-width: 1068px) { .section-os .image-icon-ipados { background-size: 75px 75px; background-repeat: no-repeat; background-image: url(/v/ipad-pro/specs/e/images/specs/icon_ipados__cyget0ovjeuu_medium.png); } } @media (max-width: 1068px) and (min-resolution: 1.5dppx), (max-width: 1068px) and (min-resolution: 144dpi) { .section-os .image-icon-ipados { background-image: url(/v/ipad-pro/specs/e/images/specs/icon_ipados__cyget0ovjeuu_medium_2x.png); } } @media (max-width: 1068px) { .section-os .image-icon-ipados { width: 75px; height: 75px; } } .section-os .techspecs-os-logo { float: left; margin-right: 30px; } @media (max-width: 1068px) { .section-os .techspecs-os-logo { margin-bottom: 55px; } } @media (max-width: 734px) { .section-os .techspecs-os-logo { margin-bottom: 1.1em; float: none; width: 100%; } .section-os .techspecs-os-logo img { height: 75px; } } .section-languages p + p.languages-subheader { margin-top: 1.6em; } .section-languages .languages-subheader { margin-bottom: 12px; } @media (max-width: 734px) { .section-capacity { margin-top: 38px; } } .specs-apple-intelligence { display: block; width: var(--p-width); height: var(--p-height); --p-width: 80px; --p-height: 79px; } @media (max-width: 734px) and (max-width: 734px) { .specs-apple-intelligence { --p-width: 85px; --p-height: 84px; } } .specs-buttons-and-connectors { display: block; width: var(--p-width); height: var(--p-height); --p-width: 628px; --p-height: 652px; } @media (max-width: 1068px) and (max-width: 1068px) { .specs-buttons-and-connectors { --p-width: 522px; --p-height: 543px; } } @media (max-width: 734px) and (max-width: 734px) { .specs-buttons-and-connectors { --p-width: 271px; --p-height: 840px; } } .specs-chip-m4 { --p-width: 121px; --p-height: 121px; } .specs-chip-m4, .specs-chip-m5 { display: block; width: var(--p-width); height: var(--p-height); } .specs-chip-m5 { --p-width: 110px; --p-height: 110px; } .specs-display-11 { display: block; width: var(--p-width); height: var(--p-height); --p-width: 199px; --p-height: 274px; } @media (max-width: 1068px) and (max-width: 1068px) { .specs-display-11 { --p-width: 173px; --p-height: 238px; } } @media (max-width: 734px) and (max-width: 734px) { .specs-display-11 { --p-width: 124px; --p-height: 170px; } } .specs-display-13 { display: block; width: var(--p-width); height: var(--p-height); --p-width: 240px; --p-height: 313px; } @media (max-width: 1068px) and (max-width: 1068px) { .specs-display-13 { --p-width: 209px; --p-height: 271px; } } @media (max-width: 734px) and (max-width: 734px) { .specs-display-13 { --p-width: 148px; --p-height: 192px; } } .specs-finish-silver { display: block; width: var(--p-width); height: var(--p-height); --p-width: 620px; --p-height: 20px; } @media (max-width: 1068px) and (max-width: 1068px) { .specs-finish-silver { --p-width: 427px; --p-height: 14px; } } .specs-finish { display: block; width: var(--p-width); height: var(--p-height); } @media (max-width: 734px) and (max-width: 734px) { .specs-finish { --p-width: 1084px; --p-height: 143px; } } .specs-finish-space-black { display: block; width: var(--p-width); height: var(--p-height); --p-width: 620px; --p-height: 20px; } @media (max-width: 1068px) and (max-width: 1068px) { .specs-finish-space-black { --p-width: 427px; --p-height: 14px; } } .specs-icon-app-store { display: block; width: var(--p-width); height: var(--p-height); --p-width: 52px; --p-height: 52px; } .specs-icon-apple-store { display: block; width: var(--p-width); height: var(--p-height); --p-width: 52px; --p-height: 52px; } .specs-icon-books, .specs-icon-calculator, .specs-icon-calendar, .specs-icon-camera, .specs-icon-clips, .specs-icon-clock, .specs-icon-contacts { display: block; width: var(--p-width); height: var(--p-height); --p-width: 52px; --p-height: 52px; } .specs-icon-environment { display: block; width: var(--p-width); height: var(--p-height); --p-width: 27px; --p-height: 34px; } .specs-icon-facetime, .specs-icon-files, .specs-icon-find-my, .specs-icon-freeform, .specs-icon-gaming, .specs-icon-garageband, .specs-icon-health, .specs-icon-homekit, .specs-icon-imovie, .specs-icon-invites { display: block; width: var(--p-width); height: var(--p-height); --p-width: 52px; --p-height: 52px; } .specs-icon-ipados { display: block; width: var(--p-width); height: var(--p-height); --p-width: 102px; --p-height: 102px; } @media (max-width: 1068px) and (max-width: 1068px) { .specs-icon-ipados { --p-width: 75px; --p-height: 75px; } } .specs-icon-ipados17 { display: block; width: var(--p-width); height: var(--p-height); --p-width: 104px; --p-height: 104px; } @media (max-width: 1068px) and (max-width: 1068px) { .specs-icon-ipados17 { --p-width: 77px; --p-height: 77px; } } .specs-icon-itunes-store, .specs-icon-journal, .specs-icon-keynote, .specs-icon-magnifier, .specs-icon-mail, .specs-icon-maps, .specs-icon-measure, .specs-icon-messages, .specs-icon-music, .specs-icon-news, .specs-icon-notes, .specs-icon-numbers, .specs-icon-pages, .specs-icon-passwords, .specs-icon-phone, .specs-icon-photo-booth, .specs-icon-photos, .specs-icon-podcasts, .specs-icon-preview, .specs-icon-reminders, .specs-icon-safari, .specs-icon-settings, .specs-icon-shortcuts, .specs-icon-stocks, .specs-icon-support, .specs-icon-swift, .specs-icon-tips, .specs-icon-translate, .specs-icon-tv, .specs-icon-voicememo, .specs-icon-weather { display: block; width: var(--p-width); height: var(--p-height); --p-width: 52px; --p-height: 52px; } .specs-models-ipad-pro { display: block; width: var(--p-width); height: var(--p-height); --p-width: 623px; --p-height: 332px; } @media (max-width: 1068px) and (max-width: 1068px) { .specs-models-ipad-pro { --p-width: 412px; --p-height: 220px; } } @media (max-width: 734px) and (max-width: 734px) { .specs-models-ipad-pro { --p-width: 287px; --p-height: 154px; } } .specs-weight-dimensions-1 { display: block; width: var(--p-width); height: var(--p-height); --p-width: 455px; --p-height: 209px; } @media (max-width: 1068px) and (max-width: 1068px) { .specs-weight-dimensions-1 { --p-width: 270px; --p-height: 123px; } } @media (max-width: 734px) and (max-width: 734px) { .specs-weight-dimensions-1 { --p-width: 282px; --p-height: 128px; } } .specs-weight-dimensions-2 { display: block; width: var(--p-width); height: var(--p-height); --p-width: 500px; --p-height: 240px; } @media (max-width: 1068px) and (max-width: 1068px) { .specs-weight-dimensions-2 { --p-width: 309px; --p-height: 139px; } } @media (max-width: 734px) and (max-width: 734px) { .specs-weight-dimensions-2 { --p-width: 323px; --p-height: 146px; } } .specs-cta { display: block; margin-top: 0.8em; } .sr-only { width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }