#encoder-selector .wrapper{width:1148px;min-height:510px;margin:11.2rem auto;position:relative}@media only screen and (max-width: 1200px){#encoder-selector .wrapper{width:calc(100% - 3.2rem);box-sizing:border-box;margin-left:1.6rem;margin-right:1.6rem;min-height:490px}}@media only screen and (max-width: 768px){#encoder-selector .wrapper{flex-wrap:wrap;margin:5.1rem 1.6rem}}#encoder-selector .wrapper .close{position:absolute;width:3.2rem;right:0;top:-4.8rem;cursor:pointer}#encoder-selector .selections{background:white;padding:4.8rem;margin-right:3.2rem;flex-basis:66.67%}@media only screen and (max-width: 768px){#encoder-selector .selections{padding:3.2rem;margin-right:0;flex-basis:100%;margin-bottom:1.6rem}}@media only screen and (max-width: 480px){#encoder-selector .selections{padding:2.4rem}}#encoder-selector .selections .desc{margin-bottom:4.8rem}#encoder-selector .selections__inner{height:100%}#encoder-selector .title{font-size:2rem;font-weight:700;color:#1e1e1e;margin-bottom:1.6rem}#encoder-selector .overview{background:white;padding:4.8rem;flex-basis:33.33%}@media only screen and (max-width: 768px){#encoder-selector .overview{padding:3.2rem;flex-basis:100%}}@media only screen and (max-width: 480px){#encoder-selector .overview{padding:2.4rem}}#encoder-selector .overview .desc{margin-bottom:3.2rem}#encoder-selector .options{margin-top:auto;flex-wrap:wrap}#encoder-selector .option{border-radius:6px;border:solid 1px #e6e6e6;padding:4rem;width:calc(50% - 1.6rem);box-sizing:border-box;cursor:pointer;position:relative}#encoder-selector .option:first-child,#encoder-selector .option:nth-child(3){margin-right:3.2rem}#encoder-selector .option:nth-child(n+3){margin-top:3.2rem}@media only screen and (max-width: 768px){#encoder-selector .option{padding:2.4rem}}#encoder-selector .option .img-wrapper{height:12.6rem;margin:0 auto 1.2rem;text-align:center}@media only screen and (max-width: 768px){#encoder-selector .option .img-wrapper{height:8.6rem}}#encoder-selector .option .img-wrapper img{height:100%}#encoder-selector .option .label{font-size:1.6rem;font-weight:700;color:#1e1e1e;margin:0 auto auto;text-align:center}#encoder-selector .option .label .info{margin-left:.8rem;height:2.2rem;width:2.2rem}@media only screen and (max-width: 992px){#encoder-selector .option .label .info{display:none}}#encoder-selector .option .label .info .icon{position:relative;user-select:none}#encoder-selector .option .label .info .icon .img-wrapper{padding:.8rem;width:1.8rem;height:1.8rem;position:absolute;top:50%;left:0;transform:translate(-40%,-50%)}#encoder-selector .option .label .info:hover .info-inner{display:block}#encoder-selector .option .label .info .info-inner{display:none;position:absolute;background:rgba(30,30,30,.7);top:0;left:0;width:100%;padding:1.6rem;z-index:1;font-size:1.4rem;font-weight:400;color:#fff;box-sizing:border-box;text-align:left}#encoder-selector .final{text-align:center}#encoder-selector .final .success{margin-top:8rem;margin-bottom:3.2rem;height:12.8rem;width:12.8rem;margin-left:auto;margin-right:auto}#encoder-selector .selected-options{margin-bottom:4rem}#encoder-selector .selected-option{padding:1.2rem 0}#encoder-selector .selected-option img,#encoder-selector .selected-option span{display:inline-block;margin-top:auto;margin-bottom:auto}#encoder-selector .selected-option .icon{width:3.2rem;height:3.2rem;margin-right:1.2rem}#encoder-selector .selected-option .success{width:3.2rem;height:3.2rem;margin-left:auto}#encoder-selector .actions{margin-top:auto}@media only screen and (max-width: 992px) and (min-width: 769px){#encoder-selector .actions{flex-wrap:wrap}}@media only screen and (max-width: 992px) and (min-width: 769px){#encoder-selector .actions .secondary{flex-basis:100%;text-align:center;margin-bottom:1.2rem}}#encoder-selector .actions .primary{margin-left:auto}@media only screen and (max-width: 992px) and (min-width: 769px){#encoder-selector .actions .primary{flex-basis:100%;text-align:center}}