.codes{background:var(--paper-2);border-top:3px solid var(--ink)}.code-rail{display:grid;row-gap:var(--s-4)}.code-row{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--s-3);padding-top:var(--s-3)}.code-row:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:linear-gradient(var(--brass-light),var(--brass) 55%,var(--brass-dark));box-shadow:0 3px #17160f38}.ctag{position:relative;display:flex;flex-direction:column;color:var(--ink);--code: #C4321F;--code-ink: #fff}.ctag.ka-light{--code-ink: var(--ink)}.ctag .tag-in{background:var(--white)}.ctag .band{margin:36px 0 0;padding:9px var(--s-2) 8px;background:var(--code);color:var(--code-ink);display:flex;justify-content:space-between;gap:8px;font:800 var(--t-label)/1 var(--grot);letter-spacing:.14em;text-transform:uppercase;border-top:1.5px solid rgba(23,22,15,.28);border-bottom:1.5px solid rgba(23,22,15,.28)}.ctag .band a{flex:1;color:inherit;text-decoration:none}.ctag .band a:hover,.ctag .band a:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.ctag .band a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.ctag .photo{margin:var(--s-2) var(--s-2) 0;background:#fff;border:1.5px solid var(--rule);aspect-ratio:1 / 1;position:relative;overflow:hidden;display:block}.ctag .info{padding:var(--s-2)}.ctag .spec{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:var(--t-body);font-weight:700;color:var(--ink-70);line-height:1.3}.ctag .spec .keyno{font-size:var(--t-small);color:var(--ink);white-space:nowrap}.ctag .spec b{color:var(--ink);font-weight:800;white-space:nowrap}.ctag .spec.asl{display:grid;grid-template-columns:auto auto;justify-content:space-between;align-items:baseline;column-gap:8px}.ctag .spec.asl .asl-l{grid-area:1 / 1 / 2 / 3;justify-self:end;margin-bottom:4px}.ctag .spec.asl .keyno{grid-area:2 / 1}.ctag .spec.asl .asl-p{grid-area:2 / 2;font:900 17px/1 var(--slab);color:var(--green)}.ctag .photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:4%;box-sizing:border-box;mix-blend-mode:multiply}.code-notes{display:grid;grid-template-columns:repeat(2,minmax(0,54ch));justify-content:start;gap:var(--s-3) var(--s-6);margin-top:var(--s-4);padding-top:var(--s-3);border-top:1.5px solid var(--rule);font-size:var(--t-body);color:var(--ink-70);line-height:1.55}.code-notes b,.code-notes strong{color:var(--ink)}.code-notes a{color:var(--ink);font-weight:700}.chart{margin-top:var(--s-4);background:var(--white);border:2.5px solid var(--ink)}.chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px var(--s-3);flex-wrap:wrap;padding:10px var(--s-3);background:var(--ink)}.chart-head .lbl{line-height:1.35}.chart-head .l{color:var(--paper)}.chart-head .r{color:var(--brass-light)}.chart-group{padding:var(--s-3)}.chart-group+.chart-group{border-top:1.5px solid var(--rule)}.chart-gh{display:flex;justify-content:space-between;align-items:baseline;gap:4px var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-2)}.chart-gh .lbl{line-height:1.3}.chart-gh .ka-price{margin-left:auto;font-size:var(--t-small);font-weight:600;color:var(--ink-70);white-space:nowrap}.chips{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:10px}.chip{display:block;color:var(--ink);text-decoration:none}.chip .ph{display:block;position:relative;aspect-ratio:1 / 1;background:#fff;border:1.5px solid var(--rule);overflow:hidden}.chip .ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:4%;box-sizing:border-box;mix-blend-mode:multiply}.chip .nm{display:block;margin-top:6px;text-align:center;font:700 var(--t-label)/1.25 var(--grot);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-70)}.chip:hover .ph{outline:3px solid var(--brass);outline-offset:2px;border-color:var(--ink)}.chip:focus-visible{outline:none}.chip:focus-visible .ph{outline:3px solid var(--brass-dark);outline-offset:2px;border-color:var(--ink)}.chart-foot{display:flex;justify-content:space-between;align-items:baseline;gap:6px var(--s-3);flex-wrap:wrap;padding:var(--s-2) var(--s-3);border-top:1.5px solid var(--rule);font-size:var(--t-body);font-weight:600;color:var(--ink-70);line-height:1.5}.chart-foot a{color:var(--ink);font-weight:800;white-space:nowrap}@media(max-width:1100px){.chips{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:980px){.code-row{display:contents}.code-row:before{display:none}.code-rail{display:flex;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);gap:var(--s-3);margin:0 calc(var(--gutter) * -1);padding:28px var(--gutter) 8px;scrollbar-width:none;background:linear-gradient(var(--brass-light),var(--brass) 55%,var(--brass-dark)) 0 8px / 8px 7px repeat-x,linear-gradient(#17160f38,#17160f38) 0 15px / 8px 3px repeat-x;background-attachment:local,local}.code-rail::-webkit-scrollbar{display:none}.ctag{flex:0 0 232px;scroll-snap-align:start}.codes .swipe{color:var(--brass-text);margin-bottom:0}.code-notes{grid-template-columns:minmax(0,60ch)}}@media(hover:hover)and (max-width:980px){.code-rail{scrollbar-width:thin;scrollbar-color:var(--brass-dark) rgba(23,22,15,.08)}.code-rail::-webkit-scrollbar{display:block;height:6px}.code-rail::-webkit-scrollbar-thumb{background:var(--brass-dark)}}@media(max-width:640px){.chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.chart-head .r{display:none}}@media(max-width:560px){.chart-foot a{display:inline-flex;align-items:center;min-height:44px}.ctag{flex-basis:210px}.ctag .band{margin-top:32px;padding:8px 10px 7px}.ctag .photo{margin:10px 10px 0}.ctag .info{padding:10px 10px 12px}.chart-head,.chart-group,.chart-foot{padding-left:var(--s-2);padding-right:var(--s-2)}.chart-group{padding-top:var(--s-2);padding-bottom:var(--s-2)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ka-color-rail.css.map */