.jp-content-article{display:block;position:relative;color:rgb(var(--color-foreground));background:rgb(var(--color-background));font-size:16px;line-height:1.6}.jp-content-article *,.jp-content-article *:before,.jp-content-article *:after{box-sizing:border-box}.jp-content-article__wrapper{padding:50px 12.5px}.jp-content-article__post{max-width:1060px;margin-inline:auto}.jp-content-article__narrow{width:100%;max-width:750px;margin-inline:auto}.jp-content-article__title{max-width:750px;margin:0 auto 30px;text-align:center}.jp-content-article__title h1{margin:0;font-size:clamp(28px,3.6vw,42px);line-height:1.25;overflow-wrap:anywhere}.jp-content-article__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;margin-bottom:30px;font-size:12px;opacity:.6;letter-spacing:.1em;text-transform:uppercase}.jp-content-article__meta>span{position:relative}.jp-content-article__meta>span+span:before{content:"";position:absolute;top:50%;inset-inline-start:-16px;width:2px;height:2px;border-radius:50%;background:currentColor}.jp-content-article__image{width:calc(100% + 25px);margin:0 -12.5px 35px}.jp-content-article__image img{display:block;width:100%;max-width:100%;height:auto}.jp-content-article__image--small img{aspect-ratio:1060 / 450;height:auto;object-fit:cover}.jp-content-article__image--medium img{aspect-ratio:1060 / 550;height:auto;object-fit:cover}.jp-content-article__image--large img{aspect-ratio:1060 / 650;height:auto;object-fit:cover}.jp-content-article__body{margin-bottom:30px;overflow-wrap:anywhere}.jp-content-article__body :is(img,video,iframe,svg){max-width:100%}.jp-content-article__body :is(img,video){height:auto}.jp-content-article__body table{display:block;max-width:100%;overflow-x:auto}.jp-content-article__body p+:is(h1,h2,h3,h4,h5,h6){margin-top:40px}.jp-content-article__tags{padding-block:20px 40px;font-size:15px}.jp-content-article__tags>span{margin-inline-end:5px}.jp-content-article a{color:inherit;text-underline-offset:3px}.jp-content-article__share{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 25px;padding-block:30px;margin-bottom:25px;border-top:1px solid rgba(var(--color-foreground),.15);font-size:13px}.jp-content-article__share a{display:inline-flex;align-items:center;gap:10px;min-height:32px;text-decoration:none}.jp-content-article__share svg{width:16px;height:16px;flex-shrink:0}.jp-content-article a:focus-visible,.jp-content-article button:focus-visible,.jp-content-article input:focus-visible,.jp-content-article textarea:focus-visible{outline:2px solid currentColor;outline-offset:4px}.jp-content-article__start{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}.jp-content-article__navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;height:58px;padding-inline:12.5px;position:sticky;top:var(--jp-content-article-nav-offset, 0px);z-index:2;visibility:hidden;opacity:0;pointer-events:none;background:rgb(var(--color-background));box-shadow:0 10px 15px #0000001a;transition:opacity .25s ease}.jp-content-article__navigation[hidden]{display:none}.jp-content-article--enhanced>.jp-content-article__wrapper{margin-top:-58px}.jp-content-article__navigation--visible{visibility:visible;opacity:1;pointer-events:auto}.jp-content-article__navigation-link{display:flex;align-items:center;min-height:44px;gap:20px;font-size:11px;font-weight:var(--font-body-weight-bold, 600);letter-spacing:.2em;text-decoration:none;white-space:nowrap}.jp-content-article__navigation-link svg{flex-shrink:0;transition:transform .25s ease}.jp-content-article__navigation-link--previous:hover svg{transform:translate(-12%)}.jp-content-article__navigation-link--next:hover svg{transform:translate(12%)}.jp-content-article__navigation-link>span,.jp-content-article__navigation-current>span{display:none}.jp-content-article__navigation-current{display:flex;min-width:0;justify-content:center;align-items:center;gap:5px;font-size:15px}.jp-content-article__navigation-current strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.5}.jp-content-article__progress{display:block;position:absolute;bottom:0;inset-inline-start:0;width:100%;height:4px;background:rgb(var(--color-button));transform:scaleX(var(--jp-content-article-progress, 0));transform-origin:left center}[dir=rtl] .jp-content-article__progress{transform-origin:right center}.jp-content-article__comments{position:relative;padding-top:80px}.jp-content-article__comments:before{content:"*";position:absolute;top:0;left:50%;transform:translate(-50%);opacity:.2;font-size:80px;line-height:1}.jp-content-article__comment-list-wrapper{padding-bottom:60px}.jp-content-article__comments-title{padding-inline:5%;margin-bottom:55px;text-align:center;font-size:24px;line-height:1.4}.jp-content-article__comments-title span{font-weight:400}.jp-content-article__comment-list{padding:0;margin:0;list-style:none}.jp-content-article__comment{position:relative;padding-inline-start:75px;padding-bottom:20px;margin:0}.jp-content-article__comment:last-child{padding-bottom:0}.jp-content-article__avatar{position:absolute;top:0;inset-inline-start:0;width:50px;height:50px;border-radius:50%}.jp-content-article__comment-author{margin-bottom:10px;font-size:15px}.jp-content-article__comment-author cite{font-style:normal;font-weight:500}.jp-content-article__comment-body{font-size:14px;overflow-wrap:anywhere}.jp-content-article__comment-body>:last-child{margin-bottom:0}.jp-content-article__pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}.jp-content-article__pagination>span{display:inline-flex;min-width:32px;min-height:32px;align-items:center;justify-content:center}.jp-content-article__respond{padding-top:50px}.jp-content-article__form-heading{text-align:center;margin-bottom:40px}.jp-content-article__form-heading h2{font-size:24px;margin-block:0 5px}.jp-content-article__form-heading p{font-size:15px}.jp-content-article__fields{display:grid;grid-template-columns:1fr;gap:20px}.jp-content-article__field label{display:block;margin-bottom:6px;font-size:14px}.jp-content-article__field :is(input,textarea){display:block;width:100%;padding:12px 14px;color:inherit;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.4);border-radius:0;font:inherit;font-size:16px}.jp-content-article__field textarea{resize:vertical;min-height:150px}.jp-content-article__field [aria-invalid=true],.jp-content-article__form-error{border-color:#b21b18}.jp-content-article__form-error,.jp-content-article__form-success{padding:12px 15px;margin-bottom:20px;border:1px solid currentColor}.jp-content-article__form-error{color:#b21b18}.jp-content-article__moderation{font-size:14px;margin:0}.jp-content-article__submit{display:block;width:100%;min-height:48px;padding:12px 20px;color:rgb(var(--color-button-text));background:rgb(var(--color-button));border:1px solid transparent;font:inherit;cursor:pointer}@media(min-width:768px){.jp-content-article__wrapper{padding:100px 25px}.jp-content-article__title{margin-bottom:55px}.jp-content-article__image{width:100%;margin-inline:0;margin-bottom:65px}.jp-content-article__navigation{height:64px;padding-inline:40px;gap:40px}.jp-content-article--enhanced>.jp-content-article__wrapper{margin-top:-64px}.jp-content-article__navigation-link>span,.jp-content-article__navigation-current>span{display:inline}.jp-content-article__navigation-current>span{white-space:nowrap}.jp-content-article__comment{min-height:135px;padding-inline-start:135px;padding-bottom:35px}.jp-content-article__avatar{width:100px;height:100px}.jp-content-article__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.jp-content-article__field--body,.jp-content-article__moderation,.jp-content-article__submit{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.jp-content-article__navigation,.jp-content-article__navigation-link svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/jp-content-article.css.map */
