.transition__screens{position:relative}.transition__screens .transition__frame,.transition__screens .transition__graphics{position:absolute;top:0;left:0}.transition__screens .transition__frame{z-index:1}.transition__screens .transition__graphics{z-index:4}.transition__screens #transition__shape{position:absolute;top:0;left:0;z-index:3}.transition__screens .selected{z-index:2}.transition__screens .transition__instruction{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:0 20px;background-color:rgba(0,0,0,0.8);border-radius:2px;font-size:14px;line-height:40px;font-weight:300;color:#fff;white-space:nowrap;z-index:4}@media only screen and (min-width: 561px){.transition__screens .transition__instruction{padding:0 40px}}.transition__types{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:300px;margin:15px auto 0 auto;z-index:2}@media only screen and (min-width: 768px){.transition__types{max-width:450px}}.transition__types .transition__type{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:40px;height:40px;margin:5px;background-image:url(https://images.blackmagicdesign.com/images/products/atem/main/transitions.svg?_v=1503630108);background-size:720px 80px;border-radius:2px}.transition__types .transition__type.selected{border:1px solid #f5a623}.transition__types .transition__type:nth-child(1){background-position:0px 0px}.transition__types .transition__type:nth-child(2){background-position:-40px 0px}.transition__types .transition__type:nth-child(3){background-position:-80px 0px}.transition__types .transition__type:nth-child(4){background-position:-120px 0px}.transition__types .transition__type:nth-child(5){background-position:-160px 0px}.transition__types .transition__type:nth-child(6){background-position:-200px 0px}.transition__types .transition__type:nth-child(7){background-position:-240px 0px}.transition__types .transition__type:nth-child(8){background-position:-280px 0px}.transition__types .transition__type:nth-child(9){background-position:-320px 0px}.transition__types .transition__type:nth-child(10){background-position:-360px 0px}.transition__types .transition__type:nth-child(11){background-position:-400px 0px}.transition__types .transition__type:nth-child(12){background-position:-440px 0px}.transition__types .transition__type:nth-child(13){background-position:-480px 0px}.transition__types .transition__type:nth-child(14){background-position:-520px 0px}.transition__types .transition__type:nth-child(15){background-position:-560px 0px}.transition__types .transition__type:nth-child(16){background-position:-600px 0px}.transition__types .transition__type:nth-child(17){background-position:-640px 0px}.transition__types .transition__type:nth-child(18){background-position:-680px 0px}.transition__types .transition__type.selected:nth-child(1){background-position:-1px -41px}.transition__types .transition__type.selected:nth-child(2){background-position:-41px -41px}.transition__types .transition__type.selected:nth-child(3){background-position:-81px -41px}.transition__types .transition__type.selected:nth-child(4){background-position:-121px -41px}.transition__types .transition__type.selected:nth-child(5){background-position:-161px -41px}.transition__types .transition__type.selected:nth-child(6){background-position:-201px -41px}.transition__types .transition__type.selected:nth-child(7){background-position:-241px -41px}.transition__types .transition__type.selected:nth-child(8){background-position:-281px -41px}.transition__types .transition__type.selected:nth-child(9){background-position:-321px -41px}.transition__types .transition__type.selected:nth-child(10){background-position:-361px -41px}.transition__types .transition__type.selected:nth-child(11){background-position:-401px -41px}.transition__types .transition__type.selected:nth-child(12){background-position:-441px -41px}.transition__types .transition__type.selected:nth-child(13){background-position:-481px -41px}.transition__types .transition__type.selected:nth-child(14){background-position:-521px -41px}.transition__types .transition__type.selected:nth-child(15){background-position:-561px -41px}.transition__types .transition__type.selected:nth-child(16){background-position:-601px -41px}.transition__types .transition__type.selected:nth-child(17){background-position:-641px -41px}.transition__types .transition__type.selected:nth-child(18){background-position:-681px -41px}