:root{--screen-unit: 8px}.screen{position:relative;user-select:none}.screen:before{content:"";display:block;position:absolute;inset:0;background:top/cover var(--screen-content, var(--color-background)) no-repeat;filter:blur(calc(var(--screen-unit) * 4));opacity:.5;z-index:1}.screen>span{--icon-size: 64px;position:absolute;width:var(--icon-size);height:var(--icon-size);background:center/contain none no-repeat;z-index:3}.screen>div{position:relative;border:1px solid var(--hover-color);border-radius:var(--screen-unit);box-shadow:var(--card-shadow);overflow:hidden;z-index:2}.screen>div:after{content:"";display:block;aspect-ratio:16 / 9;background:top/cover var(--screen-content, var(--color-background)) no-repeat}.screen>div>:not(.screen-buttons){box-sizing:border-box;position:absolute;display:block;width:100%;height:calc(100% - 3 * var(--screen-unit));padding:calc(var(--screen-unit) * 2)}.screen>div>img:not(.screen-buttons){padding:18%;object-fit:contain}.screen-buttons{display:flex;padding:var(--screen-unit);gap:var(--screen-unit);background:var(--color-background);border-bottom:1px solid var(--hover-color)}.screen-buttons>div{width:var(--screen-unit);height:var(--screen-unit);border-radius:50%}.screen-buttons>div:nth-child(1){background:#ff5f56}.screen-buttons>div:nth-child(2){background:#ffbd2e}.screen-buttons>div:nth-child(3){background:#27c93f}.test-list{display:flex;flex-direction:column;gap:var(--border-radius);justify-content:center;color:var(--text-color-secondary)}.test-list>div{display:flex;gap:var(--border-radius);align-items:center;background:var(--color-background);padding:var(--border-radius);border:1px solid var(--hover-color);border-radius:calc(var(--border-radius) / 2)}.test-list>div:before{content:"";display:block;height:1.5em;width:1.5em;background:center/cover url(../../images/check_circle.svg) no-repeat}.test-list>div:nth-child(3):before{background-image:url(../../images/cached.svg);animation:2s spin infinite linear}.test-list>div:after{display:block}.test-list>div:nth-child(1):after{content:"Lint"}.test-list>div:nth-child(2):after{content:"Tests"}.test-list>div:nth-child(3):after{content:"Continuous Integration"}.test-header{gap:32px;align-items:center}.test-header>.screen{width:75%;justify-self:center}.material-list{margin-left:0;list-style-type:none}.material-list>li{background:url(../images/tool.svg) left center no-repeat}.material-list a{display:block;margin:0 0 0 -8px;padding:8px 0 8px 40px;color:var(--text-color-secondary);border-radius:var(--border-radius);text-decoration:none}.material-list a:hover{background-color:var(--hover-color)}