section.developers{grid-template-rows:auto;align-content:start;background-color:#eee;padding-block:12.5vw}section.developers hgroup{grid-row:1/span 1}section.developers .text-editor{grid-column:3/23;grid-row:2/span 1;background-color:#222;border-radius:min(2vw,12px);box-shadow:-2.25rem 2rem 2rem 0 rgba(0,0,0,.16)}section.developers .text-editor header{display:flex;gap:min(1.5vw,10px);color:#f5f5f5;padding:min(1vw,8px) min(1vw,8px) 0;margin-block-end:-1px;overflow:hidden}section.developers .text-editor header .tab{font-size:clamp( 		0.69rem, 		0.13vw + 0.66rem, 		0.81rem 	);font-weight:500;line-height:1em;padding:.75em .9375em 1em .9375em;display:flex;gap:.625em;align-items:center}section.developers .text-editor header .tab::before{content:"";width:1.23em;height:1.23em;background-repeat:no-repeat;background-size:contain;background-position:center;flex-shrink:0}section.developers .text-editor header .tab.js{background-color:#333;border:solid #555 1px;border-block-end-width:0;border-top-left-radius:min(1vw,4px);border-top-right-radius:min(1vw,4px)}section.developers .text-editor header .tab.js::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.999' height='15.999' viewBox='0 0 15.999 15.999'%3E%3Cg id='js' transform='translate(0.501)'%3E%3Cpath id='Subtraction_1' data-name='Subtraction 1' d='M15,16H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0H15a1,1,0,0,1,1,1V15A1,1,0,0,1,15,16Zm-4.29-3.563-1.2.7a2.817,2.817,0,0,0,2.7,1.516c1.492,0,2.456-.811,2.456-2.066s-.723-1.793-1.971-2.328l-.371-.158c-.619-.269-.911-.446-.911-.9a.645.645,0,0,1,.645-.639q.032,0,.064,0a1.014,1.014,0,0,1,.954.635l1.154-.742a2.187,2.187,0,0,0-2.108-1.186A1.982,1.982,0,0,0,9.949,9.229a2.353,2.353,0,0,0,1.78,2.234l.37.16c.673.294,1.08.471,1.08.984,0,.438-.4.732-1.007.732a1.63,1.63,0,0,1-1.463-.9Zm-5.236.129L4.266,13.3A2.293,2.293,0,0,0,6.49,14.649,2.006,2.006,0,0,0,8.7,12.415V7.356H7.222V12.4c0,.662-.23.931-.795.931C5.9,13.327,5.694,12.957,5.473,12.565Z' transform='translate(-0.501 0)' fill='%23f5d50f'/%3E%3C/g%3E%3C/svg%3E%0A")}section.developers .text-editor header .tab.py::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15.92' viewBox='0 0 16 15.92'%3E%3Cpath id='Path_974' data-name='Path 974' d='M9.433.119l.6.133.484.172.391.2.3.212.226.226.166.226.106.219.066.2.027.172.013.133L11.8,2.1V5.638l-.033.418-.086.365-.139.305-.172.252-.2.206-.219.166-.232.126-.232.093-.219.066-.2.046L9.9,7.708l-.139.013H5.8l-.458.033-.391.093-.332.146-.272.179-.219.212-.179.232-.133.239-.1.245-.066.232L3.6,9.546l-.027.179-.013.139v2.03H2.083l-.139-.02-.186-.046-.212-.08-.232-.119-.239-.172-.239-.239L.6,10.912l-.212-.391-.186-.484L.066,9.453l-.093-.7L-.06,7.94l.04-.809.106-.69.159-.577.212-.471L.7,5.015l.265-.292L1.24,4.5l.279-.159.265-.106.239-.066.212-.033.159-.007H2.5l.04.007H7.953V3.589H4.079L4.073,1.765l-.013-.245.033-.226.073-.206L4.278.9,4.444.73,4.65.577,4.9.444,5.194.325l.338-.1.385-.08L6.341.08,6.812.04,7.323.013,7.88,0l.842.033ZM5.253,1.433,5.1,1.652l-.053.272L5.1,2.2l.153.226.219.146.272.06.272-.06.219-.146L6.388,2.2l.053-.272-.053-.272-.153-.219-.219-.146-.272-.06-.272.06Zm8.683,2.62.186.04.212.08.232.119.239.179.239.232.232.312.212.391.186.484.139.584.093.69.033.816L15.9,8.8l-.106.69-.159.57-.212.471-.239.378-.265.3-.279.219-.279.159-.265.106-.239.06-.212.033-.159.013-.106-.007H7.927v.544H11.8l.007,1.831.013.239-.033.226-.073.206-.113.192-.166.166-.206.159-.252.133-.292.113-.338.1-.385.086-.425.06-.471.046-.511.027L8,15.92l-.842-.027-.71-.093-.6-.133L5.366,15.5l-.391-.2-.3-.219-.226-.226-.166-.226-.106-.219-.066-.2-.027-.166-.013-.133.007-.086V10.289l.033-.425L4.2,9.506,4.338,9.2l.172-.252.2-.212.219-.159.232-.133.232-.093.219-.066.2-.04.172-.027.139-.013L6.209,8.2h3.874l.458-.033.391-.093.332-.139.272-.186.219-.212.179-.232.133-.239.1-.239.066-.232.046-.212L12.3,6.2l.013-.139V4.027H13.7l.093.007ZM9.645,13.506l-.153.219L9.439,14l.053.272.153.219.219.153.272.053.272-.053.219-.153.153-.219L10.832,14l-.053-.272-.153-.219-.219-.153-.272-.053-.272.053Z' transform='translate(0.06 0)' fill='%23f5f5f5'/%3E%3C/svg%3E%0A")}section.developers .text-editor header .tab.php::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='auto' viewBox='0 0 106.416 50.883' fill='%23F5F5F5'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M244.216,158.929c3.173,0,5.541-.594,7.04-1.766,1.483-1.16,2.507-3.168,3.043-5.97.5-2.619.31-4.448-.566-5.435-.9-1.008-2.833-1.519-5.757-1.519H242.9l-2.811,14.69h4.121Zm-16.583,18.1a.783.783,0,0,1-.608-.292.81.81,0,0,1-.166-.662l7.449-38.93a.792.792,0,0,1,.774-.648h16.055c5.046,0,8.8,1.392,11.162,4.137s3.106,6.617,2.178,11.464a18.484,18.484,0,0,1-1.93,5.451,18.207,18.207,0,0,1-3.553,4.522,15.54,15.54,0,0,1-5.847,3.559,26.1,26.1,0,0,1-8.033,1.049h-6.5l-1.856,9.7a.792.792,0,0,1-.774.649h-8.349Z' transform='translate(-226.844 -126.143)' /%3E%3Cpath d='M338.963,151.153a.769.769,0,0,1-.6-.292.817.817,0,0,1-.164-.662l3.253-17.225c.309-1.638.233-2.814-.215-3.311-.274-.3-1.1-.813-3.532-.813h-5.893l-4.09,21.654a.785.785,0,0,1-.764.649H318.78a.77.77,0,0,1-.6-.292.818.818,0,0,1-.164-.662l7.354-38.93a.785.785,0,0,1,.764-.648h8.177a.77.77,0,0,1,.6.291.818.818,0,0,1,.164.663l-1.775,9.4h6.34c4.83,0,8.1.876,10.012,2.678,1.944,1.839,2.551,4.779,1.8,8.739L348.034,150.5a.785.785,0,0,1-.764.649h-8.307Z' transform='translate(-281.533 -110.621)' /%3E%3Cpath d='M412.2,158.929c3.294,0,5.754-.594,7.31-1.766,1.539-1.159,2.6-3.168,3.16-5.97.52-2.619.322-4.448-.588-5.435-.93-1.008-2.941-1.519-5.978-1.519h-5.265l-2.919,14.69H412.2Zm-17.219,18.1a.825.825,0,0,1-.632-.292.788.788,0,0,1-.172-.662l7.735-38.93a.815.815,0,0,1,.8-.648h16.67c5.239,0,9.139,1.392,11.59,4.137s3.225,6.616,2.262,11.464a18.057,18.057,0,0,1-2,5.451,18.328,18.328,0,0,1-3.689,4.522,16.261,16.261,0,0,1-6.071,3.559,28.076,28.076,0,0,1-8.341,1.049h-6.75l-1.927,9.7a.815.815,0,0,1-.8.649H394.98Z' transform='translate(-327.225 -126.143)'/%3E%3C/g%3E%3C/svg%3E")}section.developers .text-editor header .tab.cs::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='11.731' viewBox='0 0 16 11.731'%3E%3Cg id='c-sharp' transform='translate(0.447 -2.5)'%3E%3Cpath id='Path_1043' data-name='Path 1043' d='M16174.311,7526.311v-.471h-.706v.471h-.58v-.471h-.472v-.58h.472v-.708h-.472v-.581h.472v-.47h.58v.47h.706v-.47h.58v.47h.472v.581h-.472v.708h.472v.58h-.472v.471Zm0-1.051v-.708h-.706v.708Z' transform='translate(-16159.81 -7516.522)' fill='%23fff'/%3E%3Cpath id='Path_1042' data-name='Path 1042' d='M150.565,149.448a2.921,2.921,0,1,1-.019-2.9l2.553-1.47a5.865,5.865,0,1,0,.015,5.844l-2.549-1.477' transform='translate(-142.603 -139.651)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A")}section.developers .text-editor .wrap{background-color:#333;padding:clamp(10px,2vw,40px);padding-block-end:calc(clamp(10px,2vw,40px) + 30px);border-bottom-left-radius:min(2vw,12px);border-bottom-right-radius:min(2vw,12px);border-block-start:solid #555 1px;overflow:clip}section.developers .text-editor .wrap pre{margin:0;line-height:1.75em;tab-size:4;padding:0;background-color:#333;overflow:visible;white-space:pre-wrap;word-break:break-all}section.developers .text-editor .wrap pre code[class*=language-]{font-size:clamp( 		0.75rem, 		0.26vw + 0.69rem, 		1rem 	);line-height:1.5em}section.developers .text-editor .wrap pre code.language-js{color:#9cdcfe}section.developers .text-editor .wrap pre code.language-html{color:#d4d4d4}section.developers .text-editor .wrap pre code.language-css{color:#b5cea8}section.developers .text-editor .wrap pre .token.keyword,section.developers .text-editor .wrap pre .token.tag{color:#569cd6}section.developers .text-editor .wrap pre .token.function{color:#dcdcaa}section.developers .text-editor .wrap pre .token.class-name{color:#4ec9b0}section.developers .text-editor .wrap pre .token.punctuation{color:gray}section.developers .text-editor .wrap pre .token.variable,section.developers .text-editor .wrap pre .token.attr-name,section.developers .text-editor .wrap pre .token.parameter,section.developers .text-editor .wrap pre .token.property{color:#9cdcfe}section.developers .text-editor .wrap pre .token.attr-value,section.developers .text-editor .wrap pre .token.string{color:#ce9178}section.developers .text-editor .wrap pre .token.comment{color:#6a9955}section.developers .text-editor .wrap pre .token.operator{color:#d4d4d4}section.developers .text-editor .wrap pre .token.selector{color:#d7ba7d}section.developers .text-editor .wrap pre code.highlight{display:inline-block;padding:10px 20px;border:dashed #268bbf 1px;margin-block:.25em;min-width:42ch;background-color:#333;box-shadow:0 20px 20px -20px #000}section.developers .text-editor .wrap pre code.highlight:first-of-type{margin-block-start:1em}section.developers .text-editor .wrap pre code.highlight:last-of-type{margin-block-end:1em}section.developers .console{grid-column:2/22;grid-row:3/span 1;margin-block-start:calc(clamp(-60px,-6vw,-30px) - 30px)}section.developers .console .wrap{max-height:25em}section.developers .console .wrap .request{word-wrap:break-word}section.developers .console pre{font-size:clamp( 		0.75rem, 		0.06vw + 0.74rem, 		0.81rem 	)}section.developers .mobile-device{grid-column:19/24;grid-row:3/span 1;align-self:end}section.developers .mobile-device img{max-width:20.8333333333vw}section.developers::before{content:"";background-color:#fff;grid-column:1/9;grid-row:1/4;height:calc(85% + 12.5vw);align-self:end;margin-block-end:-12.5vw}@media screen and (min-width: 768px){section.developers .text-editor{grid-column:2/20;grid-row:2/span 1;align-self:start}section.developers .text-editor .wrap{overflow:visible;padding-block-end:clamp(10px,2vw,40px)}section.developers .text-editor .wrap pre code.highlight{transform:translateX(max(-3.125vw, -60px))}section.developers .console{grid-column:10/23;grid-row:2/span 1;align-self:end;position:relative;margin-block:0 calc(clamp(-60px,-6vw,-30px) - 30px)}section.developers .mobile-device{grid-row:2/span 1;align-self:start;position:relative;margin-block-start:clamp(-60px,-6vw,-30px)}section.developers::before{grid-row:1/3}}@media screen and (min-width: 1280px){section.developers{grid-template-rows:minmax(clamp(60px, 6.25vw, 100px), 1fr) auto minmax(clamp(60px, 6.25vw, 100px), 1fr);padding-block:0;align-items:center}section.developers hgroup{grid-column:16/22;grid-row:2/span 1}section.developers .text-editor{grid-column:2/12;margin-block:4.1666666667vw 8.3333333333vw}section.developers .console{grid-column:8/span 7;margin-block:0}section.developers .mobile-device{grid-column:11/14;margin-block-start:0}section.developers .mobile-device img{max-width:max-content}section.developers::before{grid-row:2/span 2;margin-block:0;height:calc(100% + clamp(30px,6vw,60px)/2)}}@media screen and (min-width: 1440px){section.speed-and-accuracy .tab{grid-column:4/22;gap:4.16vw;padding-inline:8.33vw}}@media screen and (min-width: 1920px){section.developers .text-editor{grid-column:2/12}section.developers .console{grid-column:7/13}}@media screen and (min-width: 2560px){section.developers .console{grid-column:6/13}}