.ds-art{--ds-kuroi:#13141D;--ds-acid:#09F129;--ds-acid-tint:#e8fde9;--ds-line:#d9dbe0;--ds-muted:#5b5f6b;--ds-panel:#f5f6f8}.ds-art__head{padding:3.2rem 0 1.6rem}.ds-art__head-inner>*{max-width:90rem}.ds-art__kicker{font-family:var(--font-heading-family);font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 1rem;color:var(--ds-muted)}.ds-art__kicker a{color:inherit;text-decoration:none;border-bottom:2px solid var(--ds-acid)}.ds-art__title{margin:0 0 1rem;font-size:clamp(2.8rem,4vw,4.4rem);line-height:1.15}.ds-art__sub{font-family:var(--font-heading-family);font-size:1.8rem;margin:0 0 1rem}.ds-art__byline{font-size:1.4rem;color:var(--ds-muted);margin:0}.ds-art__author{color:rgb(var(--color-foreground));font-weight:600}.ds-art__meta{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;padding:0;margin:1.6rem 0 0}.ds-art__meta li{border:1px solid var(--ds-line);border-left:4px solid var(--ds-acid);padding:.5rem 1rem;font-size:1.4rem}.ds-art__meta strong{font-family:var(--font-heading-family);margin-right:.4rem}.ds-art__hero{margin-bottom:2.4rem}.ds-art__hero img,.ds-art__diagram img{width:100%;height:auto;display:block;border-radius:4px}.ds-art__grid{display:block;margin-bottom:3rem}.ds-art__grid--narrow{max-width:72rem}.ds-art__main{min-width:0;max-width:76rem}.ds-art__grid--narrow .ds-art__main{max-width:none}@media screen and (min-width:990px){.ds-art__grid--toc{display:grid;grid-template-columns:26rem minmax(0,1fr);gap:4rem;align-items:start}.ds-art__toc{position:sticky;top:calc(var(--header-height,0px) + 2rem);max-height:calc(100vh - 4rem);overflow:auto}.ds-art__grid--rail{display:grid;grid-template-columns:minmax(0,76rem) 30rem;gap:4rem;align-items:start}.ds-art__grid--rail .ds-art__main{grid-column:1;grid-row:1}.ds-art__grid--rail .ds-art__rail{grid-column:2;grid-row:1;position:sticky;top:calc(var(--header-height,0px) + 2rem)}.ds-art__cards--rail{grid-template-columns:1fr}.ds-art__h--rail{margin-top:0}}.ds-art__box-title{font-family:var(--font-heading-family);font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .8rem;font-weight:600}.ds-art__toc{border:1px solid var(--ds-line);padding:1.4rem 1.6rem;margin-bottom:2.4rem;font-size:1.4rem}.ds-art__toc summary{cursor:pointer}.ds-art__toc-list{margin:0;padding-left:2rem}.ds-art__toc-list li{margin:.5rem 0}.ds-art__toc-list a{text-decoration:none;color:rgb(var(--color-foreground))}.ds-art__toc-list a:hover{text-decoration:underline;text-decoration-color:var(--ds-acid);text-decoration-thickness:2px}.ds-art__tldr{background:var(--ds-acid-tint);border-left:5px solid var(--ds-acid);padding:1.4rem 1.8rem;margin:0 0 2.4rem}.ds-art__tldr p:last-child{margin:0}.ds-art__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:0;border:1px solid var(--ds-line);margin:0 0 2.4rem}.ds-art__facts div{padding:1rem 1.4rem;border-bottom:1px solid var(--ds-line)}.ds-art__facts dt{font-family:var(--font-heading-family);font-size:1.2rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-muted)}.ds-art__facts dd{margin:.2rem 0 0;font-weight:600}.ds-art__phero{display:grid;gap:2.4rem;margin-bottom:3rem}@media screen and (min-width:750px){.ds-art__phero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}}.ds-art__results{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.2rem;margin:0 0 2rem}.ds-art__result{background:var(--ds-kuroi);color:#fff;padding:1.6rem;border-top:4px solid var(--ds-acid)}.ds-art__result-label{margin:0;font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em;opacity:.8}.ds-art__result-value{margin:.4rem 0 0;font-family:var(--font-heading-family);font-size:2.2rem;color:var(--ds-acid)}.ds-art__scroll{overflow-x:auto;margin:0 0 2.4rem;-webkit-overflow-scrolling:touch}.ds-art__table{width:100%;border-collapse:collapse;font-size:1.4rem;min-width:52rem}.ds-art__table caption{text-align:left;font-family:var(--font-heading-family);font-weight:600;padding-bottom:.8rem}.ds-art__table th,.ds-art__table td{border:1px solid var(--ds-line);padding:.8rem 1rem;text-align:left;vertical-align:top}.ds-art__table thead th{background:var(--ds-kuroi);color:#fff;font-family:var(--font-heading-family);font-weight:500}.ds-art__table tbody tr:nth-child(2n){background:var(--ds-panel)}.ds-art__table tbody th{font-family:var(--font-heading-family);font-weight:500;background:var(--ds-panel)}.ds-art__num{font-variant-numeric:tabular-nums;white-space:nowrap}.ds-art__pins code{font-size:1.35rem}.ds-art__diagram{margin:0 0 2.4rem}.ds-art__diagram figcaption{font-size:1.3rem;color:var(--ds-muted);margin-top:.6rem}.ds-art__body{margin-bottom:2.4rem}.ds-art__body h2,.ds-art__body h3,.ds-art__step{scroll-margin-top:calc(var(--header-height,0px) + 2rem)}.ds-art__body table{border-collapse:collapse;width:100%}.ds-art__body th,.ds-art__body td{border:1px solid var(--ds-line);padding:.6rem .9rem}.ds-art__body pre,.ds-art__code{background:var(--ds-kuroi);color:#e9eaee;padding:1.4rem;overflow-x:auto;border-radius:4px;font-size:1.35rem}.ds-art__steps{list-style:none;padding:0;margin:0 0 3rem;counter-reset:none}.ds-art__step{border-left:3px solid var(--ds-line);padding:0 0 2rem 2rem;margin-left:1.6rem;position:relative}.ds-art__step-title{font-size:2rem;margin:0 0 1rem;display:flex;gap:1rem;align-items:center;scroll-margin-top:2rem}.ds-art__step-n{flex:none;width:3.4rem;height:3.4rem;margin-left:-3.9rem;border-radius:50%;background:var(--ds-kuroi);color:var(--ds-acid);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading-family);font-size:1.6rem}.ds-art__step figure{margin:1rem 0 0}.ds-art__step img{max-width:100%;height:auto}.ds-art__symptoms{margin:0 0 3rem}.ds-art__symptom{border:1px solid var(--ds-line);margin-bottom:1rem}.ds-art__symptom summary{cursor:pointer;padding:1.2rem 1.6rem;font-weight:600}.ds-art__symptom[open] summary{background:var(--ds-acid-tint);border-bottom:1px solid var(--ds-line)}.ds-art__sym-label{font-family:var(--font-heading-family);font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em;background:var(--ds-kuroi);color:#fff;padding:.2rem .6rem;margin-right:.6rem}.ds-art__sym-body{padding:1.2rem 1.6rem}.ds-art__sym-h{font-family:var(--font-heading-family);font-weight:600;margin:.8rem 0 .2rem}.ds-art__h{font-size:2.2rem;margin:3rem 0 1.4rem}.ds-art__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:1.6rem;margin-bottom:2.4rem}.ds-art__cards--one{grid-template-columns:minmax(0,36rem)}.ds-art-card{border:1px solid var(--ds-line);display:flex;flex-direction:column;background:#fff}.ds-art-card__img{display:block;aspect-ratio:4/3;background:#fff;padding:1rem}.ds-art-card__img img{width:100%;height:100%;object-fit:contain}.ds-art-card__body{padding:1.2rem 1.4rem 1.6rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.ds-art-card__vendor{margin:0;font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-muted)}.ds-art-card__title{margin:0;font-weight:600;line-height:1.3}.ds-art-card__title a{color:rgb(var(--color-foreground));text-decoration:none}.ds-art-card__price{margin:auto 0 .4rem;font-family:var(--font-heading-family);font-size:1.7rem}.ds-art-card__stock{display:block;font-family:var(--font-body-family);font-size:1.25rem;color:var(--ds-muted)}.ds-art-card__stock--in:before{content:"";display:inline-block;width:.8rem;height:.8rem;border-radius:50%;background:var(--ds-acid);margin-right:.5rem;border:1px solid var(--ds-kuroi)}.ds-art-card--hero{flex-direction:column}.ds-art-card--hero .ds-art-card__img{aspect-ratio:auto}.ds-art-card--hero .ds-art-card__img img{max-height:40rem}.ds-art-card--hero .ds-art-card__title{font-size:2rem}.ds-art-btn{display:inline-block;align-self:flex-start;min-width:14rem;background:var(--ds-acid);color:var(--ds-kuroi);font-family:var(--font-heading-family);font-weight:700;letter-spacing:.06em;text-decoration:none;padding:1rem 2rem;text-align:center;border:2px solid var(--ds-kuroi)}.ds-art-btn:hover{background:var(--ds-kuroi);color:var(--ds-acid)}.ds-art-btn--sm{padding:.5rem 1.2rem;font-size:1.3rem}.ds-art-btn--outline{background:#fff}.ds-art__tags{display:flex;flex-wrap:wrap;gap:.6rem;font-size:1.3rem}.ds-art__tags a{border:1px solid var(--ds-line);padding:.3rem .8rem;text-decoration:none;color:rgb(var(--color-foreground))}.ds-art__more{margin:3rem auto}.ds-art__more-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr));gap:1.6rem}.ds-art__more-item{display:block;border:1px solid var(--ds-line);text-decoration:none;color:rgb(var(--color-foreground))}.ds-art__more-item img{width:100%;height:16rem;object-fit:cover;display:block}.ds-art__more-item span{display:block;padding:1rem 1.2rem;font-weight:600}.ds-art__head--dark{background:var(--ds-kuroi);color:#fff;padding:5rem 0 3.6rem;margin-bottom:3rem;border-bottom:4px solid var(--ds-acid)}.ds-art__head--dark .ds-art__title{color:#fff}.ds-art__head--dark .ds-art__kicker,.ds-art__head--dark .ds-art__byline{color:#c9cbd2}.ds-art__head--dark .ds-art__author{color:#fff}.ds-art__progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:100;pointer-events:none}.ds-art__progress span{display:block;height:100%;width:0;background:var(--ds-acid)}.ds-art__video-wrap{display:grid;gap:2rem;margin-bottom:3rem}@media screen and (min-width:990px){.ds-art__video-wrap{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}}.ds-art__video{position:relative;aspect-ratio:16/9;background:var(--ds-kuroi)}.ds-art__video iframe,.ds-art__video-facade,.ds-art__video-facade img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.ds-art__video-facade img{object-fit:cover}.ds-art__play{position:absolute;left:50%;top:50%;width:8rem;height:8rem;margin:-4rem 0 0 -4rem;border-radius:50%;background:var(--ds-kuroi);border:3px solid var(--ds-acid)}.ds-art__play:after{content:"";position:absolute;left:3.2rem;top:2.4rem;border-style:solid;border-width:1.6rem 0 1.6rem 2.6rem;border-color:transparent transparent transparent var(--ds-acid)}.ds-art__chapters{border:1px solid var(--ds-line);padding:1.4rem 1.6rem;font-size:1.4rem}.ds-art__chapters ol{list-style:none;padding:0;margin:0}.ds-art__chapters li{border-bottom:1px solid var(--ds-line)}.ds-art__chapters a{display:block;padding:.7rem 0;text-decoration:none;color:rgb(var(--color-foreground))}.ds-art__chapters .ds-art__num{display:inline-block;min-width:5rem;font-family:var(--font-heading-family)}.ds-art__transcript{border:1px solid var(--ds-line);padding:1.2rem 1.6rem;margin-bottom:2.4rem}.ds-art__transcript summary{cursor:pointer;margin:0}.ds-art--quick-tip .ds-art__head-inner{max-width:72rem}@media print{.ds-art__progress,.ds-art__more,.ds-art__toc{display:none}}.ds-art__toc summary,.ds-art__symptom summary,.ds-art__transcript summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none}.ds-art__toc summary:after,.ds-art__symptom summary:after,.ds-art__transcript summary:after{content:"";flex:none;width:.8rem;height:.8rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s;margin-right:.4rem}.ds-art details[open]>summary:after{transform:rotate(-135deg)}.ds-art summary:focus-visible{outline:2px solid var(--ds-kuroi);outline-offset:2px}.ds-art__pins tbody th{position:sticky;left:0;z-index:1;background:#fff}.ds-art__pins tbody tr:nth-child(2n) th{background:var(--ds-panel)}.ds-art__scroll-hint{display:none;font-size:1.25rem;color:var(--ds-muted);margin:-1.6rem 0 2.4rem}@media screen and (max-width:749px){.ds-art__scroll-hint{display:block}}.ds-art__scroll:focus-visible{outline:2px solid var(--ds-kuroi);outline-offset:2px}.ds-art__table a,.ds-art__body table a{color:rgb(var(--color-foreground));text-decoration-color:var(--ds-acid);text-decoration-thickness:2px}.ds-art__table thead th a{color:#fff}.ds-art-card__note{margin:0;font-size:1.35rem;border-left:3px solid var(--ds-acid);padding-left:.8rem}.ds-art__phero-side{display:flex;flex-direction:column;gap:2rem}.ds-art__phero-side .ds-art__facts,.ds-art__phero-side .ds-art__tldr{margin:0}.ds-art__cta{margin:0 0 3rem}.ds-art__pn{display:flex;justify-content:space-between;gap:1rem;margin:0 0 2rem;font-family:var(--font-heading-family)}.ds-art__tags{align-items:center}.ds-art__tags-label{font-family:var(--font-heading-family);font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-muted);margin-right:.4rem}.ds-art--quick-tip .ds-art__title{font-size:clamp(2.4rem,3vw,3.6rem)}.ds-art .article-template__comment-wrapper .button{background:var(--ds-kuroi);color:#fff;border:2px solid var(--ds-kuroi)}.ds-art .article-template__comment-wrapper .button:after,.ds-art .article-template__comment-wrapper .button:before{box-shadow:none}@media screen and (max-width:749px){.ds-art-card:not(.ds-art-card--hero){flex-direction:row}.ds-art-card:not(.ds-art-card--hero) .ds-art-card__img{flex:0 0 11rem;width:11rem;min-width:0;aspect-ratio:1;padding:.6rem}.ds-art-card:not(.ds-art-card--hero) .ds-art-card__img img{max-width:100%}.ds-art-card:not(.ds-art-card--hero) .ds-art-card__body{padding:1rem 1.2rem;min-width:0}.ds-art-card:not(.ds-art-card--hero) .ds-art-btn{min-width:0;max-width:100%;padding:.7rem 1.6rem}.ds-art__rail{margin-bottom:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/ds-article.css.map */