#hbuilder{--hb-bg: #0a0a0a;--hb-panel: rgba(255, 255, 255, .03);--hb-panel-2: rgba(255, 255, 255, .06);--hb-line: rgba(255, 255, 255, .08);--hb-red: #c62026;--hb-red-soft: rgba(198, 32, 38, .45);--hb-green: #39ff14;--hb-green-chip: rgba(57, 255, 20, .16);--hb-amber: #ffb347;--hb-text: #f5f5f5;--hb-dim: rgba(255, 255, 255, .55);--hb-faint: rgba(255, 255, 255, .48);--hb-ease: cubic-bezier(.22, 1, .36, 1);color:var(--hb-text);font-family:Barlow,sans-serif;background:var(--hb-bg)}#hbuilder *{box-sizing:border-box}#hbuilder img{max-width:100%}#hbuilder button{font-family:inherit}#hbuilder button:focus-visible{outline:2px solid var(--hb-red);outline-offset:2px}#hbuilder .hb-hero{text-align:center;padding:64px 16px 40px;position:relative;overflow:hidden}#hbuilder .hb-hero:before{content:"\935b";position:absolute;inset:-30px 0 auto 0;margin:auto;font-size:300px;line-height:1;color:#c6202612;pointer-events:none;font-family:Cinzel,serif}#hbuilder .hb-eyebrow{font-size:12px;letter-spacing:.35em;text-transform:uppercase;color:var(--hb-red);font-weight:600;margin:0 0 12px}#hbuilder .hb-title{font-family:Cinzel,serif;font-size:clamp(32px,5.5vw,58px);font-weight:900;letter-spacing:.02em;margin:0 0 12px;text-transform:uppercase}#hbuilder .hb-title em{font-style:normal;color:var(--hb-red)}#hbuilder .hb-sub{color:var(--hb-dim);font-size:16px;max-width:620px;margin:0 auto}#hbuilder .hb-layout{max-width:1280px;margin:0 auto;padding:0 20px 80px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}#hbuilder .hb-main{min-width:0}#hbuilder .hb-rail{position:sticky;top:calc(var(--header-height, 64px) + 16px);border:1px solid var(--hb-line);border-radius:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff04);max-height:calc(100vh - var(--header-height, 64px) - 32px);overflow-y:auto}#hbuilder .hb-rail-head{padding:16px 18px 12px;border-bottom:1px solid var(--hb-line)}#hbuilder .hb-rail-title{font-family:Cinzel,serif;font-size:17px;font-weight:700;letter-spacing:.1em;margin:0;text-transform:uppercase}#hbuilder .hb-rail-sub{color:var(--hb-faint);font-size:11px;letter-spacing:.14em;text-transform:uppercase}#hbuilder .hb-rail-rows{max-height:44vh;overflow-y:auto;padding:6px 0}#hbuilder .hb-rail-row{-webkit-appearance:none;appearance:none;border:0;background:transparent;width:100%;display:flex;align-items:center;gap:10px;padding:8px 18px;color:var(--hb-text);text-align:left;cursor:pointer;transition:background .2s}#hbuilder .hb-rail-row:hover{background:#ffffff0a}#hbuilder .hb-rail-ico{flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:var(--hb-panel-2);display:grid;place-items:center}#hbuilder .hb-rail-ico svg{width:18px;height:18px}#hbuilder .hb-rail-info{flex:1 1 auto;min-width:0}#hbuilder .hb-rail-cat{display:block;font-size:10px;letter-spacing:.2em;color:var(--hb-faint);text-transform:uppercase}#hbuilder .hb-rail-pick{display:block;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hbuilder .hb-rail-pick--none{color:var(--hb-faint);font-weight:400}#hbuilder .hb-rail-price{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--hb-dim)}#hbuilder .hb-warn{margin:8px 18px 0;padding:9px 12px;border:1px solid rgba(255,179,71,.35);background:#ffb34714;color:var(--hb-amber);border-radius:10px;font-size:12px;line-height:1.45}#hbuilder .hb-warn--info{border-color:#39ff144d;background:#39ff1414;color:#7cff5b}#hbuilder .hb-rail-foot{padding:14px 18px 18px;border-top:1px solid var(--hb-line)}#hbuilder .hb-total-label{font-size:10px;letter-spacing:.3em;color:var(--hb-green);text-transform:uppercase;font-weight:700}#hbuilder .hb-total{font-family:Cinzel,serif;font-size:34px;font-weight:900;margin:2px 0 12px;text-shadow:0 0 20px rgba(57,255,20,.25)}#hbuilder .hb-cta{-webkit-appearance:none;appearance:none;display:block;width:100%;border:0;border-radius:10px;background:var(--hb-red);color:#fff;font:700 13px/1 Barlow,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:16px;cursor:pointer;text-align:center;text-decoration:none;transition:transform .25s var(--hb-ease),box-shadow .25s var(--hb-ease);box-shadow:0 12px 30px -12px var(--hb-red-soft)}#hbuilder .hb-cta:hover{transform:translateY(-2px)}#hbuilder .hb-cta--ghost{background:transparent;border:1px solid var(--hb-line);color:var(--hb-dim);margin-top:8px;box-shadow:none}#hbuilder .hb-cta--ghost:hover{color:var(--hb-text);border-color:#ffffff40}#hbuilder .hb-fulfil{margin:12px 0 0;color:var(--hb-faint);font-size:11px;line-height:1.5;text-align:center}#hbuilder .hb-cat{margin:0 0 54px;scroll-margin-top:calc(var(--header-height, 64px) + 16px)}#hbuilder .hb-cat-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 4px}#hbuilder .hb-cat-kicker{font-size:12px;letter-spacing:.3em;color:var(--hb-red);font-weight:700}#hbuilder .hb-cat-title{font-family:Cinzel,serif;font-size:clamp(19px,2.6vw,26px);font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.04em}#hbuilder .hb-cat-count{font-size:11px;letter-spacing:.12em;color:var(--hb-faint);text-transform:uppercase}#hbuilder .hb-cat-picked{color:var(--hb-dim);font-size:13px;margin:0 0 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hbuilder .hb-cat-picked b{color:var(--hb-green);font-weight:600}#hbuilder .hb-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 14px}#hbuilder .hb-search{flex:1 1 220px;max-width:320px;background:var(--hb-panel);border:1px solid var(--hb-line);border-radius:999px;color:var(--hb-text);font:400 13px/1 Barlow,sans-serif;padding:10px 16px}#hbuilder .hb-search{-webkit-appearance:none;appearance:none}#hbuilder .hb-search::-webkit-search-cancel-button{-webkit-appearance:none}#hbuilder .hb-search::placeholder{color:var(--hb-faint)}#hbuilder .hb-search:focus{outline:none;border-color:var(--hb-red-soft)}#hbuilder .hb-chip{-webkit-appearance:none;appearance:none;border:1px solid var(--hb-line);background:transparent;color:var(--hb-dim);font:600 11px/1 Barlow,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:9px 13px;border-radius:999px;cursor:pointer;transition:all .2s var(--hb-ease)}#hbuilder .hb-chip:hover{color:var(--hb-text)}#hbuilder .hb-chip[aria-pressed=true]{color:var(--hb-text);border-color:var(--hb-red);background:#c620261f}#hbuilder .hb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}#hbuilder .hb-card{-webkit-appearance:none;appearance:none;text-align:left;background:var(--hb-panel);border:1px solid var(--hb-line);border-radius:14px;padding:12px;cursor:pointer;color:var(--hb-text);display:flex;flex-direction:column;gap:10px;transition:transform .3s var(--hb-ease),border-color .3s var(--hb-ease),box-shadow .3s var(--hb-ease)}#hbuilder .hb-card:hover{transform:translateY(-4px);border-color:#ffffff38}#hbuilder .hb-card[aria-pressed=true]{border-color:var(--hb-red);box-shadow:0 0 0 1px var(--hb-red),0 16px 36px -18px #c620268c;background:#c620260d}#hbuilder .hb-card-img{width:100%;aspect-ratio:1 / 1;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden}#hbuilder .hb-card-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}#hbuilder .hb-card-img--none{background:var(--hb-panel-2)}#hbuilder .hb-card-img--none svg{width:42px;height:42px}#hbuilder .hb-card-name{font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;margin:0}#hbuilder .hb-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}#hbuilder .hb-vendor{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--hb-faint);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hbuilder .hb-price{font-size:13px;font-weight:700}#hbuilder .hb-delta{font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--hb-panel-2);white-space:nowrap}#hbuilder .hb-delta--in{background:var(--hb-green-chip);color:#4ade80}#hbuilder .hb-delta--save{color:#4ade80}#hbuilder .hb-meta-chip{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--hb-dim);background:var(--hb-panel-2);border-radius:5px;padding:3px 6px}#hbuilder .hb-more{-webkit-appearance:none;appearance:none;display:block;margin:14px auto 0;border:1px solid var(--hb-line);background:transparent;color:var(--hb-dim);font:600 12px/1 Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:12px 22px;border-radius:999px;cursor:pointer;transition:all .2s var(--hb-ease)}#hbuilder .hb-more:hover{color:var(--hb-text);border-color:var(--hb-red-soft)}#hbuilder .hb-empty{border:1px dashed var(--hb-line);border-radius:12px;padding:28px;text-align:center;color:var(--hb-faint);font-size:13px}#hbuilder .hb-grid--rows{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}#hbuilder .hb-card--row{flex-direction:row;align-items:center;gap:14px}#hbuilder .hb-card--row .hb-card-name{min-height:0;margin:0 0 2px}#hbuilder .hb-card-sub2{color:var(--hb-dim);font-size:11.5px;line-height:1.3;margin:0 0 4px}#hbuilder .hb-card-body{flex:1 1 auto;min-width:0}#hbuilder .hb-option-art{flex:0 0 52px;width:52px;height:52px;border-radius:10px;background:var(--hb-panel-2);display:grid;place-items:center}#hbuilder .hb-option-art svg{width:32px;height:32px;display:block}#hbuilder .hb-brand{font-size:10px;font-weight:700;letter-spacing:.14em;padding:3px 7px;border-radius:5px;background:var(--hb-panel-2);color:var(--hb-dim)}#hbuilder .hb-brand--nvidia{color:#9fe870;background:#76b90024}#hbuilder .hb-brand--amd{color:#ff7b7b;background:#ed1c2424}#hbuilder .hb-cat-sub{color:var(--hb-dim);font-size:13px;margin:0 0 14px}#hbuilder .hb-machine{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--hb-line)}#hbuilder .hb-machine img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--hb-red-soft)}#hbuilder .hb-machine-kicker{display:block;font-size:10px;letter-spacing:.3em;color:var(--hb-red);text-transform:uppercase;font-weight:700}#hbuilder .hb-machine-name{font-family:Cinzel,serif;font-size:20px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}#hbuilder .hb-cta--done{background:#167a2c}#hbuilder .hb-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s var(--hb-ease),transform .65s var(--hb-ease)}#hbuilder .hb-reveal.hb-in{opacity:1;transform:none}#hbuilder .hb-skeleton{display:flex;flex-direction:column;gap:12px;padding:24px 0}#hbuilder .hb-skeleton i{display:block;position:relative;overflow:hidden;border-radius:12px;background:#ffffff0d;height:64px}#hbuilder .hb-skeleton i:first-child{height:120px}#hbuilder .hb-skeleton i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:hb-sweep 1.4s ease-in-out infinite}@keyframes hb-sweep{to{transform:translate(100%)}}#hbuilder .hb-dock,#hbuilder .hb-rail.hb-rail--sheet{display:none}@media(max-width:1023px){#hbuilder .hb-layout{grid-template-columns:1fr;padding-bottom:130px}#hbuilder .hb-search{font-size:16px}#hbuilder .hb-rail{display:none}#hbuilder .hb-rail.hb-rail--sheet{display:block;position:fixed;left:10px;right:10px;bottom:78px;z-index:45;max-height:70vh;overflow-y:auto;box-shadow:0 -20px 60px #0009;background:#101010;transform:translateY(16px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .35s var(--hb-ease),opacity .35s var(--hb-ease),visibility 0s linear .35s}#hbuilder .hb-rail.hb-rail--sheet.hb-open{transform:none;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}#hbuilder .hb-dock{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:46;padding:12px 14px;background:#0a0a0ae0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--hb-line)}#hbuilder .hb-dock-total{flex:1}#hbuilder .hb-dock-total .hb-total-label{display:block}#hbuilder .hb-dock-total .hb-total{font-size:22px;margin:0}#hbuilder .hb-dock button,#hbuilder .hb-dock a{flex:0 0 auto;width:auto;padding:13px 18px}}@media(prefers-reduced-motion:reduce){#hbuilder .hb-reveal{opacity:1;transform:none;transition:none}#hbuilder .hb-skeleton i:after{animation:none}#hbuilder .hb-card,#hbuilder .hb-cta,#hbuilder .hb-chip,#hbuilder .hb-rail.hb-rail--sheet{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hachiman-builder.css.map */