.code-card{margin:1.5rem 0;border:1px solid rgba(127,127,127,.3);border-radius:8px;overflow:hidden}.code-card__header{display:flex;align-items:center;padding:.5rem .9rem;background:rgba(127,127,127,.12);border-bottom:1px solid rgba(127,127,127,.25);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.code-card__dots{width:10px;height:10px;border-radius:50%;background:#ff5f56;box-shadow:16px 0 #ffbd2e,32px 0 #27c93f;margin-right:48px;flex:none}.code-card__name{opacity:.85}.code-card__body{overflow-x:auto}.code-card__body .highlight,.code-card__body .highlight pre,.code-card__body pre{margin:0;border-radius:0}