:root{--first-color: #01050A;--second-color: #7F8690;--third-color: #377CF6;--fourth-color: #86BE00;--fifth-color: #F7C52C;--sixty-color: #5d6268}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;width:100%;height:fit-content}body{margin:0;padding:24px;font-family:Arial,sans-serif;background-color:var(--first-color);color:var(--second-color);font-size:16px}.octo-say-container{width:100%;min-height:80vh;display:flex;justify-content:center}.octo-say-description{width:40%;display:flex;flex-direction:column;justify-content:center;gap:24px}.octo-say-description h1{font-size:90px}.octo-say-description p.description{font-size:40px}p.instructions{font-size:20px;color:var(--third-color);margin-top:24px;opacity:.7}.instructions-mobile{display:none}.octo-say-demostration{width:40%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.octo-say-container:has(.buttons-presentation .border-btn-gray:hover) .octo-say-demostration{color:var(--sixty-color)}.octo-say-container:has(.buttons-presentation .border-btn-yellow:hover) .octo-say-demostration{color:var(--fifth-color)}.octo-say-container:has(.buttons-presentation .border-btn-green:hover) .octo-say-demostration{color:var(--fourth-color)}.buttons-presentation{display:flex;gap:24px}.custom-btn{background:transparent;padding:8px 16px;border-radius:8px;opacity:.6;cursor:pointer;transition:all .3s ease}.border-btn-color-green{color:var(--fourth-color);border:solid 1px var(--fourth-color)}.border-btn-green:hover{opacity:1;color:var(--fourth-color);border:solid 1px var(--fourth-color)}.border-btn-color-gray{color:var(--second-color);border:solid 1px var(--second-color)}.border-btn-gray:hover{opacity:1;color:var(--second-color);border:solid 1px var(--second-color)}.border-btn-color-yellow{color:var(--fifth-color);border:solid 1px var(--fifth-color)}.border-btn-yellow:hover{opacity:1;color:var(--fifth-color);border:solid 1px var(--fifth-color)}.steps-section{display:flex;flex-direction:column;height:fit-content;width:100%;min-height:100vh;border:solid 1px var(--sixty-color);transition:all .3s ease}.steps-section:has(input:hover){border-color:var(--fourth-color)}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:60px;padding:24px;border-bottom:solid 1px var(--sixty-color)}.header:has(input:hover){border-color:var(--fourth-color)}.title-container{display:flex;flex-direction:column;gap:8px}.job-title{font-size:16px;font-weight:700;color:var(--third-color)}.job-description{font-size:12px;color:var(--second-color)}.search-container{display:flex;flex-direction:row;align-items:center;gap:16px}.icon-header{color:var(--second-color);font-size:24px;transition:all .3s ease}.search-container:has(input:hover) .icon-play{color:var(--fourth-color)}.icon-play:hover{color:var(--fourth-color);cursor:pointer}.button-run{background:transparent;border:none;height:fit-content;padding-top:5px}.input-message{padding:8px;border:solid 1px var(--sixty-color);border-radius:4px;background-color:transparent;color:var(--second-color)}.run-steps{display:flex;flex-direction:column;gap:24px;padding:24px;height:fit-content}summary{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;width:100%}summary::-webkit-details-marker{display:none}.arrow-icon{transition:all .3s ease;color:var(--sixty-color)}.log-title{display:flex;gap:8px}.log-container{padding-left:24px;overflow-x:auto;height:auto}.content{padding-left:24px;margin:0;font-family:Courier New,monospace;white-space:pre;word-wrap:normal;color:var(--fourth-color)}.is-disabled{pointer-events:none;user-select:none}.log-section{display:flex;flex-direction:column;justify-content:center;gap:8px;max-width:100%}.log-section[open] .arrow-icon{transform:rotate(90deg);color:var(--second-color)}@media(max-width:1050px){.octo-say-container{display:flex;flex-direction:column;gap:32px;padding:24px 0}.octo-say-description{width:100%}.octo-say-description h1{font-size:60px}.octo-say-description p.description{font-size:30px}.instructions{display:none}.octo-say-demostration{width:100%}p.instructions-mobile{width:80%;display:block;font-size:20px;color:var(--third-color);opacity:.7;padding-bottom:24px}.intruction-mobile-container{display:flex;justify-content:center}#print-octocat{margin-left:-80px}}@media(max-width:600px){.octo-say-description h1{font-size:50px}pre{font-size:12px}.title-container{display:none}}