.transition-screens{position:relative;width:540px;height:304px}.transition-screens img{display:block;position:absolute;top:0;left:0}.transition-screens img.screen{z-index:1}.transition-screens img.selected{z-index:2}.transition-screens #transition-shape{position:absolute;top:0;left:0;z-index:3}.transition-screens img.graphics{z-index:4}.transition-type ul{list-style-type:none;overflow:hidden;width:252px}.transition-type li{float:left;margin:5px 5px 0 5px}.transition-type li a{width:32px;height:32px;background-image:url("https://images.blackmagicdesign.com/images/products/atem/main/transitions-icons-sprite.png?_v=1460999809");background-size:576px 96px;display:block}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi){.transition-type li a{background-image:url("https://images.blackmagicdesign.com/images/products/atem/main/transitions-icons-sprite@2x.png?_v=1460999809")}}.transition-type li a.selected{cursor:default}.transition-type li:nth-child(1) a{background-position:0 0}.transition-type li:nth-child(2) a{background-position:-32px 0}.transition-type li:nth-child(3) a{background-position:-64px 0}.transition-type li:nth-child(4) a{background-position:-96px 0}.transition-type li:nth-child(5) a{background-position:-128px 0}.transition-type li:nth-child(6) a{background-position:-160px 0}.transition-type li:nth-child(7) a{background-position:-192px 0}.transition-type li:nth-child(8) a{background-position:-224px 0}.transition-type li:nth-child(9) a{background-position:-256px 0}.transition-type li:nth-child(10) a{background-position:-288px 0}.transition-type li:nth-child(11) a{background-position:-320px 0}.transition-type li:nth-child(12) a{background-position:-352px 0}.transition-type li:nth-child(13) a{background-position:-384px 0}.transition-type li:nth-child(14) a{background-position:-416px 0}.transition-type li:nth-child(15) a{background-position:-448px 0}.transition-type li:nth-child(16) a{background-position:-480px 0}.transition-type li:nth-child(17) a{background-position:-512px 0}.transition-type li:nth-child(18) a{background-position:-544px 0}.transition-type li:nth-child(1) a:hover{background-position:0 -32px}.transition-type li:nth-child(2) a:hover{background-position:-32px -32px}.transition-type li:nth-child(3) a:hover{background-position:-64px -32px}.transition-type li:nth-child(4) a:hover{background-position:-96px -32px}.transition-type li:nth-child(5) a:hover{background-position:-128px -32px}.transition-type li:nth-child(6) a:hover{background-position:-160px -32px}.transition-type li:nth-child(7) a:hover{background-position:-192px -32px}.transition-type li:nth-child(8) a:hover{background-position:-224px -32px}.transition-type li:nth-child(9) a:hover{background-position:-256px -32px}.transition-type li:nth-child(10) a:hover{background-position:-288px -32px}.transition-type li:nth-child(11) a:hover{background-position:-320px -32px}.transition-type li:nth-child(12) a:hover{background-position:-352px -32px}.transition-type li:nth-child(13) a:hover{background-position:-384px -32px}.transition-type li:nth-child(14) a:hover{background-position:-416px -32px}.transition-type li:nth-child(15) a:hover{background-position:-448px -32px}.transition-type li:nth-child(16) a:hover{background-position:-480px -32px}.transition-type li:nth-child(17) a:hover{background-position:-512px -32px}.transition-type li:nth-child(18) a:hover{background-position:-544px -32px}.transition-type li:nth-child(1) a.selected{background-position:0 -64px}.transition-type li:nth-child(2) a.selected{background-position:-32px -64px}.transition-type li:nth-child(3) a.selected{background-position:-64px -64px}.transition-type li:nth-child(4) a.selected{background-position:-96px -64px}.transition-type li:nth-child(5) a.selected{background-position:-128px -64px}.transition-type li:nth-child(6) a.selected{background-position:-160px -64px}.transition-type li:nth-child(7) a.selected{background-position:-192px -64px}.transition-type li:nth-child(8) a.selected{background-position:-224px -64px}.transition-type li:nth-child(9) a.selected{background-position:-256px -64px}.transition-type li:nth-child(10) a.selected{background-position:-288px -64px}.transition-type li:nth-child(11) a.selected{background-position:-320px -64px}.transition-type li:nth-child(12) a.selected{background-position:-352px -64px}.transition-type li:nth-child(13) a.selected{background-position:-384px -64px}.transition-type li:nth-child(14) a.selected{background-position:-416px -64px}.transition-type li:nth-child(15) a.selected{background-position:-448px -64px}.transition-type li:nth-child(16) a.selected{background-position:-480px -64px}.transition-type li:nth-child(17) a.selected{background-position:-512px -64px}.transition-type li:nth-child(18) a.selected{background-position:-544px -64px}.transition-instruction{position:absolute;width:172px;height:40px;top:119px;left:184px;z-index:4}.transition-instruction-pill{position:absolute;width:100%;height:100%;background-color:#000;border-radius:20px;opacity:0.75}.transition-instruction p{position:absolute;font-size:14px;line-height:40px;width:100%;color:#fff;text-align:center}