/* ignore button line-height */
.button:lang(ko) {
  line-height: initial;
}

/* icon alignment */
.icon-after:after, .more:after {
  top: -0.08em;
}

#ac-globalfooter .ac-gf-icon-after::after, #ac-globalfooter .ac-gf-more::after {
  top: -0.08em;
}

.icon-wrapper .icon, .icon-wrapper .icon-after:after, .icon-wrapper .icon-before:before, .icon-wrapper .more:not(.icon-before):after {
  position: relative;
  top: -0.045em;
}

#ac-globalfooter .ac-gf-block-link {
  color:inherit;
  text-decoration: underline;
}

.footnote-supglyph {
position: relative;
vertical-align: initial;
text-underline-offset: auto;
}


/* ribbon */
.ribbon {
    --ribbon-link-inline-color: inherit;
    overflow: hidden;
    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;
    --ribbon-link-color: rgb(0, 102, 204);
    --ribbon-focus-color: #0071e3;
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-content-padding-top: 16px;
    --ribbon-content-padding-bottom: var(--ribbon-content-padding-top);
    --ribbon-content-width: 83.33333%;
    --ribbon-content-minimum-width: 320px;
    width: var(--ribbon-width);
    padding-top: var(--ribbon-padding-top);
    padding-bottom:var(--ribbon-padding-bottom)
}

.ribbon-content-wrapper {
    text-align:center
}

.ribbon-content {
    margin-left: auto;
    margin-right: auto;
    width: var(--ribbon-content-width);
    min-width:var(--ribbon-content-minimum-width)
}

.ribbon-link {
    white-space:nowrap
}

.ribbon-link:focus {
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset:var(--sk-focus-offset, 1px)
}

.ribbon-link-inline {
    color:var(--ribbon-link-inline-color)
}

.ribbon-link-inline, .ribbon-link-inline:link {
    text-decoration:underline
}

.ribbon: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;

}

.ribbon-content-wrapper {
    background-color: var(--ribbon-background-color);
    -webkit-backdrop-filter: blur(var(--ribbon-background-blur));
    backdrop-filter: blur(var(--ribbon-background-blur));
    padding-top: var(--ribbon-content-padding-top);
    padding-bottom: var(--ribbon-content-padding-bottom);
    border-radius:var(--ribbon-border-radius)
}

.ribbon-content {
    color:var(--ribbon-text-color)
}

.ribbon-link {
    color:var(--ribbon-link-color)
}

.ribbon-link:focus {
    outline-color:var(--ribbon-focus-color)
}

.theme-light.ribbon, .theme-light .ribbon {
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-link-color: rgb(0, 102, 204);
    --ribbon-focus-color:utilities.$ribbon-focus-color
}

.ribbon {
    z-index: 9998;
    position:relative;
    top:-40px;
}

@media only screen and (max-width: 1068px) {
  .ribbon {
    top:-32px;
}
}

@media only screen and (max-width: 735px) {
  .ribbon {
    top:-15px;
}
}

/* line-height 1.1x */
.typography-hero-headline:lang(ko) {
  line-height: 1.16111111116;
}
@media only screen and (max-width: 1068px) {
  .typography-hero-headline:lang(ko) {
    line-height: 1.16875;
  }
}
@media only screen and (max-width: 734px) {
  .typography-hero-headline:lang(ko) {
    line-height: 1.21;
  }
}

@media only screen and (min-width: 1069px) {
  .typography-hero-copy:lang(ko) {
    line-height: 1.5191026191;
  }
}

.typography-product-name-headline:lang(ko) {
  line-height: 1.16875;
}
@media only screen and (max-width: 1068px) {
  .typography-product-name-headline:lang(ko) {
    line-height: 1.19184266663;
  }
}
@media only screen and (max-width: 734px) {
  .typography-product-name-headline:lang(ko) {
    line-height: 1.2375;
  }
}

.typography-feature-grid-headline:lang(ko) {
  line-height: 1.17857142854;
}
@media only screen and (max-width: 1068px) {
  .typography-feature-grid-headline:lang(ko) {
    line-height: 1.19184266663;
  }
}
@media only screen and (max-width: 734px) {
  .typography-feature-grid-headline:lang(ko) {
    line-height: 1.2375;
  }
}

.typography-feature-copy:lang(ko) {
  line-height: 1.57145057146;
}
@media only screen and (max-width: 734px) {
  .typography-feature-copy:lang(ko) {
    line-height: 1.46671066663;
  }
}

.typography-feature-name:lang(ko) {
  line-height: 1.29412864702;
}
@media only screen and (max-width: 734px) {
  .typography-feature-name:lang(ko) {
    line-height: 1.25714285719;
  }
}

/* image localization */
.section-features .image-features-engraving {
  background-image: url(/kr/apple-pencil/images/overview/features/engraving__td8xa0hywiqi_large.jpg);
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .section-features .image-features-engraving {
      background-image:url(/kr/apple-pencil/images/overview/features/engraving__td8xa0hywiqi_large_2x.jpg)
  }
}

@media only screen and (max-width: 1068px) {
  .section-features .image-features-engraving {
      background-image:url(/kr/apple-pencil/images/overview/features/engraving__td8xa0hywiqi_medium.jpg)
  }
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .section-features .image-features-engraving {
      background-image:url(/kr/apple-pencil/images/overview/features/engraving__td8xa0hywiqi_medium_2x.jpg)
  }
}

@media only screen and (max-width: 734px) {
  .section-features .image-features-engraving {
      background-image:url(/kr/apple-pencil/images/overview/features/engraving__td8xa0hywiqi_small.jpg)
  }
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .section-features .image-features-engraving {
      background-image:url(/kr/apple-pencil/images/overview/features/engraving__td8xa0hywiqi_small_2x.jpg)
  }
}

/* compatibility copy block arrow alignment */
section.section.section-compatibility .copy-blocks span {
  position: relative;
  top: -0.04em;
}

/* compatibility cta alignment */
@media only screen and (max-width: 734px) {
  .compatibility-product-selector .products-wrapper .product-copy {
    width: 81%;
  }
}