.clearafter{content:"";display:block;clear:both}.vcenter{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flexcenter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.backface{-webkit-backface-visibility:hidden;backface-visibility:hidden}.flipH{-webkit-transform:scaleX(-1);transform:scaleX(-1)}

/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url("vendor/fontawesome/webfonts/fa-brands-400.eot");src:url("vendor/fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("vendor/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"),url("vendor/fontawesome/webfonts/fa-brands-400.woff") format("woff"),url("vendor/fontawesome/webfonts/fa-brands-400.ttf") format("truetype"),url("vendor/fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:"Font Awesome 5 Brands"}

/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url("vendor/fontawesome/webfonts/fa-regular-400.eot");src:url("vendor/fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("vendor/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"),url("vendor/fontawesome/webfonts/fa-regular-400.woff") format("woff"),url("vendor/fontawesome/webfonts/fa-regular-400.ttf") format("truetype"),url("vendor/fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}

/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url("vendor/fontawesome/webfonts/fa-solid-900.eot");src:url("vendor/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("vendor/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"),url("vendor/fontawesome/webfonts/fa-solid-900.woff") format("woff"),url("vendor/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"),url("vendor/fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}#subpageheader{position:relative;margin:0 auto;background:#597699;width:100%;cursor:default;padding:1.3125rem 0}@media screen and (max-width:63.99875em){#subpageheader{text-align:center}}#subpageheader .sw{line-height:1}#subpageheader .sw a#b1link,#subpageheader .sw h1{color:#d0d9e4;font-size:1.5625rem;line-height:1.5625rem;font-weight:500;letter-spacing:0.01em;text-transform:uppercase;position:relative;z-index:2;font-family:"Oswald",sans-serif;text-decoration:none;display:inline-block}#subpageheader .sw a#b1link #firstcolor,#subpageheader .sw h1 #firstcolor{color:#fff}#subpageheader .sw a#b1link:hover,[data-whatinput=initial] #subpageheader .sw a#b1link:focus,[data-whatintent=keyboard] #subpageheader .sw a#b1link:focus{text-decoration:underline}#metcontent{margin:0 0 5rem;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.metcontainer1{background:#f2f2f2;padding:3.125rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:63.99875em){.metcontainer1{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width:39.99875em){.metcontainer1{padding:1.875rem 0.625rem}}.metcontainer1--popout{padding:1.25rem;width:100%;text-align:center}.metcontainer1[data-in-view] .metronome__sharing-mobile{-webkit-transition:1.4s 2s ease-in;transition:1.4s 2s ease-in;opacity:0;-webkit-transform:translateY(2.5rem);transform:translateY(2.5rem)}.metcontainer1[data-in-view].is-in-view .metronome__sharing-mobile{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.metcontainer1 .metronome__sharing-mobile{display:none;position:fixed;bottom:0;background:white;-webkit-box-shadow:-1px -1px 6px rgba(0,0,0,0.4);box-shadow:-1px -1px 6px rgba(0,0,0,0.4);width:100%;z-index:1000;padding:0.4375rem 0.625rem 0.875rem 0.625rem;border-top:0.375rem solid #444}@media screen and (max-width:63.99875em){.metcontainer1 .metronome__sharing-mobile{display:block}}.metcontainer1 .metronome__sharing-mobile .sharing-mobile__heading{font-size:0.6875rem;line-height:0.9375rem;font-weight:700;letter-spacing:0em;color:#222;text-align:left;font-family:"Roboto",sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0.375rem}.metcontainer1 .metronome__sharing-mobile .sharing-mobile__heading svg.share{stroke:#597699;width:1.125rem;height:1.125rem;margin-right:0.25rem}.metcontainer1 .metronome__sharing-mobile .essb_links{margin:0}.metcontainer1 .metronome{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:41.25rem;max-width:100%;margin:0 auto;text-align:center;background:#597699;border-radius:0.625rem;-webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.2);box-shadow:1px 1px 10px rgba(0,0,0,0.2);position:relative;padding:1.25rem 1.25rem 2.25rem 1.25rem}@media screen and (max-width:39.99875em){.metcontainer1 .metronome{padding:0.9375rem 0.9375rem 1.9375rem 0.9375rem}}.metcontainer1 .metronome .metronome__sharing{position:absolute;left:-12.5rem;top:0;width:8.125rem;border-radius:0.375rem;background:#fff;padding:0.3125rem}@media screen and (max-width:83.5em){.metcontainer1 .metronome .metronome__sharing{width:5rem;left:-8.125rem}}@media screen and (max-width:63.99875em){.metcontainer1 .metronome .metronome__sharing{display:none}}.metcontainer1 .metronome .metronome__sharing .sharing__heading{padding:0.4375rem 0.4375rem 0.4375rem 1.875rem;font-size:0.6875rem;line-height:0.9375rem;font-weight:700;letter-spacing:0em;background:#eee;color:#444;text-align:left;font-family:"Roboto",sans-serif;border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;position:relative}@media screen and (max-width:83.5em){.metcontainer1 .metronome .metronome__sharing .sharing__heading{font-size:0;border-radius:0.375rem;padding:0.1875rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.metcontainer1 .metronome .metronome__sharing .sharing__heading svg.share{position:absolute;stroke:#597699;width:1.125rem;left:0.375rem;top:0.5rem}@media screen and (max-width:83.5em){.metcontainer1 .metronome .metronome__sharing .sharing__heading svg.share{position:relative;width:1.75rem;top:unset;left:unset;stroke:#aaa}}.metcontainer1 .metronome .metronome__sharing .sharing__social{padding:0.625rem;background:#fff;border-bottom-left-radius:0.375rem;border-bottom-right-radius:0.375rem}.metcontainer1 .metronome .metronome__sharing .sharing__social .essb_links{margin-top:0}.metcontainer1 .metronome .metronome__sharing .sharing__social .essb_links .essb_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.metcontainer1 .metronome .metronome__sharing .sharing__social .essb_links .essb_item .essb_totalcount{margin:0;padding-bottom:0.375rem}.metcontainer1 .metronome .metronome__sharing .sharing__social .essb_links .essb_item .essb_totalcount:before{display:none}.metcontainer1 .metronome .metronome__sharing .sharing__social .essb_links .essb_item .essb_totalcount .essb_t_nb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;line-height:1rem;font-weight:700;letter-spacing:0em;color:#444}.metcontainer1 .metronome .metronome__sharing .sharing__social .essb_links .essb_item .essb_totalcount .essb_t_nb .essb_t_nb_after{margin-left:0.25rem;-webkit-transform:translateY(-0.0625rem);transform:translateY(-0.0625rem);color:#444}.metcontainer1 .metronome .metronome__sharing .sharing__social .essb_links .essb_item>a{margin-right:0}.metcontainer1 .metronome .metronome_top-row{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;padding:1.25rem 0 1.75rem;border-radius:0;background:linear-gradient(150deg,#334459,#465d79);width:100%}@media screen and (max-width:39.99875em){.metcontainer1 .metronome .metronome_top-row{padding:1.25rem 0 0.5rem}}.metcontainer1 .metronome .metronome_top-row #metronome_bpm{color:#fff;font-family:"Oswald",sans-serif;font-size:7.5rem;line-height:7.5rem;font-weight:700;letter-spacing:0em;line-height:1}@media screen and (max-width:39.99875em){.metcontainer1 .metronome .metronome_top-row #metronome_bpm{font-size:6.25rem;line-height:6.25rem}}.metcontainer1 .metronome .metronome_top-row #metronome_bpm:after{content:"bpm";font-weight:normal;font-size:2.8125rem;opacity:0.8}.metcontainer1 .metronome #metronome_interface{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:2rem auto 0;border-radius:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.metcontainer1 .metronome #metronome_interface #metronome_play{width:5.3125rem;height:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;position:relative;margin-right:0.625rem;border-radius:0.25rem;background:#334459;-webkit-transition:0.1s ease;transition:0.1s ease}@media screen and (max-width:39.99875em){.metcontainer1 .metronome #metronome_interface #metronome_play{width:3.75rem}}.metcontainer1 .metronome #metronome_interface #metronome_play:hover,[data-whatinput=initial] .metcontainer1 .metronome #metronome_interface #metronome_play:focus,[data-whatintent=keyboard] .metcontainer1 .metronome #metronome_interface #metronome_play:focus{background:#2e3d4f}.metcontainer1 .metronome #metronome_interface #metronome_play:before{content:"Play";display:block;position:absolute;top:-1.0625rem;color:#fff;left:0;font-size:0.6875rem;line-height:0.6875rem;font-weight:700;letter-spacing:0em;text-transform:uppercase}.metcontainer1 .metronome #metronome_interface #metronome_play .pause,.metcontainer1 .metronome #metronome_interface #metronome_play .play{fill:#599995;position:absolute;height:2rem;width:auto}.metcontainer1 .metronome #metronome_interface #metronome_play .pause{opacity:0}.metcontainer1 .metronome #metronome_interface #metronome_play.stop:before{content:"Pause"}.metcontainer1 .metronome #metronome_interface #metronome_play.stop .play{opacity:0}.metcontainer1 .metronome #metronome_interface #metronome_play.stop .pause{opacity:1}.metcontainer1 .metronome #metronome_interface .metronome_tempo{background:#3d5169;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 0 0 0.9375rem;border-radius:0.25rem}.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_sliderarea{height:2.5rem;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_sliderarea:after{content:"Tempo Controls";white-space:nowrap;display:block;position:absolute;top:-1.0625rem;color:#fff;left:-0.9375rem;font-size:0.6875rem;line-height:0.6875rem;font-weight:700;letter-spacing:0em;text-transform:uppercase}.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_sliderarea:before{content:"";display:block;height:0.1875rem;background:#2a3848;border-bottom:0.0625rem solid #4e6786;left:0;width:100%;position:absolute;opacity:0.7}.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_sliderarea #metronome_slider{position:relative;left:3.875rem;width:0.4375rem;height:1.375rem;background:#599995;border-radius:0.1875rem;-webkit-transform:translateX(-0.125rem);transform:translateX(-0.125rem);cursor:pointer;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.1);box-shadow:1px 1px 1px rgba(0,0,0,0.1);-webkit-transition:0.1s ease;transition:0.1s ease}.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_sliderarea #metronome_slider:hover,[data-whatinput=initial] .metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_sliderarea #metronome_slider:focus,[data-whatintent=keyboard] .metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_sliderarea #metronome_slider:focus{background:#69a8a4}.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_minus,.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_plus{position:relative;width:2.125rem;height:2.5rem;background:#334459;margin-left:0.9375rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-ms-flex:0 0 2.125rem;flex:0 0 2.125rem;cursor:pointer;-webkit-transition:0.1s ease;transition:0.1s ease}@media screen and (max-width:39.99875em){.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_minus,.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_plus{width:2.5rem;-webkit-box-flex:0;-ms-flex:0 0 2.5rem;flex:0 0 2.5rem}}.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_minus:hover,.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_plus:hover,[data-whatinput=initial] .metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_minus:focus,[data-whatinput=initial] .metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_plus:focus,[data-whatintent=keyboard] .metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_minus:focus,[data-whatintent=keyboard] .metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_plus:focus{background:#2e3d4f}.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_minus svg,.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_plus svg{fill:#599995;height:1.125rem}.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_minus{margin-left:0.9375rem}.metcontainer1 .metronome #metronome_interface .metronome_tempo #metronome_plus{margin-left:0.0625rem;border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem}.metcontainer1 .metronome #metronome_interface #metronome_volumearea{background:#3d5169;position:relative;width:6.25rem;height:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;margin-left:3.0625rem;border-right:0.9375rem solid #3d5169}@media screen and (max-width:39.99875em){.metcontainer1 .metronome #metronome_interface #metronome_volumearea{display:none}}.metcontainer1 .metronome #metronome_interface #metronome_volumearea:after{content:"Volume";display:block;position:absolute;top:-1.0625rem;color:#fff;left:-2.25rem;font-size:0.6875rem;line-height:0.6875rem;font-weight:700;letter-spacing:0em;text-transform:uppercase}.metcontainer1 .metronome #metronome_interface #metronome_volumearea:before{content:"";display:block;height:0.1875rem;background:#2a3848;border-bottom:0.0625rem solid #4e6786;right:0;width:100%;position:absolute;opacity:0.7}.metcontainer1 .metronome #metronome_interface #metronome_volumearea .volume-speaker{background:#3d5169;height:2.5rem;position:absolute;left:-2.4375rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0.3125rem 0 0.625rem;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;overflow:hidden}.metcontainer1 .metronome #metronome_interface #metronome_volumearea .volume-speaker svg{fill:#599995;height:1.75rem}.metcontainer1 .metronome #metronome_interface #metronome_volumearea #metronome_volume{position:relative;width:0.4375rem;height:1.375rem;background:#599995;border-radius:0.1875rem;-webkit-transform:translateX(-0.125rem);transform:translateX(-0.125rem);cursor:pointer;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.1);box-shadow:1px 1px 1px rgba(0,0,0,0.1);-webkit-transition:0.1s ease;transition:0.1s ease}.metcontainer1 .metronome #metronome_interface #metronome_volumearea #metronome_volume:hover,[data-whatinput=initial] .metcontainer1 .metronome #metronome_interface #metronome_volumearea #metronome_volume:focus,[data-whatintent=keyboard] .metcontainer1 .metronome #metronome_interface #metronome_volumearea #metronome_volume:focus{background:#69a8a4}.metcontainer1 #metronome_times{border-radius:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:2.1875rem 0;position:relative;border-radius:0.25rem}@media screen and (max-width:39.99875em){.metcontainer1 #metronome_times{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0.1875rem 0 0;margin:2.1875rem 0 1.5625rem}}.metcontainer1 #metronome_times:before{content:"Time Signatures";display:block;position:absolute;top:-1.0625rem;color:#fff;left:0;font-size:0.6875rem;line-height:0.6875rem;font-weight:700;letter-spacing:0em;text-transform:uppercase}.metcontainer1 #metronome_times .metronome_timesignature div{padding:0.4375rem 0.875rem;font-size:0.8125rem;border-radius:0.25rem;line-height:1;background:#334459;cursor:pointer;color:rgba(255,255,255,0.7);-webkit-transition:0.1s ease;transition:0.1s ease}@media screen and (max-width:39.99875em){.metcontainer1 #metronome_times .metronome_timesignature div{margin-bottom:0.625rem;padding:0.4375rem 0.75rem}}.metcontainer1 #metronome_times .metronome_timesignature div:hover,[data-whatinput=initial] .metcontainer1 #metronome_times .metronome_timesignature div:focus,[data-whatintent=keyboard] .metcontainer1 #metronome_times .metronome_timesignature div:focus{background:#2e3d4f}@media screen and (max-width:39.99875em){.metcontainer1 #metronome_times .metronome_timesignature:not(:last-of-type) div{margin-right:0.75rem}}.metcontainer1 #metronome_times .metronome_timesignature.selected div{color:#ffffff;background-color:#599995;text-shadow:1px 1px 0px rgba(0,0,0,0.2)}.metcontainer1 .metronome_bottom-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.metcontainer1 .metronome_bottom-row:before{content:"Sounds";display:block;position:absolute;top:-1.0625rem;color:#fff;left:0;font-size:0.6875rem;line-height:0.6875rem;font-weight:700;letter-spacing:0em;text-transform:uppercase}.metcontainer1 .metronome_bottom-row .soundSelect{width:23%;height:3.75rem;background-size:cover;background-position:center;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;position:relative;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;border:0.0625rem solid #3d5169;border-bottom:0;z-index:2}.metcontainer1 .metronome_bottom-row .soundSelect:after{content:"";display:block;width:100%;height:100%;background:#fff;position:absolute;left:0;top:0;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;opacity:0;-webkit-transition:0.2s ease;transition:0.2s ease}.metcontainer1 .metronome_bottom-row .soundSelect:hover:after,[data-whatinput=initial] .metcontainer1 .metronome_bottom-row .soundSelect:focus:after,[data-whatintent=keyboard] .metcontainer1 .metronome_bottom-row .soundSelect:focus:after{opacity:0.1}.metcontainer1 .metronome_bottom-row .soundSelect:first-child{background-image:url(../images/metronome-hihats.png)}.metcontainer1 .metronome_bottom-row .soundSelect:nth-child(2){background-image:url(../images/metronome-rimclick.png)}.metcontainer1 .metronome_bottom-row .soundSelect:nth-child(3){background-image:url(../images/metronome-digital.png)}.metcontainer1 .metronome_bottom-row .soundSelect:nth-child(4){background-image:url(../images/metronome-toms.png)}.metcontainer1 .metronome_bottom-row .soundSelect .soundSelectText{width:100%;padding:0.1875rem 0 0.25rem;background:white;color:#333;font-size:0.6875rem;line-height:1;font-weight:bold;-webkit-transform:translateY(1rem);transform:translateY(1rem);border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem;display:block;-webkit-box-shadow:0 0 0 1px #3d5169;box-shadow:0 0 0 1px #3d5169;z-index:1}.metcontainer1 .metronome_bottom-row .soundSelect .soundSelectText:before{content:"";display:block;height:0.0625rem;width:100%;background:#fff;z-index:5;position:absolute;top:-0.0625rem;left:0}.metcontainer1 .metronome_bottom-row .soundSelect .soundSelectText.selected{color:#ffffff;background:#599995}.metcontainer1 .metronome_bottom-row .soundSelect .soundSelectText.selected:before{background:#599995}#signedoutdisplay{width:486px;height:60px;display:none;position:relative;text-align:center;margin:0 auto;margin-top:-2px;padding-top:9px;padding-bottom:10px;background:#597699;border-bottom-right-radius:12px;border-bottom-left-radius:12px}div#ph{width:468px;height:60px;background:#414141;display:block;margin:0 auto;cursor:pointer}#signupfree{padding:0;position:absolute;right:9px;bottom:-25px;text-align:center}#signupfree,#signupfree a{font-size:12px!important;font-weight:300}#signupfree a{font-weight:400}#mettext{padding:3.75rem 0 0}#key{-webkit-box-flex:0;-ms-flex:0 0 13.75rem;flex:0 0 13.75rem;margin:5rem 0 5rem 6.25rem;padding:1.25rem;cursor:default;background:#f1f1f1}#key #keytitle{width:100%;margin:0 auto;border-bottom:1px solid #ddd;padding-bottom:6px;color:#597699;font-weight:bold;font-size:14px;text-transform:uppercase}#key .keysection{width:100%;padding-top:12px;clear:both}#key .keysection div{line-height:17px!important}#key .keysection1{padding-top:0}#key .keysection p{font-weight:bold;text-decoration:underline;font-size:12px!important;margin-bottom:0;padding-bottom:0;padding-top:8px}#key #general1{width:90px;float:left;font-size:10px;color:#777}#key #general2{width:92px;float:left;font-size:10px;color:#777}#key #general2 b{color:#597699}#key #general2 span{color:#597699;font-size:13px;display:inline!important;line-height:17px}#key #sounds1{width:48px;float:left;font-size:10px;color:#777}#key #sounds2{width:40px;float:left;font-size:10px;color:#777}#key #sounds2 b{color:#597699}#key #sig1{width:43px;float:left;font-size:10px;color:#777}#key #sig2{width:40px;float:left;font-size:10px;color:#777}#key #sig2 b{color:#597699}