.compatibility-router{background-color:#fff;padding:130px 0}@media only screen and (max-width: 1068px){.compatibility-router{padding:92px 0}}@media only screen and (max-width: 734px){.compatibility-router{padding:70px 0 85px}}.compatibility-router .headline{text-align:center;margin-bottom:90px}@media only screen and (max-width: 1068px){.compatibility-router .headline{margin-bottom:73px}}@media only screen and (max-width: 734px){.compatibility-router .headline{text-align:left;margin-bottom:50px}}@media only screen and (max-width: 734px){.compatibility-router .column-container:first-child .copy-container{margin-bottom:60px}}.compatibility-router .copy-container{margin-top:6px}.compatibility-router .copy-container .device-list{list-style:none;line-height:2em;margin-bottom:0.6em;margin-top:0.6em;margin-left:0}.compatibility-router .image-apple-pencil.hardware1,.compatibility-router .image-apple-pencil.hardware2{margin-bottom:20px}.compatibility-router .image-apple-pencil.hardware1{width:261px;height:263px;background-size:261px 263px;background-repeat:no-repeat;background-image:url("/v/apple-pencil/q/images/select/new_apple_pencil__efrg2c444umq_large.jpg")}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){.compatibility-router .image-apple-pencil.hardware1{background-image:url("/v/apple-pencil/q/images/select/new_apple_pencil__efrg2c444umq_large_2x.jpg")}}@media only screen and (max-width: 1068px){.compatibility-router .image-apple-pencil.hardware1{width:206px;height:208px;background-size:206px 208px;background-repeat:no-repeat;background-image:url("/v/apple-pencil/q/images/select/new_apple_pencil__efrg2c444umq_medium.jpg")}}@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi){.compatibility-router .image-apple-pencil.hardware1{background-image:url("/v/apple-pencil/q/images/select/new_apple_pencil__efrg2c444umq_medium_2x.jpg")}}.compatibility-router .image-apple-pencil.hardware2{width:338px;height:235px;background-size:338px 235px;background-repeat:no-repeat;background-image:url("/v/apple-pencil/q/images/select/apple_pencil__2cgr7fmna02u_large.jpg");height:263px;background-position:bottom}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){.compatibility-router .image-apple-pencil.hardware2{background-image:url("/v/apple-pencil/q/images/select/apple_pencil__2cgr7fmna02u_large_2x.jpg")}}@media only screen and (max-width: 1068px){.compatibility-router .image-apple-pencil.hardware2{width:275px;height:192px;background-size:275px 192px;background-repeat:no-repeat;background-image:url("/v/apple-pencil/q/images/select/apple_pencil__2cgr7fmna02u_medium.jpg")}}@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi){.compatibility-router .image-apple-pencil.hardware2{background-image:url("/v/apple-pencil/q/images/select/apple_pencil__2cgr7fmna02u_medium_2x.jpg")}}@media only screen and (max-width: 1068px){.compatibility-router .image-apple-pencil.hardware2{height:208px}}.compatibility-router .violator.violator-compact{font-size:12px;line-height:1.33337;font-weight:400;letter-spacing:-.01em;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;border-radius:12px;padding-left:11px;padding-right:11px;padding-top:3px;padding-bottom:3px;margin-bottom:.8em}.compatibility-router .violator.violator-compact:lang(ar){letter-spacing:0em;font-family:"SF Pro AR","SF Pro Gulf","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif}.compatibility-router .violator.violator-compact:lang(ja){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}.compatibility-router .violator.violator-compact:lang(ko){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}.compatibility-router .violator.violator-compact:lang(zh){letter-spacing:0em}.compatibility-router .violator.violator-compact:lang(th){font-family:"SF Pro TH","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif}.compatibility-router .violator.violator-compact:lang(zh-CN){font-family:"SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif}.compatibility-router .violator.violator-compact:lang(zh-HK){font-family:"SF Pro HK","SF Pro Text","SF Pro Icons","PingFang HK","Helvetica Neue","Helvetica","Arial",sans-serif}.compatibility-router .violator.violator-compact: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}.compatibility-router .violator.violator-compact:lang(zh-TW){font-family:"SF Pro TC","SF Pro Text","SF Pro Icons","PingFang TC","Helvetica Neue","Helvetica","Arial",sans-serif}.compatibility-router.section-compatibility{background-color:#f5f5f7}.compatibility-router.section-compatibility .headline{text-align:left}.compatibility-router.section-compatibility .column-container{text-align:left}html.text-zoom .compatibility-router.section-compatibility .copy-container br.small{display:block}.compatibility-router.section-compatibility .copy-container .device-list{line-height:1.6em;margin-top:1.8em;margin-bottom:1.2em}@media only screen and (max-width: 1068px){.compatibility-router.section-compatibility .copy-container .device-list{margin-top:1.45em;margin-bottom:0.7em}}@media only screen and (max-width: 734px){.compatibility-router.section-compatibility .copy-container .device-list{margin-top:0.8em;margin-bottom:0.8em}}.compatibility-router.section-compatibility .copy-container .device-list li{margin-bottom:0.8em}@media only screen and (max-width: 1068px){.compatibility-router.section-compatibility .copy-container .device-list li{margin-bottom:0.65em}}.compatibility-router.violator-spacing{padding:66px 0}@media only screen and (max-width: 1068px){.compatibility-router.violator-spacing{padding:62px 0}}@media only screen and (max-width: 734px){.compatibility-router.violator-spacing{padding:54px 0}}.compatibility-router.violator-spacing .headline{margin-bottom:66px}@media only screen and (max-width: 1068px){.compatibility-router.violator-spacing .headline{margin-bottom:60px}}@media only screen and (max-width: 734px){.compatibility-router.violator-spacing .headline{margin-bottom:53px}}.compatibility-router.violator-spacing .violator.violator-compact{margin-bottom:10px}@media only screen and (max-width: 1068px){.compatibility-router.violator-spacing .violator.violator-compact{margin-bottom:3px}}.compatibility-router.violator-spacing .typography-router-label{margin-bottom:30px}@media only screen and (max-width: 1068px){.compatibility-router.violator-spacing .typography-router-label{margin-bottom:24px}}.compatibility-router.violator-spacing .image-apple-pencil.hardware1{margin-bottom:23px}@media only screen and (max-width: 1068px){.compatibility-router.violator-spacing .image-apple-pencil.hardware1{margin-bottom:17px}}.compatibility-router.violator-spacing .image-apple-pencil.hardware2{height:264px;margin-bottom:62px}@media only screen and (max-width: 1068px){.compatibility-router.violator-spacing .image-apple-pencil.hardware2{height:209px;margin-bottom:48px}}@media only screen and (max-width: 734px){.compatibility-router.violator-spacing .image-apple-pencil.hardware2{height:211px;margin-bottom:12px}}.compatibility-router.violator-spacing .copy-container .device-list{margin-bottom:0.8em}@media only screen and (max-width: 1068px){.compatibility-router.violator-spacing .copy-container .device-list{margin-bottom:0.645em}}.section-hero{padding-top:118px;padding-bottom:91px}@media only screen and (max-width: 1068px){.section-hero{padding-top:117px}}@media only screen and (max-width: 734px){.section-hero{padding-top:102px;max-width:320px;margin:auto}}.section-hero .dynamic-price{margin-top:8px}.section-hero .button{margin-top:14px}.section-hero .violator.violator-frameless{border:none}.section-hero .row-headline{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:66px}@media only screen and (max-width: 734px){.section-hero .row-headline{text-align:left;margin-bottom:50px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.section-hero .grid{display:grid;grid-template-rows:repeat(2, auto);grid-template-columns:repeat(12, 1fr)}@media only screen and (max-width: 734px){.section-hero .grid{grid-template-rows:repeat(4, auto)}}.section-hero .grid .device-1,.section-hero .grid .compatibility-1{grid-column-start:2;grid-column-end:6}@media only screen and (max-width: 734px){.section-hero .grid .device-1,.section-hero .grid .compatibility-1{grid-column-start:1;grid-column-end:13}}.section-hero .grid .device-2,.section-hero .grid .compatibility-2{grid-column-start:8;grid-column-end:12}@media only screen and (max-width: 734px){.section-hero .grid .device-2,.section-hero .grid .compatibility-2{grid-column-start:1;grid-column-end:13}}.section-hero .grid .device-1,.section-hero .grid .device-2{grid-row-start:1;grid-row-end:2}.section-hero .grid .compatibility-1,.section-hero .grid .compatibility-2{grid-row-start:2;grid-row-end:3}@media only screen and (max-width: 734px){.section-hero .grid .device-2{grid-row-start:4;grid-row-end:5}}@media only screen and (max-width: 734px){.section-hero .grid .compatibility-2{grid-row-start:5;grid-row-end:6}}.section-hero .grid .device{margin-bottom:55px}@media only screen and (max-width: 734px){.section-hero .grid .device{margin-bottom:45px}}@media only screen and (max-width: 734px){.section-hero .grid .compatibility-1{margin-bottom:79px}}.section-hero .typography-select-product .typography-body{display:block;margin-top:5px}.section-hero .headline-container{-ms-flex-preferred-size:57%;flex-basis:57%}@media only screen and (max-width: 1068px){.section-hero .headline-container{-ms-flex-preferred-size:67%;flex-basis:67%}}@media only screen and (max-width: 734px){.section-hero .headline-container{-ms-flex-preferred-size:100%;flex-basis:100%}}.section-hero .headline-container .typography-headline{margin-bottom:24px}@media only screen and (max-width: 734px){.section-hero .headline-container .typography-headline{max-width:200px}}.section-hero .image-apple-pencil.hardware1{width:261px;height:263px;background-size:261px 263px;background-repeat:no-repeat;background-image:url("/v/apple-pencil/q/images/select/new_apple_pencil__efrg2c444umq_large.jpg");margin-bottom:42px}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){.section-hero .image-apple-pencil.hardware1{background-image:url("/v/apple-pencil/q/images/select/new_apple_pencil__efrg2c444umq_large_2x.jpg")}}@media only screen and (max-width: 1068px){.section-hero .image-apple-pencil.hardware1{width:206px;height:208px;background-size:206px 208px;background-repeat:no-repeat;background-image:url("/v/apple-pencil/q/images/select/new_apple_pencil__efrg2c444umq_medium.jpg")}}@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi){.section-hero .image-apple-pencil.hardware1{background-image:url("/v/apple-pencil/q/images/select/new_apple_pencil__efrg2c444umq_medium_2x.jpg")}}@media only screen and (max-width: 1068px){.section-hero .image-apple-pencil.hardware1{margin-bottom:45px}}@media only screen and (max-width: 734px){.section-hero .image-apple-pencil.hardware1{margin-bottom:17px}}.section-hero .image-apple-pencil.hardware2{width:338px;height:235px;background-size:338px 235px;background-repeat:no-repeat;background-image:url("/v/apple-pencil/q/images/select/apple_pencil__2cgr7fmna02u_large.jpg");height:263px;background-position:bottom;margin-bottom:58px}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){.section-hero .image-apple-pencil.hardware2{background-image:url("/v/apple-pencil/q/images/select/apple_pencil__2cgr7fmna02u_large_2x.jpg")}}@media only screen and (max-width: 1068px){.section-hero .image-apple-pencil.hardware2{width:275px;height:192px;background-size:275px 192px;background-repeat:no-repeat;background-image:url("/v/apple-pencil/q/images/select/apple_pencil__2cgr7fmna02u_medium.jpg")}}@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi){.section-hero .image-apple-pencil.hardware2{background-image:url("/v/apple-pencil/q/images/select/apple_pencil__2cgr7fmna02u_medium_2x.jpg")}}@media only screen and (max-width: 1068px){.section-hero .image-apple-pencil.hardware2{height:208px}}@media only screen and (max-width: 1068px){.section-hero .image-apple-pencil.hardware2{margin-bottom:61px}}@media only screen and (max-width: 734px){.section-hero .image-apple-pencil.hardware2{margin-bottom:12px}}@media only screen and (inverted-colors){.section-hero .image-apple-pencil{-webkit-filter:invert(1);filter:invert(1)}}.section-hero .compatibilities li{margin-bottom:10px}