.terminal-wrapper{display:flex;width:100%;max-width:517px;padding:20px;flex-direction:column;align-items:flex-start;gap:10px;flex-shrink:0;border-radius:0;border:1px solid var(--color-gray-300);background:var(--color-brand-1000);position:relative;min-height:330px;justify-content:space-between}.terminal-title{display:flex;flex-direction:row;align-items:center;width:100%;margin-bottom:20px}.terminal-title h2{color:var(--color-nextflow-600);font-family:Degular;font-size:18px;font-style:normal;font-weight:600;line-height:22px;letter-spacing:.36px}.terminal-content{height:auto;min-height:119px;max-height:none;overflow-y:visible;margin-bottom:.5rem;position:relative;align-self:stretch;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.32px;display:flex;flex-direction:column;gap:5px;color:var(--color-white)}.terminal-buttons{display:flex;padding:2px 31px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:20px;background:var(--color-nextflow-900, #087f68);margin:5px 0;gap:50px}.pill{display:flex;width:80px;justify-content:center;align-items:center;gap:5px;border-radius:20px;background:transparent;cursor:pointer;padding:8px 5px;color:#fff;text-align:center;position:relative;font-weight:400;font-size:14px;z-index:2;transition:color .3s ease}.main-text{margin:0;padding:0;color:var(--color-white)}.note-text{font-size:.9em;color:var(--color-white);margin:0;padding:0}.note-text a,.note-text a:hover{color:var(--color-nextflow-600)}.title-with-icon{display:flex;align-items:center;gap:8px}.title-with-icon .icon{width:34px;height:34px;display:flex;align-items:center}.title-with-icon .icon svg{width:100%;height:100%}.title-with-icon .icon svg path{fill:var(--color-nextflow-700)!important}.terminal-buttons:after{content:"";position:absolute;left:5%;width:26%;height:32px;background-color:var(--color-nextflow-DEFAULT, #0dc09d);border-radius:20px;transition:all .3s ease-in-out}.terminal-buttons[data-index="1"]:after{left:37%}.terminal-buttons[data-index="2"]:after{left:69%}.pill[data-active=true]{font-weight:600;color:#000}.code-block{background-color:#f6f8fa;border-radius:2px;padding:10px 12px;margin:10px 0;position:relative;width:100%;border:1px solid #e1e4e8;box-shadow:0 1px 2px #0000000f}.code-content{display:flex;justify-content:space-between;align-items:center}.code-content code{color:#0a5b52;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.4;width:calc(100% - 30px);word-break:break-all}.copy-button{background:transparent;border:none;color:#6e7781;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .2s}.copy-button:hover{background-color:#0000000d;color:#0a5b52}.copy-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;white-space:nowrap;min-width:-moz-max-content;min-width:max-content}.copy-tooltip.visible{opacity:1;visibility:visible}.copy-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.subtitle{font-size:14px;line-height:1.3;margin:0;padding:0;color:var(--color-white)}@media (min-width: 768px){.terminal-wrapper{min-width:517px}}@media (max-width: 768px){.terminal-wrapper{width:100%;padding:15px}.code-block{padding:8px 10px}.code-content code{width:100%;font-size:12px;display:flex;flex-wrap:wrap}.copy-button{align-self:flex-end}.terminal-buttons:after{height:28px}.terminal-title h2{font-size:16px}.subtitle{font-size:12px}.main-text{font-size:14px;line-height:20px}.note-text{font-size:12px}}@media (max-width: 480px){.terminal-buttons{padding:2px 10px;gap:20px}.terminal-buttons:after{left:8%;width:28%}.terminal-buttons[data-index="1"]:after{left:36%}.terminal-buttons[data-index="2"]:after{left:65%}}