.shepherd-element,.shepherd-element:after,.shepherd-element:before,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-element{z-index:9999;filter:drop-shadow(0 1px 4px #0003);max-width:260px;max-height:100%}.shepherd-element .shepherd-content{color:#444;background:#fff;border-radius:5px;padding:1em;font-family:inherit;font-size:1.1em;line-height:1.5em;position:relative}.shepherd-element .popper__arrow{content:"";pointer-events:none;border:16px solid #0000;width:0;height:0;display:block;position:absolute}.shepherd-element[x-placement^=top]{margin-bottom:16px}.shepherd-element[x-placement^=top] .popper__arrow{border-top-color:#fff;border-bottom:0;bottom:-16px;left:calc(50% - 16px)}.shepherd-element[x-placement^=bottom]{margin-top:16px}.shepherd-element[x-placement^=bottom] .popper__arrow{border-top:0;border-bottom-color:#fff;top:-16px;left:calc(50% - 16px)}.shepherd-element[x-placement^=left]{margin-right:16px}.shepherd-element[x-placement^=left] .popper__arrow{border-left-color:#fff;border-right:0;margin-top:-16px;top:calc(50% - 16px);right:-16px}.shepherd-element[x-placement^=right]{margin-left:16px}.shepherd-element[x-placement^=right] .popper__arrow{border-left:0;border-right-color:#fff;top:calc(50% - 16px);left:-16px}.shepherd-element[x-placement^=bottom].shepherd-has-title .popper__arrow{border-bottom-color:#eee}.shepherd-element.shepherd-has-title .shepherd-content header{background:#eee;padding:1em}.shepherd-element.shepherd-has-title .shepherd-content header a.shepherd-cancel-link{margin-bottom:0;padding:0}.shepherd-element.shepherd-has-cancel-link .shepherd-content header h3{float:left}.shepherd-element .shepherd-content{padding:0}.shepherd-element .shepherd-content *{font-size:inherit}.shepherd-element .shepherd-content header:after{clear:both;content:"";display:table}.shepherd-element .shepherd-content header h3{margin:0;font-weight:400}.shepherd-element .shepherd-content header a.shepherd-cancel-link{color:#00000080;float:right;opacity:.25;font-size:2.25em;font-weight:400;line-height:.5em;text-decoration:none;position:relative}.shepherd-element .shepherd-content header a.shepherd-cancel-link:before{content:"×"}.shepherd-element .shepherd-content header a.shepherd-cancel-link:hover{opacity:1}.shepherd-element .shepherd-content footer{padding:0 1em 1em}.shepherd-element .shepherd-content footer .shepherd-buttons{text-align:right;margin:0;padding:0;list-style:none}.shepherd-element .shepherd-content footer .shepherd-buttons li{margin:0;padding:0;display:inline}.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button{vertical-align:middle;cursor:pointer;margin:0 .5em 0 0;display:inline-block}.shepherd-element .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button{margin-right:0}.shepherd-element .shepherd-content .shepherd-text{padding:1em}.shepherd-element .shepherd-content .shepherd-text p{margin:0 0 .5em;line-height:1.3em}.shepherd-element .shepherd-content .shepherd-text p:last-child{margin-bottom:0}.shepherd-element .shepherd-content header{border-radius:5px 5px 0 0}.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button{color:#fff;letter-spacing:.1em;background:#3288e6;border:0;border-radius:3px;padding:.7em 1em;font-family:inherit;font-size:.7em;line-height:1em}.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary{color:#888;background:#eee}.shepherd-element .shepherd-content .shepherd-text{padding:10px 10px 5px;font-size:15px}.shepherd-element .shepherd-content header{padding:0}.shepherd-text p{text-align:left;padding:10px}.modal{display:none}.modal.is-open{display:block}.modal__overlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__container{box-sizing:border-box;background-color:#fff;border-radius:4px;max-width:600px;max-height:100vh;padding:10px;overflow-y:auto}.modal__header{justify-content:space-between;align-items:center;display:flex}.modal__title{color:#00449e;box-sizing:border-box;margin-top:0;margin-bottom:0;font-size:1.25rem;font-weight:600;line-height:1.25}.modal__close{background:0 0;border:0}.modal__header .modal__close:before{content:"✕"}.modal__content{color:#000c;line-height:1.5}.modal__btn{color:#000c;cursor:pointer;-webkit-appearance:button;text-transform:none;will-change:transform;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;background-color:#e6e6e6;border-style:none;border-width:0;border-radius:.25rem;margin:0;padding:.5rem 1rem;font-size:.875rem;line-height:1.15;transition:transform .25s ease-out;overflow:visible;transform:translateZ(0)}.modal__btn:focus,.modal__btn:hover{transform:scale(1.05)}.modal__btn-primary{color:#fff;background-color:#00449e}@keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay,.micromodal-slide[aria-hidden=false] .modal__container{animation:.3s cubic-bezier(0,0,.2,1) mmfadeIn}.micromodal-slide[aria-hidden=true] .modal__overlay,.micromodal-slide[aria-hidden=true] .modal__container{animation:.3s cubic-bezier(0,0,.2,1) mmfadeOut}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}html,select{color:#111;font-family:Arial,Helvetica,sans-serif}html{box-sizing:border-box;background:#e8f4f9}*,:before,:after{box-sizing:inherit;user-select:none}html,body{margin:0;padding:0}body{text-align:center;margin:30px auto}.benditbetter-select{z-index:10;position:absolute;top:46px;left:0}.benditbetter-select__format label{font-size:20px}.benditbetter-select__format label>span{font-size:30px;font-weight:700;position:relative;top:-4px}@supports (-webkit-overflow-scrolling:touch){.benditbetter-select__format label>span{top:0}}.switch-field{margin-bottom:46px}.switch-field input{clip:rect(0,0,0,0);border:0;width:1px;height:1px;position:absolute;overflow:hidden}.switch-field label{float:left;color:#111;cursor:pointer;background-color:#fff;border:2px solid #c18ffc;width:54px;padding:0;transition:background-color .1s ease-out;display:inline-block}.switch-field label:first-of-type{border-right:0}.switch-field input:checked+label{background-color:#e0ccf8}.switch-field label:first-of-type{border-radius:2px 0 0 2px}.switch-field label:last-of-type{border-radius:0 2px 2px 0}.benditbetter-select,select{font-size:24px}.benditbetter-select{float:left;clear:both;border-radius:3px;font-size:20px;font-weight:500;line-height:35px}.benditbetter-select__select{appearance:none;background:#fff;border:2px solid #c18ffc;border-radius:2px;outline:0;height:35px;padding:0 25px 0 13px;font-size:20px}.benditbetter-select__wrapper{display:inline-block;position:relative}.benditbetter-select__wrapper:after{content:"▼";color:#111;pointer-events:none;margin-right:8px;font-size:10px;line-height:37px;position:absolute;top:0;bottom:0;right:0}.benditbetter-logo{z-index:10;display:block;position:absolute;top:415px;left:315px}.benditbetter-logo-img{width:300px;height:auto}.benditbetter-help{z-index:10;position:absolute;top:306px;right:3px}.benditbetter-help__youtube>svg{cursor:pointer;color:#c18ffc;width:40px;height:40px;position:relative;top:-8px}.benditbetter-help__youtube>svg:hover{color:#d2adff}.benditbetter-help__tour{appearance:none;cursor:pointer;color:#111;background:#fff;border:2px solid #c18ffc;border-radius:2px;width:40px;height:35px;margin-bottom:10px;padding:0;font-size:20px;font-weight:500}.modal iframe{width:428px;height:315px}.benditbetter-mic-button{cursor:pointer;z-index:1;background:#fff;border:2px solid #e0ccf8;border-radius:50%;width:80px;height:80px;position:absolute;top:25px;left:270px}.benditbetter-mic-button__status{position:absolute}.benditbetter-mic-button__status:before{content:"OFF";font-size:16px;font-weight:700;position:absolute;top:11px;left:22px}.benditbetter-mic-button__status--on:before{content:"ON";left:26px}.benditbetter-mic-button:hover,.benditbetter-mic-button:active,.benditbetter-mic-button--listen{border:2px solid #c18ffc}.benditbetter-mic-button>svg{fill:#c18ffc;position:relative;top:12%}.benditbetter-mic-button--listen:before,.benditbetter-mic-button--listen:after{content:"";pointer-events:none;opacity:0;border:2px solid #c18ffc;border-radius:50%;width:100%;height:100%;animation:1.2s ease-out infinite forwards anim-ripple;position:absolute;top:0;left:0}.benditbetter-mic-button--listen:after{animation-delay:.6s}@keyframes anim-ripple{0%{opacity:0;transform:scale(2)}50%{opacity:1}to{opacity:0;transform:scale(1)}}.benditbetter-harmonica{display:inline-block;position:relative}.benditbetter-bar{background:#494e51;border:2px solid #000;border-radius:2px;width:calc(100% + 90px);height:36px;margin-bottom:-2px;margin-left:-45px}.benditbetter-holes{font-size:13px;position:relative;top:3px;left:5px}.benditbetter-hole{color:#f7f7f9;background:#111;border-radius:2px;width:21px;height:26px;margin-left:-10px;padding:2px;line-height:22px;display:inline-block}.benditbetter-hole:not(:last-of-type){margin-right:47.5px}.benditbetter-notes{margin-bottom:10px;font-size:0}.benditbetter-notes--blow,.benditbetter-notes--half-down,.benditbetter-notes--whole-down,.benditbetter-notes--whole-up{margin-bottom:-2px}.benditbetter-note{border:2px solid #111;border-radius:2px;width:64px;height:64px;line-height:64px;display:inline-block}.benditbetter-notes--blow .benditbetter-note.benditbetter-note:hover,.benditbetter-notes--draw .benditbetter-note.benditbetter-note:hover{background:#f2e4ff}.benditbetter-notes--whole-up .benditbetter-note.benditbetter-note:hover,.benditbetter-notes--half-up .benditbetter-note.benditbetter-note:hover,.benditbetter-notes--half-down .benditbetter-note.benditbetter-note:hover,.benditbetter-notes--whole-down .benditbetter-note.benditbetter-note:hover,.benditbetter-notes--whole-half-down .benditbetter-note.benditbetter-note:hover{background:#d5f3ff}.benditbetter-note:not(:last-child){margin-right:-2px}.benditbetter-note:not(.benditbetter-note--on){opacity:0}.benditbetter-note--on{cursor:pointer}.benditbetter-note-text{padding:2px;font-size:25px}.benditbetter-flat,.benditbetter-sharp{font-family:Arial Unicode MS,Lucida Sans Unicode;font-size:20px}.benditbetter-line{opacity:0;background:#cf3636;width:100%;height:4px;margin-top:-6%;transition:opacity .1s ease-out,background .2s ease-out,top 50ms ease-out;position:relative;top:-50%}.benditbetter-line--on{opacity:1}.benditbetter-line--close{background:#515e7a}.benditbetter-line--correct{background:#0060ff}.benditbetter-notes:nth-of-type(3) .benditbetter-note{background:#e0ccf8}.benditbetter-notes:first-of-type .benditbetter-note,.benditbetter-notes:nth-of-type(2) .benditbetter-note{background:#b5e9ff}.benditbetter-notes:nth-of-type(5) .benditbetter-note{background:#e0ccf8}.benditbetter-notes:nth-of-type(6) .benditbetter-note,.benditbetter-notes:nth-of-type(7) .benditbetter-note,.benditbetter-notes:nth-of-type(8) .benditbetter-note{background:#b5e9ff}.benditbetter-notes--blow .benditbetter-note:first-of-type{border-top-left-radius:12px}.benditbetter-notes--draw .benditbetter-note:first-of-type{border-bottom-left-radius:12px}.benditbetter-notes--blow .benditbetter-note:last-of-type{border-top-right-radius:12px}.benditbetter-notes--draw .benditbetter-note:last-of-type{border-bottom-right-radius:12px}.benditbetter-notes--whole-up .benditbetter-note,.benditbetter-notes--half-up .benditbetter-note,.benditbetter-notes--half-down .benditbetter-note,.benditbetter-notes--whole-down .benditbetter-note,.benditbetter-notes--whole-half-down .benditbetter-note{width:56px;margin:0 3px}@media only screen and (width<=800px){.benditbetter-mic-button{width:70px;height:70px;top:10px;left:205px}.benditbetter-mic-button>svg{top:8%}.benditbetter-mic-button__status:before{font-size:15px;top:5px;left:18px}.benditbetter-mic-button__status--on:before{left:22px}.benditbetter-select{top:17px}.benditbetter-help{top:250px}.benditbetter-logo{top:334px;left:240px}.benditbetter-logo-img{width:230px}.benditbetter-note{width:50px;height:50px;line-height:46px}.benditbetter-notes--whole-up .benditbetter-note,.benditbetter-notes--half-up .benditbetter-note,.benditbetter-notes--half-down .benditbetter-note,.benditbetter-notes--whole-down .benditbetter-note,.benditbetter-notes--whole-half-down .benditbetter-note{width:42px;margin:0 3px}.benditbetter-note-text{font-size:20px}.benditbetter-flat,.benditbetter-sharp{font-size:16px}.benditbetter-holes{font-size:11px}.benditbetter-hole:not(:last-of-type){margin-right:34px}}@media only screen and (width<=700px){.benditbetter-mic-button{top:0;left:185px}.benditbetter-select{top:9px}.benditbetter-help{top:234px}.benditbetter-logo{top:320px;left:230px}.benditbetter-logo-img{width:180px}.benditbetter-note{width:46px;height:46px;line-height:42px}.benditbetter-notes--whole-up .benditbetter-note,.benditbetter-notes--half-up .benditbetter-note,.benditbetter-notes--half-down .benditbetter-note,.benditbetter-notes--whole-down .benditbetter-note,.benditbetter-notes--whole-half-down .benditbetter-note{width:38px;margin:0 3px}.benditbetter-hole:not(:last-of-type){margin-right:29.5px}}@media only screen and (width<=560px){.benditbetter-mic-button{left:151px;transform:scale(.8)}.benditbetter-select{top:-5px}.benditbetter-help{top:206px}.benditbetter-logo{top:275px;left:185px}.benditbetter-logo-img{width:160px}.modal iframe{width:100%;height:260px}.benditbetter-note{width:39px;height:39px;line-height:33px}.benditbetter-notes--whole-up .benditbetter-note,.benditbetter-notes--half-up .benditbetter-note,.benditbetter-notes--half-down .benditbetter-note,.benditbetter-notes--whole-down .benditbetter-note,.benditbetter-notes--whole-half-down .benditbetter-note{width:31px;margin:0 3px}.benditbetter-note-text{font-size:15px}.benditbetter-flat,.benditbetter-sharp{font-size:13px}.benditbetter-holes{font-size:10px}.benditbetter-hole:not(:last-of-type){margin-right:23px}.benditbetter-bar{width:calc(100% + 50px);margin-left:-25px}}@media only screen and (width<=479px){.benditbetter-mic-button{left:172px}.benditbetter-select{left:23px}.benditbetter-help{right:22px}.benditbetter-logo{top:280px;left:220px}.benditbetter-logo-img{width:150px}.modal__container{transform:rotate(90deg)}.benditbetter-harmonica{transform-origin:0;width:417px;position:absolute;top:-100px;transform:rotate(90deg)}}
/*# sourceMappingURL=benditbetter.css.map */