.main-container{display:flex;flex-wrap:wrap;gap:2rem;align-items:stretch;justify-content:center}.main-container .container{flex:1;padding:2rem;border:.1rem solid #ddd;border-radius:.8rem;background-color:#f9f9f9;display:flex;flex-direction:column;min-width:35rem;max-width:100%}.main-container .container:first-child{flex:1;max-width:43%}.main-container .container:last-child{flex:3;max-width:57%}.input-wrapper{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem;width:100%}.input-wrapper span{cursor:pointer;color:#f00;font-weight:bold}.input-wrapper span:hover{color:#8b0000}#jsonDisplay{flex-grow:1;height:50rem;font-size:1.4rem;font-family:monospace;background-color:#f5f5f5;border:.1rem solid #ccc;padding:1rem;white-space:pre-wrap;word-wrap:break-word;min-height:50rem}input,select{width:100%;padding:.6rem;font-size:1.4rem;border:.1rem solid #aeaeae;border-radius:.7rem}textarea{width:100%;padding:.6rem;font-size:1.4rem;border:.1rem solid #aeaeae;border-radius:.7rem;height:10rem;resize:vertical}.key{color:#a52a2a}.string{color:#008000}.boolean{color:#00f}.number{color:#800080}.null{color:#f00}.section-header{font-weight:bold;cursor:pointer;font-size:1.6rem;margin-top:1rem}.section-header span{margin-right:.5rem}.collapsible-content{display:none;padding:1rem;border:.1rem solid #ddd;margin-top:.5rem;border-radius:.6rem}.copy-token,.reset-button{cursor:pointer}.copy-done-icon{display:none}.button-container{display:flex;gap:1rem}.source-url-container{margin:1rem 0 3rem 0}.source-url-container .manifestUrlInput{font-size:1.4rem;border:.1rem solid #ddd;width:100%;border-radius:.8rem;color:#5c5c5c;height:5rem}.playback-container{margin-top:2rem;height:5rem}.play-button{margin-top:.5rem}.validation-error-message{color:#c60101}.add-policy-btn{float:right}.remove_entire_policy{float:right;font-size:1rem;padding:.4rem;margin:.3rem 0 .3rem 0}.remove_entire_policy:focus,.remove_entire_policy:active{outline:none !important;box-shadow:none !important}.test-vector-container select{font-size:1.6rem;border-radius:.8rem;border:.1rem solid #ddd;height:4.5rem;width:37rem;color:#fff;margin-bottom:1rem;background-color:#307bb3}.warningMessage{color:#535353;border-radius:.4rem;background-color:#fbf2c0;border:.1rem solid #f7dd4c;height:5rem;padding:1.3rem;margin-top:.5rem;display:none;font-size:1.4rem}.usagePolicy,.content-key-configurations{padding:1rem;border:.1rem solid #ddd;margin-top:.5rem;border-radius:.6rem;width:100%}.key_id{width:91.5%}.disclaimer-container{padding:1.5rem;margin-top:4rem;background-color:#f3f3f3;border-radius:8px;color:#333;font-size:14px;height:auto;text-align:justify;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.disclaimer-text{margin-top:.5rem}.information{position:relative;display:inline-block;padding:.3rem;cursor:pointer}.information .tooltiptext{visibility:hidden;width:25rem;background-color:#ddd;color:#505050;text-align:left;padding:1rem;border-radius:.6rem;position:absolute;z-index:1;transition:.6s;font-size:1.2rem}.tooltip-top{bottom:125%;left:50%;transform:translateX(-50%)}.tooltip-top::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:.6rem;border-style:solid;border-color:#ddd transparent transparent transparent}.information:hover .tooltiptext{visibility:visible}.dynamic-input{width:100%}.select2-container--default .select2-selection--single{background-color:#fff;border:.1rem solid #aeaeae;border-radius:.7rem;display:flex;align-items:center;padding:.6rem;box-sizing:border-box;font-size:1.4rem;width:100% !important;height:3.4rem}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#000;padding-left:.2rem;font-size:1.4rem;font-weight:normal !important}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#3f3f3f;font-weight:400}.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;top:50%;transform:translateY(-50%);right:.5rem}.select2-container--default.select2-container--focus .select2-selection--single{border:.2rem solid #186ed0}.select2-container .select2-dropdown{overflow:hidden}.select2-results__option{padding:.6rem .8rem;font-size:1.4rem;background-color:#f3f1f1}.select2-container{width:100% !important}.select2-container--default .select2-dropdown{border:.1rem solid #aeaeae;border-radius:.7rem;box-shadow:0 .4rem .6rem rgba(0,0,0,.15);margin-top:0}.checkbox{width:2rem;height:2rem;cursor:pointer}.checkbox-container-wrapper{display:flex;gap:1rem;width:100%}