#dialog-no-flash .dialog-main .info{font-style:italic;color:#999;font-size:15px;margin:0;line-height:22px}#dialog-no-flash .marker{display:block;width:36px;height:36px;position:absolute;left:88px;top:29px;border:2px solid #e61b1b;border-radius:20px;animation:marker 1s ease-in-out infinite alternate;box-shadow:#fff 0 0 10px 5px}#dialog-no-flash .chrome-step-1{background:url('https://static.ising.pl/harmonica/images/dialogs/no-flash/chrome-step-1.png') no-repeat;width:100%;height:66px;background-size:cover;position:relative;margin:20px 0}#dialog-no-flash .chrome-step-1 .chrome-title{font-size:12px;width:138px;display:block;overflow:hidden;text-overflow:clip;white-space:nowrap;position:absolute;font-family:'Segoe UI';top:2px;left:44px;cursor:default;-webkit-user-select:none}#dialog-no-flash .chrome-step-1 .chrome-title:after{background:linear-gradient(to right, rgba(255,255,255,0) 0%, #f2f2f2 60%);position:absolute;top:0;right:0;display:block;content:"";z-index:100;width:20px;height:23px}#dialog-no-flash .chrome-step-1 .chrome-url{font-size:14px;display:block;overflow:hidden;text-overflow:clip;white-space:nowrap;position:absolute;font-family:'Segoe UI';top:35px;left:300px;right:0;color:#7f7f7f;cursor:default;-webkit-user-select:none}#dialog-no-flash .chrome-step-1 .chrome-url:after{background:linear-gradient(to right, rgba(255,255,255,0) 0%, #FFF 60%);position:absolute;top:0;right:0;display:block;content:"";z-index:100;width:20px;height:23px}#dialog-no-flash .chrome-step-1 .marker{width:36px;height:36px;left:88px;top:29px}#dialog-no-flash .step-2{display:none}#dialog-no-flash .chrome-step-2{background:url('https://static.ising.pl/harmonica/images/dialogs/no-flash/chrome-step-2.png') no-repeat;width:373px;height:320px;background-size:cover;position:relative;margin:20px auto}#dialog-no-flash .chrome-step-2 .marker{width:86px;height:36px;right:6px;top:150px;left:auto}#flash-tips{position:fixed;top:0;color:red;left:0;z-index:5000;font-size:18px}#flash-tips .step{position:absolute;background:red;width:30px;height:30px;text-align:center;line-height:30px;border-radius:30px;color:#FFF}#flash-tips .step .icon{top:6px}#flash-tips .step-1{top:10px;left:90px;animation:moveUp 1s ease-in-out infinite alternate}#flash-tips .step-2{display:none;top:318px;left:515px;animation:moveLeft 1s ease-in-out infinite alternate}#flash-tips.mac .step-2{top:355px;left:415px}@media (max-width:1000px){#flash-tips .step-2{display:none !important}}@keyframes marker{0%{transform:scale(1)}100%{transform:scale(1.3)}}@keyframes moveUp{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}@keyframes moveLeft{0%{transform:translateX(0)}100%{transform:translateX(-10px)}}.dialog-ising-plus .dialog-content{width:560px;background-color:#FFF;transition:.1s ease-out}.dialog-ising-plus .dialog-content .dialog-header{padding:0 30px}.dialog-ising-plus .dialog-main{padding:24px 28px 29px;font-size:15px;line-height:22px;text-align:center}.dialog-ising-plus .dialog-main h1{font-size:28px;font-weight:800;margin:0 0 10px}.dialog-ising-plus .dialog-main .desc{max-width:450px;margin:0 auto}.dialog-ising-plus .dialog-main .desc p:last-child{margin-bottom:0}.dialog-ising-plus .about-feature .btn:first-child{margin-left:0}.dialog-ising-plus .dialog-buttons{padding:0;margin:21px 0 0;text-align:center}.dialog-ising-plus .artist-notice{padding:16px 20px;border-top:1px solid #EEE;color:#999;font-size:12px;line-height:19px;text-align:center}.dialog-ising-plus .artist-notice a{color:#565656;transition:.2s ease-out}.dialog-ising-plus .artist-notice:hover a{color:#0D6BFF}@media (max-width:767px){.dialog-ising-plus .dialog-content{width:auto;margin:10px}.dialog-ising-plus .dialog-main{padding:10px}.dialog-ising-plus .dialog-main h1{font-size:18px;line-height:30px;margin:8px 0 10px;font-weight:bold}.dialog-ising-plus .dialog-main p{font-size:13px;line-height:18px}.dialog-ising-plus .dialog-main .icon{float:none;display:block;text-align:center}.dialog-ising-plus .dialog-main .desc{width:auto;margin:0 10px 10px;text-align:center}.dialog-ising-plus .dialog-buttons{padding:0 10px 10px;text-align:center}}#recorder{background:#000;position:relative;overflow:hidden}#recorder .recorder-wrapper{position:static;width:100%;height:600px}#recorder.app-visible.app-visible-record #app{display:none}#recorder.app-visible.app-visible-play #app{display:block}#recorder .preroll{background:#EEE;position:absolute;z-index:1000;width:100%;height:600px;left:0;top:0;display:none;text-align:center;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:pointer}#recorder .preroll .clickarea{position:absolute;top:0;left:0;right:0;bottom:0;display:block;cursor:pointer;z-index:30}#recorder .preroll .clickarea.clickarea-left{width:50%;right:auto;left:0}#recorder .preroll .clickarea.clickarea-right{width:50%;left:auto;right:0}#recorder .preroll .loader{pointer-events:none;cursor:default;width:342px;height:78px;margin:0 auto;position:absolute;z-index:20;bottom:0;left:50%;margin-left:-171px;background:rgba(0,0,0,0.8);border-top-left-radius:4px;border-top-right-radius:4px;color:#FFF;text-align:center;padding:0 22px;box-sizing:border-box}#recorder .preroll .loader .loading-label{font-size:16px;font-weight:400;text-transform:none}#recorder .preroll .loader .progress{margin:22px 0 10px;border-radius:20px;width:100%;height:12px;background:#0d0d0d;position:relative;opacity:1}#recorder .preroll .loader .progress span{position:absolute;border-radius:20px;height:12px;background:#FFF;width:0;left:0}#recorder .preroll iframe{width:990px;height:500px;overflow:hidden;margin:0 auto;position:relative;z-index:10;border:0;cursor:pointer}#recorder .preroll .media{width:1920px;height:600px;overflow:hidden;top:50%;left:50%;margin:-300px -960px 0;position:absolute;z-index:10;border:0;cursor:pointer;background-size:100%}#recorder .preroll .pixel{position:absolute;z-index:1;opacity:0;left:-1px;top:-1px}#recorder.preroll-visible{height:600px}#recorder.preroll-visible object{visibility:hidden !important}#recorder.has-error{height:auto}#recorder.app-hidden #flashApp{width:1px;height:1px;top:0;position:absolute;left:-10px}#recorder .recorder-error{color:#fff;color:rgba(255,255,255,0.75);font-size:16px;line-height:24px;margin:185px auto;text-align:center;width:620px}#recorder .recorder-error h1{color:#FFF;font-weight:600;font-size:24px;line-height:32px;margin-bottom:15px}#recorder .recorder-error .button{margin-top:20px}#recorder .recorder-error.recorder-noscript{margin-top:200px}#recorder.active #start-screen{display:none}#start-screen{width:100%;background:#26252B;overflow:hidden}#start-screen .bg{-webkit-mask-box-image:linear-gradient(80deg, rgba(255,255,255,0) 45%, rgba(255,255,255,0.16) 53%, rgba(255,255,255,0.4) 57%, rgba(255,255,255,0.75) 62%, #fff 70%, #fff 73%);width:1920px;overflow:hidden;height:650px;position:absolute;top:0;left:50%;margin-left:-960px}#start-screen .bg .image{transform-style:preserve-3d;position:absolute;width:1200px;height:714px;margin-top:-385px;top:50%;right:0;opacity:.4;animation:fadein .35s ease-out}#start-screen .bg .image.image-cover{top:50%;margin-top:-600px;background-size:cover;height:1200px}#start-screen .bg .image.image-artist{opacity:.3;background-size:cover}#start-screen .song-settings .btn{box-shadow:rgba(0,0,0,0.7) 0 0 1px 0;border-radius:6px;background-repeat:repeat;float:left;line-height:23px;padding:15px 28px 16px 22px;border:0;height:54px;color:#FFF}#start-screen .song-settings .btn .icon{font-size:30px;float:left;margin-right:13px;width:20px;height:20px}#start-screen .song-settings .btn .icon.icon-record{color:#ff253f;font-size:25px;left:-2px;top:-1px}#start-screen .song-settings .btn .icon.icon-play{top:-3px}#start-screen .song-settings .buttons{padding-top:10px;text-align:left}#start-screen .song-settings .or{font-size:13px;color:rgba(255,255,255,0.5);font-weight:bold;text-transform:uppercase;float:left;line-height:20px;margin:17px 21px}#start-screen .song-settings .options{color:#FFF;font-size:14px;margin:20px 0 0;width:378px}#start-screen .song-settings .options li.option{height:31px;margin:10px 0}#start-screen .song-settings .options li.option:before,#start-screen .song-settings .options li.option:after{content:" ";display:table}#start-screen .song-settings .options li.option:after{clear:both}#start-screen .song-settings .options label{float:left;font-size:14px;line-height:31px;color:rgba(255,255,255,0.9)}#start-screen .song-settings .options .select{float:right}#start-screen .song-settings .options .select select,#start-screen .song-settings .options .select .selectize-input{cursor:pointer;border-radius:4px;background-color:rgba(255,255,255,0.25);box-shadow:0 0 1px 0 rgba(0,0,0,0.7);width:170px;height:31px;z-index:455;border:0;text-transform:uppercase;font-weight:bold;color:rgba(255,255,255,0.9);line-height:11px;padding-bottom:1px;transition:.1s ease-out;font-size:12px;text-align:left;padding-left:11px;-webkit-appearance:none;-moz-appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#start-screen .song-settings .options .select select:hover,#start-screen .song-settings .options .select .selectize-input:hover,#start-screen .song-settings .options .select select:active,#start-screen .song-settings .options .select .selectize-input:active,#start-screen .song-settings .options .select select:focus,#start-screen .song-settings .options .select .selectize-input:focus{background-color:rgba(255,255,255,0.32);outline:none;text-decoration:none}#start-screen .song-settings .options .select select.dropdown-active,#start-screen .song-settings .options .select .selectize-input.dropdown-active{background-color:rgba(255,255,255,0.32)}#start-screen .song-settings .options .select select .item,#start-screen .song-settings .options .select .selectize-input .item{margin:2px 1px}#start-screen .song-settings .options .select select{-webkit-appearance:none;padding-left:12px}#start-screen .song-settings .options .select .selectize-dropdown{border:0;box-shadow:rgba(0,0,0,0.15) 0 2px 8px,rgba(0,0,0,0.5) 0 0 0 1px;margin-top:1px}#start-screen .song-settings .options .select.melody-line .selectize-dropdown{width:260px !important;left:auto !important;right:0}#start-screen .song-settings .options .select.song-key .selectize-dropdown .option .desc .title{font-weight:normal}#start-screen .song-settings .options .select.disabled select,#start-screen .song-settings .options .select.disabled .selectize-input{cursor:default;background-color:rgba(255,255,255,0.25);color:rgba(255,255,255,0.5)}#start-screen .song-settings .options .select.disabled:before{color:rgba(255,255,255,0.4)}#start-screen .song-settings.standalone{z-index:10;background:rgba(255,255,255,0.85);width:458px;height:220px;padding:20px 40px 30px 40px;box-sizing:border-box;border-radius:6px;top:50%;left:50%;position:absolute;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#start-screen .song-settings.standalone .btn{box-shadow:none}#start-screen .song-settings.standalone .or{color:rgba(0,0,0,0.5)}#start-screen .song-settings.standalone .options label{color:rgba(0,0,0,0.85)}#start-screen .song-settings.standalone .options .select{color:rgba(0,0,0,0.85)}#start-screen .song-settings.standalone .options .select select,#start-screen .song-settings.standalone .options .select .selectize-input{background-color:rgba(255,255,255,0.85);color:rgba(0,0,0,0.85)}#start-screen:after{content:"";background:url('../../images/song/overlay.png') no-repeat 50% 0;background:-webkit-linear-gradient(-60deg, rgba(0,0,0,0.35) 16%, rgba(0,0,0,0) 50%);width:100%;height:650px;left:0;top:0;position:absolute;z-index:5;pointer-events:none}@-moz-document url-prefix(){#start-screen .bg{mask-image:url('../../images/song/mask.png') !important}}#recording-edit{display:none}#recording-edit .row-box{min-height:500px;position:relative}@keyframes fadein{from{opacity:0}to{opacity:.4}}#app{position:absolute;width:100%;height:100%;display:none;background:#000}#app .loader{z-index:100;display:none;pointer-events:none}#app #background{background-position:50%;background-repeat:no-repeat;background-size:cover}#app #background .background-mask{background:rgba(0,0,0,0.3);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}#app #background .background-logo{position:absolute;right:20px;top:20px;pointer-events:none;display:none;opacity:0;transition:opacity .3s ease}#app.buffering .loader{display:block}#app.loading .song-for-plus-info{display:none}#app .canvas{position:absolute;bottom:63px;left:0;width:100%;height:100%;z-index:10}#app .canvas .blink{background-color:rgba(0,0,0,0.4);border-radius:10px;color:#fff;display:none;font-size:100px;height:1.2em;left:50%;line-height:1em;margin:-0.6em 0 0 -0.6em;opacity:0;position:absolute;text-align:center;top:50%;width:1.2em;z-index:1000;transform:scale(.6)}#app .canvas .blink .icon{margin-top:9px}#app .canvas .blink.animated{display:block;animation:fadeInAndScale .6s cubic-bezier(.35, .65, .43, .96)}#app .app-wrapper{margin:0 auto;height:63px;position:absolute;z-index:35;bottom:0;transform:translate3d(-50%, 0, 0);left:50%}@media (max-width:991px){#app .app-wrapper{width:100%}}#app .control-bar{position:absolute;left:0px;bottom:0;width:100%;height:100px;opacity:0;-webkit-transition:.15s cubic-bezier(.35, .65, .43, .96);-o-transition:.15s cubic-bezier(.35, .65, .43, .96);transition:.15s cubic-bezier(.35, .65, .43, .96);pointer-events:none;-webkit-user-select:none;-webkit-backface-visibility:hidden}#app .control-bar .interface{padding:0 5px;height:63px;position:relative;bottom:-36px;pointer-events:all}#app .control-bar .progressbar{height:20px;position:relative;top:5px;cursor:pointer}#app .control-bar .progressbar .progressbar-padding{position:absolute;width:100%;height:20px;bottom:0;z-index:28}#app .control-bar .progressbar .rangeslider{height:20px;width:100%;margin-top:-7px}#app .control-bar .progressbar .track{height:5px;width:100%;background:rgba(255,255,255,0.3);border-radius:3px;position:absolute;left:0;z-index:10;top:7px}#app .control-bar .progressbar .played{top:0;height:5px;width:100%;background:#2eb5f1;background:#6bd5f8;background:#0D6BFF;border-radius:3px;position:absolute;left:0;width:0;z-index:20}#app .control-bar .progressbar .buffer{top:7px;height:5px;width:100%;background:rgba(255,255,255,0.5);border-radius:3px;position:absolute;left:0;width:0;z-index:5;pointer-events:none}#app .control-bar .progressbar .ghost-buffer{top:0;height:5px;width:100%;background:rgba(255,255,255,0.35);border-radius:3px;position:absolute;left:0;width:0;z-index:15;opacity:0;transition:.2s cubic-bezier(.35, .65, .43, .96);transition-delay:0;pointer-events:none}#app .control-bar .progressbar .handle{border-radius:20px;width:20px;height:20px;background:#FFF;box-shadow:rgba(0,0,0,0.3) 0 1px 3px;position:absolute;left:0;z-index:25;top:-7px}#app .control-bar .progressbar .handle:active{background:#EEE}#app .control-bar .progressbar .time{opacity:0;transition:.2s cubic-bezier(.35, .65, .43, .96);background:rgba(69,69,69,0.92);background:rgba(0,0,0,0.75);color:rgba(255,255,255,0.85);border-radius:3px;position:absolute;font-size:11px;bottom:16px;left:0;padding:4px 6px;margin-left:-17px;pointer-events:none;transition-delay:0}#app .control-bar .progressbar:hover .time,#app .control-bar .progressbar:active .time{opacity:.999;transition:none;transition-delay:.25s}#app .control-bar .progressbar:hover .ghost-buffer,#app .control-bar .progressbar:active .ghost-buffer{opacity:1;transition:none;transition-delay:.25s}#app .control-bar .progressbar.active .ghost-buffer{display:none}#app.fullscreen-progress .control-bar .progressbar{overflow:hidden}#app .buttons{height:40px;position:relative;bottom:-1px}#app .buttons .time{cursor:default;line-height:38px;float:left;color:#a9a9a9;font-size:13px;margin-left:20px;opacity:.999}#app .buttons .time .current{color:#EEE}#app .buttons .volume-dropdown{float:left}#app .buttons .btn-wrapper{float:left;position:relative}#app .buttons .btn-wrapper .tooltip{opacity:0;background-color:rgba(69,69,69,0.92);color:rgba(255,255,255,0.85);border-radius:3px;position:absolute;font-size:12px;top:-34px;padding:7px 12px;pointer-events:none;transform:translate3d(-50%, 3px, 0);margin-left:50%;white-space:nowrap;-webkit-transition:all .2s cubic-bezier(.35, .65, .43, .96);-o-transition:all .2s cubic-bezier(.35, .65, .43, .96);transition:all .2s cubic-bezier(.35, .65, .43, .96)}#app .buttons .btn-wrapper .tooltip:after{content:"";width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:rgba(69,69,69,0.92) transparent transparent transparent;position:absolute;bottom:-5px;left:50%;margin-left:-3px;margin-left:-2.5px}#app .buttons .btn-wrapper:hover .tooltip{opacity:1;transform:translate3d(-50%, 0, 0)}@media (max-width:991px){#app .buttons .btn-wrapper.fullscreen{display:none}}#app .buttons .btn-wrapper.fullscreen .tooltip{right:0;transform:translate3d(0, 3px, 0)}#app .buttons .btn-wrapper.fullscreen .tooltip:after{left:auto;right:21px}#app .buttons .btn-wrapper.fullscreen:hover .tooltip{transform:translate3d(0, 0, 0)}#app .buttons .buttons:hover .btn-wrapper .tooltip{transform:translate3d(0, 0, 0)}#app .buttons .btn{background:none;border:0;box-shadow:none;color:rgba(255,255,255,0.95);transition:.15s cubic-bezier(.35, .65, .43, .96);float:left;height:34px;padding:7px 22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app .buttons .btn .label{font-size:13px;opacity:.999}#app .buttons .btn .icon{font-size:25px;top:-2px;margin:0 -10px;width:25px}#app .buttons .btn.ising{padding:3px 10px}#app .buttons .btn.ising svg{fill:#FFF;width:64px;height:30px}#app .buttons .btn.btn-md{height:40px;padding:9px 29px}#app .buttons .btn:hover{color:#FFF;background:rgba(255,255,255,0.22)}#app .buttons .btn:active{color:#FFF;background:rgba(255,255,255,0.22);opacity:.85}#app .buttons .sing{position:relative}#app .buttons .sing .icon{font-size:22px;top:-1px}#app #player-cancel{font-size:14px;text-transform:uppercase;padding:9px 23px}#app #player-toggle-play .icon-play{display:block}#app #player-toggle-play .icon-reload,#app #player-toggle-play .icon-pause{display:none}#app #player-toggle-fullscreen .icon-fullscreen{display:block}#app #player-toggle-fullscreen .icon-fullscreen-exit{display:none}#app .ui-gradient{background-repeat:repeat-x;background-position:0 100%;position:absolute;pointer-events:none;-webkit-transition:.2s cubic-bezier(.35, .65, .43, .96);-o-transition:.2s cubic-bezier(.35, .65, .43, .96);transition:.2s cubic-bezier(.35, .65, .43, .96);-webkit-user-select:none;-webkit-backface-visibility:hidden;left:0;height:100px;width:100%;z-index:15;opacity:0}#app .ui-gradient.ui-gradient-top{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNpiYmBgWM0EJP6DiH+4WAjiL16xv1i4aBJ/SdGGUxanyURYid+if6QQ/7EEGIJgICyGTcl/UrRBABMpBECAAQA4N1PIbKxNmwAAAABJRU5ErkJggg==');top:0;opacity:0}#app .ui-gradient.ui-gradient-bottom{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlJREFUeNpiYgACJrIIRlwsbFycBBHasIkxYeESSzDj4jLj4uIUI0IvsRbhtxK/Nia8YmgBxgQQYABACgFzcEA70wAAAABJRU5ErkJggg==');bottom:0}#app .tooltip{margin-top:-10px}#app .tooltip .tooltip-inner{color:rgba(255,255,255,0.85);border-radius:3px;font-size:12px;background-color:rgba(69,69,69,0.92);padding:7px 12px;white-space:nowrap}#app .tooltip .tooltip-arrow{border-top-color:rgba(69,69,69,0.92)}#app .tooltip:hover .tooltip{transform:translate3d(0, 0, 0)}#app #karaoke-canvas{height:100%;outline:none;width:100%;max-width:1214px;margin:0 auto;position:absolute;transform:translate3d(-50%, 0, 0);left:50%;top:0;z-index:5}#app #karaoke-canvas canvas{max-height:100%;margin:-32px 0 0 !important;position:relative;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media (max-width:991px){#app #karaoke-canvas canvas{width:100%}}#app .volume-dropdown .btn .icon{font-size:32px;left:-3px;top:-6px}#app .volume-dropdown .dropdown-menu{background-color:rgba(69,69,69,0.92);bottom:0;transform:translate3d(0, 3px, 0);box-sizing:border-box;box-shadow:none;border:0;border-radius:4px;display:block;left:0;min-width:49px;margin-bottom:14px;position:absolute;opacity:0;padding:10px 0;top:auto;width:100%;visibility:hidden;bottom:39px;-webkit-transition:all 200ms cubic-bezier(.35, .65, .43, .96);-o-transition:all 200ms cubic-bezier(.35, .65, .43, .96);transition:all 200ms cubic-bezier(.35, .65, .43, .96)}#app .volume-dropdown .dropdown-menu:after{bottom:-16px;content:' ';display:none;height:16px;left:0;position:absolute;width:100%}#app .volume-dropdown .rangeslider{cursor:pointer;background-color:transparent;display:block;margin:0 auto;position:relative}#app .volume-dropdown .rangeslider .fill{background-color:#2eb5f1;border-radius:10px;margin-left:15px;position:absolute;z-index:2}#app .volume-dropdown .rangeslider .handle{background-color:#fff;border:0 solid transparent;border-radius:4px;box-shadow:1px 0 3px 0 rgba(0,0,0,0.3);cursor:pointer;display:inline-block;height:12px;position:absolute;width:34px;z-index:3}#app .volume-dropdown .rangeslider .handle:active{background-color:#EEE}#app .volume-dropdown .rangeslider:after{background-color:#6a6a6a;border-radius:4px;content:' ';display:block;height:100%;left:15px;width:5px;position:absolute;z-index:1}#app .volume-dropdown .rangeslider.vertical{width:34px;height:112px}#app .volume-dropdown .rangeslider.vertical .fill{bottom:0;width:5px}#app .volume-dropdown .rangeslider.vertical .handle{left:0px;touch-action:pan-x;-ms-touch-action:pan-x}#app .volume-dropdown.hover .btn,#app .volume-dropdown:hover .btn{background-color:rgba(255,255,255,0.22)}#app .volume-dropdown.hover .btn:before,#app .volume-dropdown:hover .btn:before{display:block}#app .volume-dropdown.hover .dropdown-menu,#app .volume-dropdown:hover .dropdown-menu{transform:translate3d(0, 0, 0);opacity:1;visibility:visible}#app .volume-dropdown.hover .dropdown-menu:after,#app .volume-dropdown:hover .dropdown-menu:after{display:block}#app .pitch-dropdown .btn span{background-color:#fff;border-radius:3px;color:#343434;display:inline-block;font-size:14px;height:20px;line-height:20px;font-weight:400;vertical-align:top;text-align:center;width:28px;margin:0 -10px}#app .pitch-dropdown .dropdown-header{color:#fff;display:block;font-size:10px;font-weight:700;line-height:10px;padding:0;text-align:center;text-transform:uppercase;white-space:nowrap}#app .pitch-dropdown .dropdown-header:first-child{padding-bottom:10px}#app .pitch-dropdown .dropdown-menu{text-align:center;background-color:rgba(69,69,69,0.92);bottom:0;transform:translate3d(0, 3px, 0);box-sizing:border-box;box-shadow:none;border:0;border-radius:4px;display:block;left:0;min-width:49px;margin-bottom:14px;position:absolute;opacity:0;padding:10px 0;top:auto;width:100%;visibility:hidden;bottom:39px;-webkit-transition:all 200ms cubic-bezier(.35, .65, .43, .96);-o-transition:all 200ms cubic-bezier(.35, .65, .43, .96);transition:all 200ms cubic-bezier(.35, .65, .43, .96)}#app .pitch-dropdown .dropdown-menu li a{display:block;padding:4px 20px;clear:both;font-weight:400;line-height:20px;color:#fff;white-space:nowrap;text-align:center}#app .pitch-dropdown .dropdown-menu li a:hover,#app .pitch-dropdown .dropdown-menu li a:focus{background-color:rgba(255,255,255,0.175);text-decoration:none}#app .pitch-dropdown .dropdown-menu li a.active{background-color:#fff;color:#000;outline:0}#app .pitch-dropdown .dropdown-menu:after{bottom:-16px;content:' ';display:none;height:16px;left:0;position:absolute;width:100%}#app .pitch-dropdown.hover .btn,#app .pitch-dropdown:hover .btn{background-color:rgba(255,255,255,0.22)}#app .pitch-dropdown.hover .btn:before,#app .pitch-dropdown:hover .btn:before{display:block}#app .pitch-dropdown.hover .dropdown-menu,#app .pitch-dropdown:hover .dropdown-menu{transform:translate3d(0, 0, 0);opacity:1;visibility:visible}#app .pitch-dropdown.hover .dropdown-menu:after,#app .pitch-dropdown:hover .dropdown-menu:after{display:block}#app .song-for-plus-info{background-color:rgba(0,0,0,0.5);bottom:80px;border-radius:8px;color:#fff;display:block;max-width:100%;text-align:center;position:absolute;white-space:nowrap;z-index:60;left:50%;transform:translate3d(-50%, 0, 0);cursor:default;animation:fade-up-center 1000ms cubic-bezier(.35, .65, .43, .96)}#app .song-for-plus-info p{font-size:18px;line-height:24px;margin:0 auto;padding:12px 40px}#app .song-for-plus-info a{color:#6BD5F8;font-weight:600;margin:0 3px;transition:color .1s ease-out;text-decoration:none}#app .song-for-plus-info a:hover{color:#EEE}#app .song-for-plus-info a:last-child{margin-right:0}#app.playing #player-toggle-play .icon-play{display:none}#app.playing #player-toggle-play .icon-pause{display:block}#app.paused #player-toggle-play .icon-play{display:block}#app.paused #player-toggle-play .icon-pause{display:none}#app.fullscreen .app-wrapper{max-width:100%;width:100%}#app.fullscreen #background .background-logo{display:block;opacity:1;transition-delay:1s}#app.fullscreen #karaoke-canvas canvas{max-width:100%}#app.fullscreen .control-bar{max-width:100%}#app.fullscreen .control-bar .interface{padding:0 12px}#app.fullscreen #player-toggle-fullscreen .icon-fullscreen{display:none}#app.fullscreen #player-toggle-fullscreen .icon-fullscreen-exit{display:block}#app.embed .embed-title,#app.embed .ui-gradient{opacity:1}#app.embed .start-screen{display:block}#app.finished #player-bg{display:none}#app.finished #player-toggle-play .icon-reload{display:block}#app.finished #player-toggle-play .icon-play,#app.finished #player-toggle-play .icon-pause{display:none}#app.ui-visible .embed-title,#app.ui-visible-forced .embed-title{opacity:1;display:block}#app.ui-visible .ui-gradient-bottom,#app.ui-visible-forced .ui-gradient-bottom,#app.ui-visible .recording-title-standalone,#app.ui-visible-forced .recording-title-standalone,#app.ui-visible .control-bar,#app.ui-visible-forced .control-bar{opacity:1}#app.ui-visible .branding,#app.ui-visible-forced .branding{display:none}#app.ui-visible.fullscreen .ui-gradient-top,#app.ui-visible-forced.fullscreen .ui-gradient-top,#app.ui-visible.has-embed-title .ui-gradient-top,#app.ui-visible-forced.has-embed-title .ui-gradient-top{opacity:1}#app.ui-invisible .ui-gradient-bottom,#app.ui-invisible .control-bar{opacity:0 !important}#app.ui-invisible.fullscreen .ui-gradient-top{opacity:0 !important}#app.loading #player-bg{display:none}#app.loading .progressbar .time,#app.loading .progressbar .ghost-buffer{display:none}@-webkit-keyframes fadeInAndScale{0%{-webkit-transform:scale(.6);opacity:1}100%{-webkit-transform:scale(1);opacity:0}}@keyframes fadeInAndScale{0%{display:block;transform:scale(.6);opacity:1}100%{transform:scale(1);opacity:0}}@keyframes fade-up-center{0%{opacity:0;transform:translate3d(-50%, 3px, 0)}100%{opacity:1;transform:translate3d(-50%, 0, 0)}}@font-face{font-family:'PT Sans WF';src:url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-bold-webfont.eot');src:url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-bold-webfont.eot?#iefix') format('embedded-opentype'),url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-bold-webfont.woff2') format('woff2'),url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-bold-webfont.woff') format('woff'),url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-bold-webfont.ttf') format('truetype');font-weight:700;font-style:normal}@font-face{font-family:'PT Sans WF';src:url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-bolditalic-webfont.eot');src:url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-bolditalic-webfont.woff2') format('woff2'),url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-bolditalic-webfont.woff') format('woff'),url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-bolditalic-webfont.ttf') format('truetype');font-weight:700;font-style:italic}@font-face{font-family:'PT Sans WF';src:url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-italic-webfont.eot');src:url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-italic-webfont.eot?#iefix') format('embedded-opentype'),url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-italic-webfont.woff2') format('woff2'),url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-italic-webfont.woff') format('woff'),url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-italic-webfont.ttf') format('truetype');font-weight:400;font-style:italic}@font-face{font-family:'PT Sans WF';src:url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-regular-webfont.eot');src:url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'),url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-regular-webfont.woff2') format('woff2'),url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-regular-webfont.woff') format('woff'),url('https://static.isingdev90.pl/harmonica/fonts/pt-sans/pt-sans-web-regular-webfont.ttf') format('truetype');font-weight:normal;font-style:normal}.font-pt-sans{font-family:'PT Sans','PT Sans WF','sans-serif'}.form-control,textarea.form-control{border-color:#818181}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.form-control,textarea.form-control{border-width:.5px}}body.template #main-footer{background:#FFF}.page-content{position:relative;background:#000}.bg{position:absolute;left:0;right:0;top:0;bottom:0;opacity:.95}.bg.template-create{opacity:.8}.template .bg{background-repeat:no-repeat;background-position:center top;background-size:cover}.template.template-1 .bg{background-image:url('https://static.ising.pl/harmonica/images/actions/christmas-2020/cards/bg-1.jpg');background-color:#DB2B27}.template.template-1 #card .card-content{background:rgba(66,0,0,0.6)}.template.template-2 .bg{background-image:url('https://static.ising.pl/harmonica/images/actions/christmas-2020/cards/bg-2.jpg');background-color:#14454D}.template.template-2 #card .card-content{background:rgba(0,12,14,0.6)}.template.template-3 .bg{background-image:url('https://static.ising.pl/harmonica/images/actions/christmas-2020/cards/bg-3.jpg');background-color:#DFDED6}.template.template-3 #card .card-content{background:rgba(0,0,0,0.6)}.template.template-4 .bg{background-image:url('https://static.ising.pl/harmonica/images/actions/christmas-2020/cards/bg-4.jpg');background-color:#0C2118}.template.template-4 #card .card-content{background:rgba(1,12,10,0.6)}.template.template-5 .bg{background-image:url('https://static.ising.pl/harmonica/images/actions/christmas-2020/cards/bg-5.jpg');background-color:#697999}.template.template-5 #card .card-content{background:rgba(9,18,42,0.6)}.template.template-6 .bg{background-image:url('https://static.ising.pl/harmonica/images/actions/christmas-2020/cards/bg-6.jpg');background-color:#B0D6CA}.template.template-6 #card .card-content{background:rgba(43,76,72,0.6)}.template.template-create .bg{background-color:#FBF1E9;background-image:url('https://static.ising.pl/harmonica/images/actions/christmas-2020/cards/creator-bg.jpg');background-size:auto}@media (max-width:767px){.template.template-create .bg{background-color:#FFF;background-image:none}}@media (min-width:1920px){.template.template-create .bg{background-size:cover}}.btn-christmas{background:#ee201a;border-color:#ee201a;color:#ffffff;box-shadow:none;font-size:20px;padding:15px 28px}.btn-christmas:focus,.btn-christmas .focus{color:#ffffff;box-shadow:0 0 1px 1px rgba(15,110,208,0.4);outline:none}.btn-christmas:hover,.btn-christmas.hover{background:#ef322d;border-color:#ef322d;color:#ffffff}.btn-christmas:active,.btn-christmas.active,.open>.dropdown-toggle.btn-christmas{color:rgba(255,255,255,0.9);background:#ea1711;border-color:#ea1711;transition:none}.btn-christmas.disabled,.btn-christmas[disabled],fieldset[disabled] .btn-christmas,.btn-christmas.disabled:hover,.btn-christmas[disabled]:hover,fieldset[disabled] .btn-christmas:hover,.btn-christmas.disabled:focus,.btn-christmas[disabled]:focus,fieldset[disabled] .btn-christmas:focus,.btn-christmas.disabled.focus,.btn-christmas[disabled].focus,fieldset[disabled] .btn-christmas.focus,.btn-christmas.disabled:active,.btn-christmas[disabled]:active,fieldset[disabled] .btn-christmas:active,.btn-christmas.disabled.active,.btn-christmas[disabled].active,fieldset[disabled] .btn-christmas.active{color:#999;background:#F0F0F0;border-color:#F0F0F0}.btn-christmas .badge{color:#ee201a;background-color:#ffffff}.btn-christmas.processing{background:#ee201a;border-color:#ee201a;color:transparent;color:rgba(255,255,255,0);cursor:default;width:30px;height:30px;position:absolute;margin:0 auto 0;top:50%;left:50%;margin-top:-15px;margin-left:-15px;height:auto;margin:0;left:0;position:relative;top:0;width:auto}.btn-christmas.processing:after,.btn-christmas.processing:before{content:"";width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,0.5);opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 1.8s infinite ease-in-out;animation:bounce 1.8s infinite ease-in-out}.btn-christmas.processing:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.btn-christmas.processing:after,.btn-christmas.processing:before{background-color:rgba(255,255,255,0.5);height:1.6em;left:50%;margin-left:-0.8em;margin-top:-0.8em;top:50%;width:1.6em}.btn-christmas.processing.btn-block{width:100%}.btn-secondary{background:transparent;border-color:transparent;color:#999;box-shadow:none;font-size:20px;padding:15px 28px;transition:.2s ease-out}.btn-secondary:focus,.btn-secondary .focus{color:#999;box-shadow:0 0 1px 1px rgba(15,110,208,0.4);outline:none}.btn-secondary:hover,.btn-secondary.hover{background:rgba(10,10,10,0);border-color:rgba(10,10,10,0);color:#999}.btn-secondary:active,.btn-secondary.active,.open>.dropdown-toggle.btn-secondary{color:rgba(153,153,153,0.9);background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);transition:none}.btn-secondary.disabled,.btn-secondary[disabled],fieldset[disabled] .btn-secondary,.btn-secondary.disabled:hover,.btn-secondary[disabled]:hover,fieldset[disabled] .btn-secondary:hover,.btn-secondary.disabled:focus,.btn-secondary[disabled]:focus,fieldset[disabled] .btn-secondary:focus,.btn-secondary.disabled.focus,.btn-secondary[disabled].focus,fieldset[disabled] .btn-secondary.focus,.btn-secondary.disabled:active,.btn-secondary[disabled]:active,fieldset[disabled] .btn-secondary:active,.btn-secondary.disabled.active,.btn-secondary[disabled].active,fieldset[disabled] .btn-secondary.active{color:#999;background:#F0F0F0;border-color:#F0F0F0}.btn-secondary .badge{color:transparent;background-color:#999}.btn-secondary.processing{background:transparent;border-color:transparent;color:transparent;color:rgba(255,255,255,0);cursor:default;width:30px;height:30px;position:absolute;margin:0 auto 0;top:50%;left:50%;margin-top:-15px;margin-left:-15px;height:auto;margin:0;left:0;position:relative;top:0;width:auto}.btn-secondary.processing:after,.btn-secondary.processing:before{content:"";width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,0.5);opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 1.8s infinite ease-in-out;animation:bounce 1.8s infinite ease-in-out}.btn-secondary.processing:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.btn-secondary.processing:after,.btn-secondary.processing:before{background-color:rgba(255,255,255,0.5);height:1.6em;left:50%;margin-left:-0.8em;margin-top:-0.8em;top:50%;width:1.6em}.btn-secondary.processing.btn-block{width:100%}.btn-secondary:hover{color:#666}.btn-secondary:active{color:#999;transition:none}.btn-secondary:focus{color:#888;box-shadow:none}.frame{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;position:absolute}.frame.corner{background:url('https://static.ising.pl/harmonica/images/actions/christmas-2020/cards/corner.svg') scroll no-repeat 0 0 transparent;height:25px;width:23px;background-size:100%}.frame.corner-ne{top:20px;left:20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.frame.corner-nw{top:20px;right:20px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.frame.corner-se{bottom:20px;left:20px;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}.frame.corner-sw{bottom:20px;right:20px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}@media (max-width:767px){.frame.corner{background-size:100% 100%;height:20px;width:18px}.frame.corner-ne{top:10px;left:10px}.frame.corner-nw{top:10px;right:10px}.frame.corner-se{bottom:10px;left:10px}.frame.corner-sw{bottom:10px;right:10px}}.font-preload{font-size:1px;height:1px;left:-100px;position:absolute;top:-100px;width:1px;text-indent:-1000px}#christmas-card{padding:25px 20px}#christmas-card #app{display:block;background:transparent}#christmas-card #app .canvas{bottom:0}#christmas-card #app #karaoke-canvas canvas{margin:0 !important}@media (max-width:767px){#christmas-card{padding:10px 5px 15px}}#christmas-card-creator{padding:48px 0;position:relative;background:#AD7842}@media (max-width:767px){#christmas-card-creator{padding:0}#christmas-card-creator .container{padding:0}#christmas-card-creator .row{margin:0}}#audio-player{position:absolute}.start-screen{width:100%;height:100%;position:absolute;top:0;left:0;z-index:200}.start-screen .play{width:100%;height:100%;position:absolute;top:0;left:0;z-index:40}.start-screen .play .icon{width:80px;height:80px;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;z-index:30;background:#333;background:rgba(42,42,42,0.8);border-radius:50px;transition:background-color .125s cubic-bezier(.35, .65, .43, .96);text-align:center;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px)}.start-screen .play .icon svg{opacity:.9;position:relative;left:3px;transition:opacity .125s cubic-bezier(.35, .65, .43, .96)}.start-screen .play:hover .icon{background:#0D6BFF}.start-screen .play:hover .icon svg{opacity:1}#card{position:relative;font-size:10px;max-width:760px;margin:0 auto;box-shadow:rgba(0,0,0,0.05) 0 15px 60px}#card .card-header{background:#FFF;overflow:hidden;padding:21px 8em 2.5em;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}#card .card-header .bells{background:url('https://static.ising.pl/harmonica/images/actions/christmas-2020/cards/card-icon.svg') scroll no-repeat 0 0 transparent;width:33px;height:48px;margin:0 auto 5px}#card .card-header .sender{color:#ee201a;font-size:36px;font-weight:normal;line-height:1.2em;margin:0 0 -4px;text-align:center;white-space:pre-wrap;opacity:0;font-family:'Suez One',serif;letter-spacing:-0.7px}#card .card-header .song-title{color:rgba(17,17,17,0.8);font-size:16px;letter-spacing:2px;line-height:1.42em;margin:6px 0 0;opacity:0;text-transform:uppercase;font-family:'PT Sans','Open Sans',sans-serif}#card .card-header .song-title span{background:#f8f8f3}#card .card-header .song-title:before{background-color:rgba(0,0,0,0.1)}#card .card-header .text-hr{width:90%;left:5%}#card .card-header.animate .song-title{-webkit-animation:flyInDown .8s cubic-bezier(.25, .46, .45, .94) forwards;-o-animation:flyInDown .8s cubic-bezier(.25, .46, .45, .94) forwards;animation:flyInDown .8s cubic-bezier(.25, .46, .45, .94) forwards}#card .card-header.animate .sender{-webkit-animation:flyInUp .8s cubic-bezier(.25, .46, .45, .94) forwards;-o-animation:flyInUp .8s cubic-bezier(.25, .46, .45, .94) forwards;animation:flyInUp .8s cubic-bezier(.25, .46, .45, .94) forwards}#card .card-content{background-color:#000;background-color:rgba(0,0,0,0.6);padding-bottom:44%;position:relative;width:100%}#card .card-content .card-chrome{-webkit-user-select:none;bottom:20px;left:30px;position:absolute;z-index:200;right:30px}#card .card-content .card-chrome .action-mute{color:#9A9A9A;color:rgba(255,255,255,0.7);display:inline-block;line-height:30px;margin-left:10px;vertical-align:top;text-decoration:none;height:30px;float:right;transition:color .075s ease-out}#card .card-content .card-chrome .action-mute .icon{font-size:30px;top:0;vertical-align:middle}#card .card-content .card-chrome .action-mute:hover{color:#fdfdfd}#card .card-content .card-chrome .action-mute:active{color:rgba(255,255,255,0.5);transition:none}#card .card-content .card-chrome .action-mute .icon-volume-mute{display:none}#card .card-content .card-chrome .action-mute .icon-volume-high{display:block}#card .card-content .card-chrome .action-mute.muted .icon-volume-mute{display:block}#card .card-content .card-chrome .action-mute.muted .icon-volume-high{display:none}#card .card-content .card-chrome .song-title{color:rgba(255,255,255,0.7);display:inline-block;font-size:14px;line-height:30px;float:left;text-decoration:none;transition:color .075s ease-out}#card .card-content .card-chrome .song-title:hover{color:#FFF}#card .card-content .card-chrome .song-title:active{color:rgba(255,255,255,0.5);transition:none}#card .card-content .card-chrome .timer{color:rgba(255,255,255,0.7);display:inline-block;font-size:14px;line-height:30px;float:right;margin-left:8px}#card .card-content .play-again{background:transparent none repeat scroll 0% 0%;border:1px solid #fff;border-radius:23px;box-shadow:none;color:#fff;display:none;font-size:18px;font-weight:600;height:46px;line-height:42px;left:50%;padding:0px 28px;position:absolute;top:50%;text-decoration:none;z-index:1001;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all cubic-bezier(.1, .7, .1, 1) 200ms;-o-transition:all cubic-bezier(.1, .7, .1, 1) 200ms;transition:all cubic-bezier(.1, .7, .1, 1) 200ms}#card .card-content .play-again:hover{background:rgba(255,255,255,0.88) none repeat scroll 0% 0%;color:rgba(17,17,17,0.8)}#card .card-content .play-again:active{background:rgba(255,255,255,0.7) none repeat scroll 0% 0%}#card .card-content .play-video-again{background-color:#101010;display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}#card .card-content .play-video-again .play-again{display:block}#card .card-content-recording{padding:0;width:100%}#card .card-content-recording .embeded-recording-wrapper{padding-bottom:56.25%;position:relative;width:100%}#card .card-content-recording .embeded-recording{position:absolute;top:0;left:0;width:100%;height:100%}#card .card-greetings{background:#FFF;padding:0 10em 0;position:relative;display:flex;align-items:center;justify-content:center;min-height:130px}#card .card-greetings .greetings{opacity:0;color:#171717;margin:0;text-align:center;font-size:18px;line-height:25px}#card .card-greetings .greetings .emoticon-emoji{vertical-align:middle}#card .card-greetings .greetings p{margin:30px auto}#card .card-greetings .greetings.animate{-webkit-animation:flyInUp .8s .2s cubic-bezier(.25, .46, .45, .94) forwards;-o-animation:flyInUp .8s .2s cubic-bezier(.25, .46, .45, .94) forwards;animation:flyInUp .8s .2s cubic-bezier(.25, .46, .45, .94) forwards}#card .card-footer{background:#f5f5f5;padding:2em 10em;position:relative;margin-bottom:40px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}#card .card-footer .invite-to-create{margin:0;text-align:center}@media (max-width:991px){#card .card-header{padding:17px 30px 30px}#card .card-header .sender{font-size:36px}#card .card-footer .greetings{font-size:22px;line-height:34px}#card .card-content-recording{padding:0px}#card .card-content-recording .frame{display:none}}@media (max-width:767px){#card{font-size:6px;margin-left:10%;margin-right:10%}#card .card-header{padding:17px 30px 30px}#card .card-header .sender{font-size:28px;letter-spacing:-0.5px}#card .card-greetings .greetings{font-size:16px;line-height:25px}#card .card-greetings .greetings p{margin:20px 0}#card .card-content .card-chrome{left:20px;right:20px;bottom:3px}#card .card-content .card-chrome .action-mute{display:none}#card .card-content .card-chrome .timer{font-size:12px}#card .card-content .card-chrome .song-title{font-size:12px;max-width:58%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#card .card-footer{padding:18px 20px}#card .card-footer .btn{padding:7px 17px;font-size:14px;line-height:20px}}@media (max-width:479px){#card{font-size:5px;margin-left:0;margin-right:0}#card .card-header{padding:17px 15px 20px}#card .card-header .sender{font-size:24px}#card .card-greetings{padding:0 6em 0}}#card-created{background:rgba(255,254,165,0.95);background:rgba(255,237,135,0.95);margin:0 auto 25px;max-width:760px;text-align:center;position:relative;padding:14px 0}#card-created p{margin-bottom:0}#card-created .btn{display:inline-block;vertical-align:top}#card-created .btn-facebook{width:auto}#card-created .action-copy-link{margin-left:5px}#card-created .input-wrapper{display:inline-block;position:relative}#card-created .input-wrapper .tooltip{display:none;opacity:1;position:absolute;top:-29px;z-index:100;background:rgba(0,0,0,0.85);padding:5px;border-radius:4px;color:#FFF}#card-created .form-control{display:inline-block;background:#FFF;width:220px}#card-created .linebreaker{display:none}#card-created .copy-animation{color:#111;display:block;opacity:.8;font-size:14px;position:absolute;left:6px;right:12px;top:10px;white-space:nowrap;overflow:hidden}#card-created .share-title{color:#00ae5e;display:inline-block;font-size:24px;font-weight:800;line-height:30px;position:relative;padding:5px 0 0 50px;zoom:1}#card-created .share-title .icon{font-size:42px;position:absolute;top:0;left:0}#card-created .share-options{color:#333;padding:20px 0 0 0px;zoom:1;text-align:center}#card-created .share-options .or-divider{display:inline-block;line-height:36px;margin:0 15px;font-weight:normal;font-size:14px}#card-created .undock{position:absolute;top:5px;padding:0;right:7px;opacity:0;text-decoration:none}#card-created .undock:hover{color:rgba(17,17,17,0.85)}#card-created .box.sticky .undock{opacity:1}#card-created .arrow{width:0;height:0;border-style:solid;border-width:16px 14px 0 14px;border-color:#fffea5 transparent transparent transparent;border-color:rgba(255,237,135,0.95) transparent transparent transparent;bottom:-16px;display:block;left:50%;margin-left:-8px;position:absolute;-webkit-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out}#card-created.sticky{border-radius:0;box-shadow:rgba(118,118,1,0.2) 0 2px 0;max-width:910px;left:50%;z-index:4000;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0)}#card-created.sticky .arrow{bottom:0;opacity:0}#card-created.sticky .undock{opacity:1}@supports (backdrop-filter: none){#card-created{background:rgba(255,237,135,0.9);backdrop-filter:blur(10px)}#card-created .arrow{border-color:rgba(255,237,135,0.9) transparent transparent transparent}}@media (max-width:767px){#card-created{margin:-10px -10px 20px;padding:10px 0 15px 0}#card-created .arrow{border-width:14px 12px 0 14px;bottom:-14px}#card-created .form-control{position:absolute;width:1px;height:1px;margin:0;padding:0px;border:0;z-index:1;top:-1000px}#card-created .share-title{padding-left:0;font-size:18px;line-height:24px}#card-created .share-title .icon{position:static;font-size:28px;margin-right:4px}#card-created .share-options{padding-top:10px}}@media (max-width:479px){#card-created .share-title{font-size:16px;line-height:22px}#card-created .share-title .icon{font-size:24px;margin-right:2px}}#creator{border-radius:8px;background-color:#fff;position:relative;max-width:760px;margin:0 auto;box-shadow:0 1px 50px 0 rgba(11,12,12,0.15)}#creator .creator-header{font-size:10px;padding:32px 0 28px;text-align:center;border-bottom:1px solid #E0E0E0;margin:0 68px}#creator .creator-header .title{color:#ee201a;font-family:'Suez One',serif;font-size:54px;font-weight:normal;line-height:1.2em;margin:15px 0 10px;letter-spacing:-1px}#creator .creator-header .subtitle{font-size:16px;line-height:1.2em;margin:0;text-transform:uppercase;font-size:20px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:2px;text-align:center;color:#919191}#creator .creator-content{padding:40px 115px 115px;min-height:120px;box-sizing:content-box}#creator .step-header{border-bottom:1px solid #e0e0e0;text-align:center;padding:28px 0}#creator .step-header h1{font-size:28px;margin:0;padding:0;font-weight:800;letter-spacing:0}#creator .step-header h1 span{font-weight:400}#creator .step{display:none;padding-bottom:25px}#creator .step .form-control{background:#F2F2F2;border-radius:10px;border-color:#F2F2F2;padding:15px 20px;font-size:20px;min-height:58px}#creator .step .form-control:focus{background:#FFF;border-color:rgba(15,110,208,0.4)}#creator .step .step-label{font-size:18px;line-height:1.6em;margin-bottom:10px}#creator .step .step-number{border:2px solid #9A9A9A;border-radius:50%;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;color:#9A9A9A;display:inline-block;font-size:15px;height:1.86666em;line-height:1.86666em;margin-right:8px;text-align:center;width:1.86666em;position:relative;top:-2px}#creator .step .step-error-message{color:#e22b24;display:none;font-size:14px;margin-top:10px;text-shadow:0 2px 1px #fff}#creator .step .step-content{max-width:600px;margin:20px auto}#creator .step.next .step-header h1,#creator .step.next .step-content{-webkit-animation:flyInLeft .2s cubic-bezier(0, .42, .58, 1) forwards;-o-animation:flyInLeft .2s cubic-bezier(0, .42, .58, 1) forwards;animation:flyInLeft .2s cubic-bezier(0, .42, .58, 1) forwards}#creator .step.prev .step-header h1,#creator .step.prev .step-content{-webkit-animation:flyInRight .2s cubic-bezier(0, .42, .58, 1) forwards;-o-animation:flyInRight .2s cubic-bezier(0, .42, .58, 1) forwards;animation:flyInRight .2s cubic-bezier(0, .42, .58, 1) forwards}#creator .step.has-error .step-content{-webkit-animation:shake .5s;animation:shake .5s}#creator .step.has-error .step-number{border-color:#ee201a;color:#ee201a}#creator .step.has-error .step-label{color:#ee201a}#creator .step.has-error .step-error-message{display:block}#creator .step.step-active{display:block}#creator .step-name{text-align:center}#creator .step-name .step-content{padding:30px 0}#creator .step-name .form-control{display:inline-block;max-width:320px}#creator .step-song .search-box{position:relative;margin-right:15px;width:100%}#creator .step-song .search-box .close{position:absolute;top:14px;right:12px;display:none}#creator .step-song .search-box .icon-search{position:absolute;font-size:25px;color:#999;top:50%;margin-top:-13px;left:18px;pointer-events:none}#creator .step-song .search-box input{display:inline-block;width:100%;height:48px;font-size:16px;padding-left:52px;border-color:#F2F2F2;background-color:#F2F2F2;transition:color .1s ease-out}#creator .step-song .search-box input:focus{background:#FFF;border-color:rgba(15,110,208,0.4)}#creator .step-song .search-box.has-value .close{display:block}#creator .step-song .type-carol{display:block}#creator .step-song .type-carol .list{display:block;height:320px;margin:20px auto 8px;max-width:600px;-webkit-overflow-scrolling:touch;overflow:auto}#creator .step-song .type-carol .list li .song{padding:4px 0;border-bottom:1px solid #EEE;cursor:pointer}#creator .step-song .type-carol .list li .song .desc{margin-left:60px}#creator .step-song .type-carol .list li .song:hover{background-color:#f4f4f4}#creator .step-song .type-carol .list li:last-child .song{border:none}#creator .step-song .type-carol .list li.selected:before{display:none}#creator .step-song .type-carol .list li.selected .song{color:#fff;background-color:#0D6BFF}#creator .step-song .type-carol .list li.selected .song .desc .title,#creator .step-song .type-carol .list li.selected .song .desc .dash,#creator .step-song .type-carol .list li.selected .song .desc .artist{color:#fff}#creator .step-song .type-carol .carol-details{background-color:#fff;border:1px solid #e0e0e0;box-shadow:rgba(0,0,0,0.075) 0 2px 6px;border-radius:8px;display:none;margin:20px 0 10px;position:relative}#creator .step-song .type-carol .carol-details .btn{float:right;margin-top:40px;margin-right:20px}#creator .step-song .type-carol .carol-details .song{margin-right:140px;padding:19px 20px}#creator .step-song .type-carol .carol-details .song .thumbnail{height:78px;width:78px;margin-right:15px;border-radius:4px}#creator .step-song .type-carol .carol-details .song .desc{height:78px;padding-top:19px;line-height:19px}#creator .step-song .type-carol .carol-details .song .desc .title{font-size:15px}#creator .step-song .type-carol .carol-details .song .desc .artist{font-size:15px;color:#888}#creator .step-song .type-carol .carol-options{display:flex}#creator .step-song .type-carol .carol-options .action-change-type{margin-left:auto}#creator .step-song .type-recording{display:none}#creator .step-song .type-recording .help-block{margin-bottom:10px}#creator .step-song .type-recording .recording-preview{background-color:#fff;border:1px solid #e0e0e0;box-shadow:rgba(0,0,0,0.075) 0 2px 6px;border-radius:8px;display:none;margin:15px 0 8px;padding:12px;text-align:left}#creator .step-song .type-recording .recording-preview.has-error{color:#e22b24;font-size:16px;line-height:84px;text-align:center}#creator .step-song .action-edit-song-cancel{display:none}#creator .step-song .action-change-type{color:#78ABD8;font-size:13px;padding-left:0;padding-right:0}#creator .step-theme{display:none}#creator .step-theme .themes-preview{margin:0 0 -30px -18px;overflow:hidden}#creator .step-theme .themes-preview li{float:left;padding-left:18px;width:33.33%;margin-bottom:30px}#creator .step-theme .themes-preview .theme-preview{text-align:center}#creator .step-theme .themes-preview .theme-preview .thumbnail{border-radius:4px}#creator .step-theme .themes-preview .theme-preview .thumbnail:after{border-radius:4px;box-shadow:inset rgba(3,3,13,0.15) 0 0 0 1px;bottom:0;content:' ';left:0;position:absolute;right:0;top:0;z-index:2}#creator .step-theme .themes-preview .theme-preview .thumbnail:hover:after{box-shadow:inset rgba(3,3,13,0.15) 0 0 0 4px}#creator .step-theme .themes-preview .theme-preview .thumbnail:active:after{background:rgba(0,0,0,0.15)}#creator .step-theme .themes-preview .theme-preview .title{color:#111;display:inline-block;font-size:16px;font-weight:normal;margin-top:7px;text-decoration:none}#creator .step-theme .themes-preview .theme-preview .title:hover{color:#1ea2ff}#creator .step-theme .themes-preview .theme-preview.selected .thumbnail:after{box-shadow:inset #1ea2ff 0 0 0 4px}#creator .step-theme .themes-preview .theme-preview.selected .title{color:#1ea2ff;font-weight:bold}#creator .step-theme .greetings{padding-top:12px;padding-bottom:12px;height:45px;margin-top:38px}#creator .step-greetings .form-control{line-height:25px;font-size:18px;min-height:140px}#creator .step-greetings .pick-template-wrapper{text-align:center;margin-top:20px;font-size:16px;margin-bottom:40px;text-decoration:none}#creator .submit{overflow:hidden;padding:0;text-align:center;position:static;padding:30px 50px;background:#F5F5F5;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:0;margin-bottom:-25px;position:relative}#creator .submit .step-pager{width:100px;text-align:center;margin:15px auto 0;color:#919191;line-height:24px}#creator .submit .step-pager span{width:24px;display:inline-block}#creator .submit .step-pager .page{width:24px;height:24px;text-align:center;font-size:12px;line-height:24px;border-radius:50%}#creator .submit .step-pager .page:first-child{color:#FFF;background-color:#919191}#creator .submit .header{display:none;text-align:center;width:100%;position:absolute;margin-top:11px;font-size:15px;font-weight:700}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){#creator .creator-content .step-song .type-carol .carol-details,#creator .creator-content .step-song .type-carol .list{border-width:.5px}}@media (max-width:991px){#creator .creator-header{font-size:8px;margin:0 50px}#creator .creator-header .title{font-size:40px;letter-spacing:-1px;line-height:1.1em;margin-bottom:15px}#creator .creator-content{padding:35px 50px}}@media (max-width:767px){#creator{box-shadow:none;border-radius:0}#creator .btn-christmas,#creator .btn-secondary{font-size:14px;padding:8px 20px;font-weight:600;position:relative;z-index:10;transition:color .125s ease-out}#creator .btn-christmas:hover,#creator .btn-secondary:hover,#creator .btn-christmas:focus,#creator .btn-secondary:focus,#creator .btn-christmas:active,#creator .btn-secondary:active{outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}#creator .btn-christmas:active,#creator .btn-secondary:active{opacity:.5}#creator .btn-christmas{float:right;background:none;border-color:transparent;color:#ee201a}#creator .submit{background:#FFF;border-bottom:1px solid #EEE;border-radius:0;position:fixed;top:50px;left:0;right:0;margin:0;z-index:10;padding:6px 0}#creator .submit .header{display:block}#creator .submit .step-pager{display:none}#creator .creator-header{font-size:6px;margin:0 40px;padding:20px 0 25px}#creator .creator-header .title{font-size:40px;letter-spacing:-1px;line-height:1.1em;margin-bottom:15px}#creator .creator-header .subtitle{font-size:14px;white-space:nowrap}#creator .step{padding:0;margin-top:104px}#creator .step .form-control{font-size:14px;line-height:20px;min-height:48px}#creator .step .step-label{font-size:15px}#creator .step .step-number{font-size:12px}#creator .step .step-content{padding:16px;margin-bottom:0}#creator .step-header{display:none;padding:16px 0}#creator .step-header h1{font-size:20px}#creator .step-song .search-box{position:fixed;transform:translate(0, -57px);left:0;margin-left:0;padding-right:0;background:#FFF;z-index:20;padding:6px 6px}#creator .step-song .search-box .form-control{font-size:14px;border-radius:6px;height:40px;min-height:auto;padding-left:38px}#creator .step-song .search-box .icon-search{font-size:20px;margin-top:-9px;left:18px}#creator .step-theme .step-content{margin-top:10px}#creator .step-theme .themes-preview li{width:50%;margin-bottom:20px}#creator .step-theme .themes-preview .theme-preview .title{font-size:14px}#creator .step-greetings .pick-template-wrapper{font-size:14px}#creator .step-greetings .form-control{min-height:140px}#creator .step-song .type-carol .list{height:100%;margin:22px 0 0 0}#creator .creator-content{padding:20px 40px 35px}#creator .creator-content .step-theme .themes-preview{margin-left:-5px}#creator .creator-content .step-theme .themes-preview li{padding-left:5px}}@media (max-width:479px){#creator .creator-header{font-size:6px;margin:0 0;padding:20px 0 0;border:0}#creator .creator-header img{height:50px}#creator .creator-header .title{font-size:30px}#creator .creator-header .subtitle{font-size:13px;margin:-5px 10px 0;line-height:18px}#creator .step-name .form-control{max-width:100%}#creator .creator-content{padding:20px 16px 35px}#creator .creator-content .step-song .type-carol .carol-details .song{padding:0;margin-right:0}#creator .creator-content .step-song .type-carol .carol-details .song .desc{line-height:17px;padding-top:22px}#creator .creator-content .step-song .type-carol .carol-details .song .desc .title{font-size:13px}#creator .creator-content .step-song .type-carol .carol-details .song .desc .artist{font-size:12px}#creator .creator-content .step-song .type-carol .carol-details .btn{margin:0;position:absolute;top:-40px;right:0}#creator .creator-content .step-song .type-recording .recording .thumbnail{float:none;padding-bottom:50%;width:100%}#creator .creator-content .step-song .type-recording .recording .desc{height:auto;margin-left:0;margin-top:10px}}@media (max-width:767px){body.create html{background:#FFF}body.create .page-content{background:#FFF}body.create .main-bar{position:fixed;width:100%}body.create #main-footer{display:none}body{background:#FFF !important}}#karaoke-canvas{bottom:0px;left:1px;position:absolute;right:1px;top:0px;z-index:101;overflow:hidden}#karaoke-canvas canvas{display:block;margin:0 auto;position:absolute;top:0;width:100%;pointer-events:none}.fade-in-and-scale{-webkit-transform:scale(.6);opacity:0}.fade-in-and-scale.animated{-webkit-animation:fadeInAndScale 400ms;animation:fadeInAndScale 400ms}.fade-in-and-scale.state-start{-ms-transform:scale(.6);-webkit-transform:scale(.6);transform:scale(.6);opacity:1}@-webkit-keyframes fadeInAndScale{0%{-webkit-transform:scale(.6);opacity:1}100%{-webkit-transform:scale(1);opacity:0}}@keyframes fadeInAndScale{0%{transform:scale(.6);opacity:1}100%{transform:scale(1);opacity:0}}@-webkit-keyframes spin{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes flyInDown{0%{opacity:0;-webkit-transform:translateY(20px)}100%{-webkit-transform:none;opacity:1}}@-moz-keyframes flyInDown{0%{opacity:0;-moz-transform:translateY(20px)}100%{-moz-transform:none;opacity:1}}@keyframes flyInDown{0%{opacity:0;transform:translateY(20px)}100%{transform:none;opacity:1}}@keyframes flyInLeft{0%{opacity:0;transform:translateX(60px)}100%{transform:none;opacity:1}}@keyframes flyInRight{0%{opacity:0;transform:translateX(-60px)}100%{transform:none;opacity:1}}@-webkit-keyframes flyInUp{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{-webkit-transform:none;opacity:1}}@-moz-keyframes flyInUp{0%{opacity:0;-moz-transform:translateY(-20px)}100%{-moz-transform:none;opacity:1}}@keyframes flyInUp{0%{opacity:0;transform:translateY(-20px)}100%{transform:none;opacity:1}}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}20%,60%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}40%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}20%,60%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}40%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}#dialog-christmas-greetings .dialog-main{padding:0}#dialog-christmas-greetings .list{height:400px;overflow:auto;margin:0;padding:12px 0}#dialog-christmas-greetings .list li{font-size:14px;line-height:20px}#dialog-christmas-greetings .list li:last-child a:after{display:none}#dialog-christmas-greetings .list a{display:block;color:#111;text-decoration:none;padding:10px 12px;margin:0 12px;white-space:pre;border-radius:6px;transition:background-color .075s ease-out;position:relative}#dialog-christmas-greetings .list a:after{content:"";background-color:#EEE;position:absolute;bottom:0;left:12px;right:12px;height:1px;z-index:10}#dialog-christmas-greetings .list a:hover{background:#EEE;-webkit-tap-highlight-color:transparent}#dialog-christmas-greetings .list a:active{background:#E0E0E0;outline:none;-webkit-tap-highlight-color:transparent}@media (max-width:767px){#dialog-christmas-greetings .list{height:85vh}}@media (max-width:479px){#dialog-christmas-greetings .list{height:91vh}}.toast-bottom-center{bottom:25px}.toast-bottom-center .toast-bottom{display:none;right:0;text-align:center;padding:10px;margin-bottom:20px}.toast-bottom-center .toast-bottom:first-child{display:block}#snow{display:block;position:fixed;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:100;opacity:.65}/*# sourceMappingURL=christmas-2020.css.map */