*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}body{margin:0;min-height:100vh;min-height:100dvh;font:400 var(--fs-md)/1.55 var(--font-ui);color:var(--ink);background-color:var(--field);background-image:var(--grain);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11";overflow-x:clip}body.is-locked{overflow:hidden}img,canvas,svg,video{display:block;max-width:100%}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}p{margin:0 0 var(--s4)}h1,h2,h3,h4{margin:0;font-weight:500}:where(ul,ol)[role=list]{list-style:none;margin:0;padding:0}fieldset{border:0;margin:0;padding:0;min-width:0}legend{padding:0}address{font-style:normal}dialog{padding:0;border:0}[hidden]{display:none!important}.display,.h1,.h2,.h3{font-family:var(--font-display);color:var(--ink);text-wrap:balance}.display{font-size:var(--fs-display);line-height:.92;letter-spacing:-.04em;font-weight:520;font-variation-settings:"opsz" 96}.h1{font-size:var(--fs-h1);line-height:.98;letter-spacing:-.035em;font-weight:500;font-variation-settings:"opsz" 80}.h2{font-size:var(--fs-h2);line-height:1;letter-spacing:-.03em;font-weight:500;font-variation-settings:"opsz" 64}.h3{font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.012em;font-weight:580;font-variation-settings:"opsz" 24}.lede{font-size:var(--fs-lg);line-height:1.5;color:var(--ink-2);max-width:56ch;text-wrap:pretty}.fine{font-size:var(--fs-xs);line-height:1.45;color:var(--muted);margin:0}.count{font:500 .62em/1 var(--font-ui);color:var(--muted);vertical-align:super;letter-spacing:0;margin-left:.15em}h1 .count{font-size:.32em}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left))}.narrow{max-width:760px}.row{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}@media(max-width:420px){.grid2{grid-template-columns:1fr}}main{display:block;min-height:60vh;padding-bottom:var(--s8)}main:focus{outline:none}main.is-entering>*{animation:settle .26s var(--ease-out) both}@keyframes settle{0%{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:899px){body.bar-reserved{padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom))}}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:fixed;left:12px;top:-60px;z-index:1000;background:var(--ink);color:#fff;padding:10px 14px;border-radius:var(--r-sm);text-decoration:none;transition:transform var(--t-ui) var(--ease-out)}.skip:focus{transform:translateY(72px)}.only-touch{display:none}@media(hover:none),(pointer:coarse){.only-fine{display:none}.only-touch{display:inline}}.media{position:relative;overflow:hidden;background:var(--paper-2)}.media img{opacity:0;transition:opacity .26s ease}.media.is-ready img,.media img[src^="/"]{opacity:1}.media:not(.is-ready):after,.stage__shimmer{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%) 0 0 / 220% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:130% 0}to{background-position:-90% 0}}.sheen{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;z-index:2;opacity:0;background:radial-gradient(40% 40% at 50% 50%,rgba(255,255,255,.55),transparent 70%);transition:opacity .3s ease}.is-tilting .sheen{opacity:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.media:not(.is-ready):after,.stage__shimmer{animation:none;background:#ffffff59}main.is-entering>*{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dyi-css-base.css.map */
