.knowledge-product-top__cards{gap:var(--alias-spacing-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.knowledge-product-top__download{gap:var(--alias-spacing-sm);flex-direction:column;margin-block-start:var(--alias-spacing-2xl);display:flex}@media screen and (width<=768px){.knowledge-product-top__cards{grid-template-columns:minmax(0,1fr)}.knowledge-product-top__download{margin-block-start:0}}.page-shell__sidebar:has(.knowledge-product-top__illustration){align-self:stretch;margin-block-start:-8px;padding-block-start:8px;overflow:visible clip}.page-shell__sidebar.is-settled{margin-block-start:0;padding-block-start:0}.knowledge-product-top__illustration{pointer-events:none;--knowledge-illustration-ink-top:0px;--knowledge-illustration-ink-bottom:0px;--knowledge-illustration-pin:500px;--knowledge-illustration-sticky-top:100vh;--knowledge-illustration-size:708px;--knowledge-illustration-ink-length:660px;--knowledge-illustration-sp-scale:.65;--knowledge-illustration-sp-strip:124px;--knowledge-illustration-sp-start:56px;--knowledge-illustration-sp-x:0px;--knowledge-illustration-line-length:145px;--knowledge-illustration-line-overflow:4800px;--knowledge-illustration-line-overlap:0px;--knowledge-illustration-line-width:3px;--knowledge-illustration-line-color:var(--alias-neutral-black);--knowledge-illustration-line-offset:0px;top:min(100vh - var(--knowledge-illustration-pin), var(--knowledge-illustration-sticky-top));width:max-content;margin-inline-start:calc((var(--page-shell-sidebar,250px) + var(--alias-spacing-xl-plus) - var(--page-shell-gutter)) / 2);display:flow-root;position:sticky;transform:translate(-50%)}.knowledge-product-top__illustration-line{left:var(--knowledge-illustration-line-offset);width:var(--knowledge-illustration-line-width);height:calc(var(--knowledge-illustration-line-length) + var(--knowledge-illustration-line-overflow) + var(--knowledge-illustration-line-overlap));background-color:var(--knowledge-illustration-line-color);margin-block-start:calc(-1 * var(--knowledge-illustration-line-overflow));margin-inline:auto;display:block;position:relative}.knowledge-product-top__illustration.is-ready .knowledge-product-top__illustration-line{transition:opacity .48s ease-out,visibility .48s}.knowledge-product-top__illustration.is-idle .knowledge-product-top__illustration-line{visibility:hidden;opacity:0}.knowledge-product-top__illustration-image{height:auto;animation:knowledge-illustration-in .55s cubic-bezier(.34, 1.56, .64, 1) var(--knowledge-illustration-in-delay,1.15s) both;margin-block:calc(-1 * (var(--knowledge-illustration-ink-top) + var(--knowledge-illustration-line-overlap))) calc(-1 * var(--knowledge-illustration-ink-bottom));margin-inline:auto;display:block;position:relative}@keyframes knowledge-illustration-in{0%{opacity:0;transform:translateY(56px)}to{opacity:1;transform:translateY(0)}}:root[data-loading-seen] .knowledge-product-top__illustration-image{--knowledge-illustration-in-delay:.15s}@media (prefers-reduced-motion:reduce){.knowledge-product-top__illustration-image{animation:none}.knowledge-product-top__illustration.is-ready .knowledge-product-top__illustration-line{transition:none}}.knowledge-product-top__illustration[data-product=marking-pen]{--knowledge-illustration-line-width:42px;--knowledge-illustration-line-color:var(--brand-color-purple-300);--knowledge-illustration-line-overlap:20px}.knowledge-product-top__illustration[data-product=eraser]{--knowledge-illustration-line-width:80px;--knowledge-illustration-line-color:var(--brand-color-white)}.knowledge-product-top__illustration[data-product=fountain-pen],.knowledge-product-top__illustration[data-product=ballpoint-pen]{--knowledge-illustration-line-offset:-.5px}.knowledge-product-top__illustration[data-product=pencil]{--knowledge-illustration-line-width:6px;--knowledge-illustration-line-overlap:6px;--knowledge-illustration-line-offset:2px;--knowledge-illustration-line-color:var(--brand-color-orange-500)}.knowledge-product-top__illustration[data-product=mechanical-pencil]{--knowledge-illustration-line-width:3px;--knowledge-illustration-line-overlap:6px;--knowledge-illustration-line-offset:-.5px}@media screen and (width<=1024px){.marquee+.page-shell:has(.knowledge-product-top__illustration){margin-block-start:0}.page-shell--with-sidebar:has(.knowledge-product-top__illustration){row-gap:0}.page-shell__sidebar:has(.knowledge-product-top__illustration){box-sizing:border-box;width:calc(100% + var(--page-shell-gutter) * 2);height:var(--knowledge-illustration-sp-strip,124px);margin-block-start:0;margin-inline:calc(-1 * var(--page-shell-gutter));align-self:auto;padding-block-start:0;position:relative;top:0;overflow:clip visible}.knowledge-product-top__illustration{width:max-content;max-width:none;transform:translate(calc(var(--knowledge-illustration-sp-start) + var(--knowledge-illustration-sp-x)), calc(var(--knowledge-illustration-size) / 2 * var(--knowledge-illustration-sp-scale))) rotate(-90deg) scale(var(--knowledge-illustration-sp-scale));transform-origin:0 0;margin:0;position:absolute;top:50%;left:0}.knowledge-product-top__illustration-line{display:block}.knowledge-product-top__illustration-image{width:auto;margin-block:calc(-1 * (var(--knowledge-illustration-ink-top) + var(--knowledge-illustration-line-overlap))) calc(-1 * var(--knowledge-illustration-ink-bottom))}}