@keyframes cssload-scale{0%{transform:scale(0)}90%{transform:scale(.7)}to{transform:scale(1)}}.s3ar-ui{position:relative;max-width:320px;min-height:120px;margin:0 auto;padding-top:250px}.s3ar-pause,.s3ar-play,.s3ar-start,.s3ar-stop,.s3ar-ui::before{position:absolute;top:50px;left:50%;width:180px;height:180px;margin-left:-90px;border-radius:50%}.s3ar-ui::before{content:"";background:#35a9e1}.s3ar-no-access .s3ar-timer,.s3ar-no-access.s3ar-ui::before{opacity:.25}.s3ar-pause,.s3ar-play,.s3ar-start,.s3ar-stop{opacity:0;transform:scale(.8);transition-property:opacity transform;transition-duration:.2s;transition-timing-function:ease}.s3ar-timer{position:absolute;top:0;left:0;right:0;color:#35a9e1;font-size:30px;text-align:center;opacity:.8}.s3ar-have-record.s3ar-is-playing .s3ar-pause,.s3ar-have-record.s3ar-isnt-playing .s3ar-play,.s3ar-no-record.s3ar-is-recording .s3ar-stop,.s3ar-no-record.s3ar-isnt-recording .s3ar-start{z-index:5;opacity:1;transform:scale(1)}.s3ar-svg{display:block;pointer-events:none;width:100px;height:100px;margin-top:40px;margin-left:40px;fill:#fff}.s3ar-play .s3ar-svg{margin-left:48px}.s3ar-perms{display:none;position:absolute;z-index:10;top:0;right:0;left:0;padding:100px 20px 50px}.s3ar-no-support-text,.s3ar-perms-text{padding:.5em;border:1px solid;color:#35a9e1;background:#fff;font-size:20px;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.2)}.s3ar-no-access .s3ar-do{pointer-events:none}.s3ar-no-access .s3ar-perms{display:block;pointer-events:auto}.s3ar-no-support{max-width:320px;margin:20px auto}.s3ar-do{cursor:pointer}.s3ar-audio{display:none}.s3ar-actions{display:none;text-align:center}.s3ar-have-record .s3ar-actions{display:block}.s3ar-discard,.s3ar-download{display:inline-block}.s3ar-discard,.s3ar-download,.s3ar-upload{margin:.25em .5em;padding:.25em .75em .2em;border:2px solid;border-radius:5px;outline:0;font-size:14px;font-weight:700;text-transform:uppercase;text-decoration:none}.s3ar-discard{color:#900}.s3ar-download{color:#35a9e1}.s3ar-upload{display:none;color:#fff;background:#35a9e1;border-color:#35a9e1}.s3ar-s3enabled .s3ar-upload{display:inline-block}.s3ar-have-upload .s3ar-upload{display:none!important}.s3ar-url{display:none;margin-top:20px;padding:0 20px;font-size:14px;text-align:left}.s3ar-have-error .s3ar-error,.s3ar-have-upload .s3ar-url,.s3ar-is-loading .s3ar-loader{display:block}.s3ar-url-label{display:block;color:#333;font-weight:700}.s3ar-url-field{width:100%;padding:.5em;border:1px dotted;outline:0;color:#333;background:#fff;box-shadow:none}.s3ar-error,.s3ar-loader{display:none;text-align:center}.s3ar-error{margin-top:20px;color:#900;font-size:14px}.s3ar-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9}.s3ar-loader::after{content:"";display:block;width:49px;height:49px;margin:111px auto 0;border:4px solid #fff;border-radius:50%;animation:cssload-scale 1035ms infinite linear}.s3ar-is-loading .s3ar-pause,.s3ar-is-loading .s3ar-play,.s3ar-is-loading .s3ar-start,.s3ar-is-loading .s3ar-stop{display:none}.s3ar-is-loading .s3ar-do{pointer-events:none}