.kc-seq{border:1px solid var(--kc-stone-soft);padding:var(--kc-s-5);background:var(--kc-bone);font-family:var(--kc-font-body);color:var(--kc-ink)}.kc-seq__head{margin-bottom:var(--kc-s-4)}.kc-seq__title{font-family:var(--kc-font-display);font-weight:400;font-size:var(--kc-fs-h3);line-height:1.15;letter-spacing:-.01em;margin:0 0 var(--kc-s-2)}.kc-seq__lede{font-size:var(--kc-fs-small);color:var(--kc-stone);line-height:1.55;margin:0;max-width:60ch}.kc-seq__legend{display:flex;flex-wrap:wrap;gap:var(--kc-s-3);margin-bottom:var(--kc-s-4);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--kc-stone)}.kc-seq__legend-item{display:inline-flex;align-items:center;gap:6px}.kc-seq__chip{display:inline-block;width:10px;height:10px;border-radius:0;border:1px solid var(--kc-stone)}.kc-seq__chip--hydrophobic{background:var(--kc-bone-shade);border-color:var(--kc-stone-soft)}.kc-seq__chip--polar{background:var(--kc-stone-soft);border-color:var(--kc-stone-soft)}.kc-seq__chip--basic{background:var(--kc-stone);border-color:var(--kc-stone)}.kc-seq__chip--acidic{background:var(--kc-ink);border-color:var(--kc-ink)}.kc-seq__chip--special{background:transparent;border-style:dashed;border-color:var(--kc-stone)}.kc-seq__track{display:flex;flex-wrap:wrap;gap:4px;padding:var(--kc-s-3) 0 var(--kc-s-4);border-top:1px solid var(--kc-stone-soft);border-bottom:1px solid var(--kc-stone-soft);margin-bottom:var(--kc-s-4)}.kc-seq__cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:56px;padding:10px 6px 8px;border:1px solid var(--kc-stone-soft);background:var(--kc-bone);cursor:default;transition:transform var(--kc-dur-fast) var(--kc-ease),border-color var(--kc-dur-fast) var(--kc-ease);outline:none}.kc-seq__cell:hover,.kc-seq__cell:focus-visible{transform:translateY(-2px);border-color:var(--kc-ink);z-index:1}.kc-seq__cell-pos{position:absolute;top:4px;left:6px;font-size:9px;color:var(--kc-stone);letter-spacing:.08em;font-variant-numeric:tabular-nums}.kc-seq__cell-one{font-family:var(--kc-font-display);font-weight:400;font-size:22px;line-height:1;letter-spacing:-.02em;color:var(--kc-ink);margin-top:4px}.kc-seq__cell-three{font-size:10px;letter-spacing:.04em;color:var(--kc-stone);margin-top:2px}.kc-seq__cell--hydrophobic{background:var(--kc-bone-shade)}.kc-seq__cell--polar{background:var(--kc-stone-soft)}.kc-seq__cell--basic{background:var(--kc-stone)}.kc-seq__cell--basic .kc-seq__cell-one,.kc-seq__cell--basic .kc-seq__cell-pos,.kc-seq__cell--basic .kc-seq__cell-three{color:var(--kc-bone)}.kc-seq__cell--acidic{background:var(--kc-ink)}.kc-seq__cell--acidic .kc-seq__cell-one,.kc-seq__cell--acidic .kc-seq__cell-pos,.kc-seq__cell--acidic .kc-seq__cell-three{color:var(--kc-bone)}.kc-seq__cell--special{background:transparent;border-style:dashed}.kc-seq__cell--modified:after{content:"";position:absolute;top:4px;right:4px;width:4px;height:4px;background:var(--kc-ink);border-radius:50%}.kc-seq__cell--basic.kc-seq__cell--modified:after,.kc-seq__cell--acidic.kc-seq__cell--modified:after{background:var(--kc-bone)}.kc-seq__meta{display:grid;grid-template-columns:1fr;gap:var(--kc-s-2);margin:0 0 var(--kc-s-3);padding:0;font-size:12px}@media(min-width:720px){.kc-seq__meta{grid-template-columns:1fr 1fr;gap:var(--kc-s-3) var(--kc-s-5)}}.kc-seq__meta-row{display:flex;gap:var(--kc-s-3);padding:6px 0;border-bottom:1px dotted var(--kc-stone-soft);margin:0}.kc-seq__meta-row dt{flex:0 0 auto;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--kc-stone);align-self:center;min-width:130px}.kc-seq__meta-row dd{margin:0;flex:1;color:var(--kc-ink);word-break:break-word;font-variant-numeric:tabular-nums}.kc-seq__copy{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid var(--kc-stone-soft);padding:8px 14px;font-family:var(--kc-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--kc-ink);cursor:pointer;transition:background-color var(--kc-dur-fast) var(--kc-ease),color var(--kc-dur-fast) var(--kc-ease)}.kc-seq__copy:hover{background:var(--kc-ink);color:var(--kc-bone);border-color:var(--kc-ink)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sequence-viewer.css.map */
