<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<title>Ukulele Tuner</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lobster&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="manifest" href="manifest.webmanifest">
<meta name="theme-color" content="#1976d2">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<link rel="stylesheet" href="styles.3d6c970b992a7bda182d.css"><meta property="og:title" content="Online Ukulele Tuner"><meta name="description" content="Keep your Uke in tune with the most advanced online Uke tuner, compatible with the 7-most popular ukulele tunings."><meta property="og:description" content="Keep your Uke in tune with the most advanced online Uke tuner."><meta name="keywords" content="ukulele tuner ukulele-online"><meta name="canonicalUrl" content=""><meta property="og:image" content="https://uke-tuner.com/uke-tuner_logo.png"><meta property="og:locale" content="en_EN"><meta property="og:site_name" content="uke-tuner.com"><meta property="og:url" content="https://uke-tuner.com/"><meta property="og:type" content="website"><link rel="canonical" href="https://uke-tuner.com/ads.txt"><style ng-transition="serverApp">[_nghost-sc0] .menu-container[_ngcontent-sc0] {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #eee;
}
[_nghost-sc0] .mat-drawer-content {
width: 100%;
overflow-y: auto;
overflow-x: hidden;
}</style><style ng-transition="serverApp">.mat-drawer-container{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden}.mat-drawer-container[fullscreen]{top:0;left:0;right:0;bottom:0;position:absolute}.mat-drawer-container[fullscreen].mat-drawer-container-has-open{overflow:hidden}.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side{z-index:3}.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,.mat-drawer-container.ng-animate-disabled .mat-drawer-content,.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,.ng-animate-disabled .mat-drawer-container .mat-drawer-content{transition:none}.mat-drawer-backdrop{top:0;left:0;right:0;bottom:0;position:absolute;display:block;z-index:3;visibility:hidden}.mat-drawer-backdrop.mat-drawer-shown{visibility:visible}.mat-drawer-transition .mat-drawer-backdrop{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}@media (-ms-high-contrast:active){.mat-drawer-backdrop{opacity:.5}}.mat-drawer-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.mat-drawer-transition .mat-drawer-content{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:transform,margin-left,margin-right}.mat-drawer{position:relative;z-index:4;display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0)}@media (-ms-high-contrast:active){.mat-drawer,[dir=rtl] .mat-drawer.mat-drawer-end{border-right:solid 1px currentColor}}@media (-ms-high-contrast:active){.mat-drawer.mat-drawer-end,[dir=rtl] .mat-drawer{border-left:solid 1px currentColor;border-right:none}}.mat-drawer.mat-drawer-side{z-index:2}.mat-drawer.mat-drawer-end{right:0;transform:translate3d(100%,0,0)}[dir=rtl] .mat-drawer{transform:translate3d(100%,0,0)}[dir=rtl] .mat-drawer.mat-drawer-end{left:0;right:auto;transform:translate3d(-100%,0,0)}.mat-drawer-inner-container{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.mat-sidenav-fixed{position:fixed}</style><style ng-transition="serverApp">.title[_ngcontent-sc3] {
text-transform: uppercase;
padding: 0 10px;
color: #003344;
}
.list-item[_ngcontent-sc3] {
text-align: left;
}
.list-item[_ngcontent-sc3]:hover {
background-color: #FFED7E;
}
.list-item[_ngcontent-sc3]:hover .list-item-text[_ngcontent-sc3], .list-item[_ngcontent-sc3]:hover .hint[_ngcontent-sc3], .list-item[_ngcontent-sc3]:hover .auto-on[_ngcontent-sc3], .list-item[_ngcontent-sc3]:hover .auto-off[_ngcontent-sc3], .list-item[_ngcontent-sc3]:hover .mat-icon[_ngcontent-sc3] {
color: #FFC42E;
}
.list-item[_ngcontent-sc3] .list-item-text[_ngcontent-sc3] {
padding: 0 0 0 15px;
color: #003344;
}
.list-item[_ngcontent-sc3] .hint[_ngcontent-sc3] {
padding: 0 0 0 15px;
color: #D7D7D7;
font-size: 0.8rem;
white-space: normal;
}
.list-item[_ngcontent-sc3] .auto-on[_ngcontent-sc3] {
color: #A5F500 !important;
}
.list-item[_ngcontent-sc3] .auto-off[_ngcontent-sc3] {
color: #B3B5B6;
}
.list-item[_ngcontent-sc3] .mat-icon[_ngcontent-sc3] {
color: #B3B5B6;
}
.tune-mode-select-field[_ngcontent-sc3] {
color: #000;
background-color: #EEEBF1;
width: 100%;
}
.menu-container[_ngcontent-sc3] {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.menu-container[_ngcontent-sc3] .mat-card.footer[_ngcontent-sc3] {
text-align: center;
background-color: #DDDDDD;
color: #525252;
}
.menu-container[_ngcontent-sc3] .mat-card.footer[_ngcontent-sc3] a[_ngcontent-sc3], .menu-container[_ngcontent-sc3] .mat-card.footer[_ngcontent-sc3] a[_ngcontent-sc3]:visited, .menu-container[_ngcontent-sc3] .mat-card.footer[_ngcontent-sc3] a[_ngcontent-sc3]:active {
color: #525252;
font-size: 0.8rem;
text-decoration: none;
}
.mat-drawer {
background-color: #F3F7FA;
}
.mat-sidenav-content {
background-color: #F3F7FA;
}
.mat-drawer-inner-container {
width: 280px;
}
.mat-list-item {
background-color: #F3F7FA;
box-shadow: none;
color: #000;
border: 0;
cursor: pointer;
}
.mat-list-item .mat-list-item-content {
flex-direction: row-reverse !important;
}
.mat-select-panel {
background-color: #F3F7FA;
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background-color: #EEEBF1;
}
.mat-select-panel-wrap .mat-option .mat-option-text {
background-color: #F3F7FA;
}
.mat-select-panel-wrap .mat-option .mat-option-text a, .mat-select-panel-wrap .mat-option .mat-option-text a:visited, .mat-select-panel-wrap .mat-option .mat-option-text a:active {
color: #000;
background-color: transparent;
text-decoration: none;
}
.mat-select-panel-wrap .mat-option.mat-active, .mat-select-panel-wrap .mat-option .mat-selected {
background-color: #EEEBF1;
}
.mat-select-panel-wrap .mat-option.mat-active .mat-option-text, .mat-select-panel-wrap .mat-option .mat-selected .mat-option-text {
background-color: #EEEBF1;
}
.mat-select .mat-select-value {
padding: 0 20px;
}
.mat-select .mat-select-arrow-wrapper {
display: inherit;
border: 2px solid #D7D7D7;
border-radius: 50%;
padding: 9px 3px;
margin-right: 10px;
}
.mat-form-field-underline {
display: none;
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 5px;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0;
}
.links[_ngcontent-sc3] {
display: flex;
flex-direction: column;
width: 100%;
}
.links[_ngcontent-sc3] .links-title[_ngcontent-sc3] {
padding: 0.25rem;
}
.links[_ngcontent-sc3] .links-title[_ngcontent-sc3] img[_ngcontent-sc3] {
width: 100%;
}
.links[_ngcontent-sc3] .links-icons[_ngcontent-sc3] {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin: 0.25rem;
}
.links[_ngcontent-sc3] .links-icons[_ngcontent-sc3] > div[_ngcontent-sc3] {
position: relative;
margin: 0.25rem;
}
.links[_ngcontent-sc3] .links-icons[_ngcontent-sc3] > div[_ngcontent-sc3] img[_ngcontent-sc3] {
width: 100%;
}
.links[_ngcontent-sc3] .links-icons[_ngcontent-sc3] > div[_ngcontent-sc3]:last-child img[_ngcontent-sc3] {
width: 80%;
}</style><style ng-transition="serverApp">[_nghost-sc4] .main-title[_ngcontent-sc4] a[_ngcontent-sc4] {
font-family: "Lobster", cursive;
text-decoration: none;
color: #ffffff;
}
[_nghost-sc4] .menu-container[_ngcontent-sc4] {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #F3F7FA;
}
[_nghost-sc4] mat-toolbar .mat-button-focus-overlay {
background-color: transparent !important;
}
[_nghost-sc4] mat-toolbar .mat-icon-button {
height: 50px;
width: 50px;
margin: 0 10px;
}
[_nghost-sc4] mat-toolbar .mat-icon {
height: 45px;
width: 45px;
}
[_nghost-sc4] mat-toolbar .mat-icon.enabled {
color: #A5F500;
}
[_nghost-sc4] mat-toolbar .main-title {
font-family: "Lobster", cursive;
font-size: 2.8rem;
text-align: center;
width: 100%;
}
@media screen and (max-width: 479px) {
[_nghost-sc4] mat-toolbar .mat-icon-button {
margin: 0px;
}
[_nghost-sc4] mat-toolbar .mat-icon-button.visual-aid-btn {
display: none;
}
[_nghost-sc4] mat-toolbar .main-title {
font-size: 2rem;
}
[_nghost-sc4] mat-toolbar .mat-icon {
height: 35px;
width: 35px;
}
}
@media screen and (max-width: 280px) {
[_nghost-sc4] mat-toolbar .mat-icon-button {
width: 40px;
height: 40px;
}
[_nghost-sc4] mat-toolbar .main-title {
font-size: 1.6rem;
}
[_nghost-sc4] mat-toolbar .mat-icon {
height: 30px;
width: 30px;
}
}</style><style ng-transition="serverApp">@media (-ms-high-contrast:active){.mat-toolbar{outline:solid 1px}}.mat-toolbar-row,.mat-toolbar-single-row{display:flex;box-sizing:border-box;padding:0 16px;width:100%;flex-direction:row;align-items:center;white-space:nowrap}.mat-toolbar-multiple-rows{display:flex;box-sizing:border-box;flex-direction:column;width:100%}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media (max-width:599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}</style><style ng-transition="serverApp">.mat-button .mat-button-focus-overlay,.mat-icon-button .mat-button-focus-overlay{opacity:0}.mat-button:hover .mat-button-focus-overlay,.mat-stroked-button:hover .mat-button-focus-overlay{opacity:.04}@media (hover:none){.mat-button:hover .mat-button-focus-overlay,.mat-stroked-button:hover .mat-button-focus-overlay{opacity:0}}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible}.mat-button::-moz-focus-inner,.mat-flat-button::-moz-focus-inner,.mat-icon-button::-moz-focus-inner,.mat-stroked-button::-moz-focus-inner{border:0}.mat-button[disabled],.mat-flat-button[disabled],.mat-icon-button[disabled],.mat-stroked-button[disabled]{cursor:default}.mat-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-button.cdk-program-focused .mat-button-focus-overlay,.mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-flat-button.cdk-program-focused .mat-button-focus-overlay,.mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-icon-button.cdk-program-focused .mat-button-focus-overlay,.mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-button::-moz-focus-inner,.mat-flat-button::-moz-focus-inner,.mat-icon-button::-moz-focus-inner,.mat-stroked-button::-moz-focus-inner{border:0}.mat-raised-button{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0,0,0);transition:background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1)}.mat-raised-button::-moz-focus-inner{border:0}.mat-raised-button[disabled]{cursor:default}.mat-raised-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-raised-button.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-raised-button::-moz-focus-inner{border:0}._mat-animation-noopable.mat-raised-button{transition:none;animation:none}.mat-stroked-button{border:1px solid currentColor;padding:0 15px;line-height:34px}.mat-stroked-button .mat-button-focus-overlay,.mat-stroked-button .mat-button-ripple.mat-ripple{top:-1px;left:-1px;right:-1px;bottom:-1px}.mat-fab{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0,0,0);transition:background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);min-width:0;border-radius:50%;width:56px;height:56px;padding:0;flex-shrink:0}.mat-fab::-moz-focus-inner{border:0}.mat-fab[disabled]{cursor:default}.mat-fab.cdk-keyboard-focused .mat-button-focus-overlay,.mat-fab.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-fab::-moz-focus-inner{border:0}._mat-animation-noopable.mat-fab{transition:none;animation:none}.mat-fab .mat-button-wrapper{padding:16px 0;display:inline-block;line-height:24px}.mat-mini-fab{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0,0,0);transition:background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);min-width:0;border-radius:50%;width:40px;height:40px;padding:0;flex-shrink:0}.mat-mini-fab::-moz-focus-inner{border:0}.mat-mini-fab[disabled]{cursor:default}.mat-mini-fab.cdk-keyboard-focused .mat-button-focus-overlay,.mat-mini-fab.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-mini-fab::-moz-focus-inner{border:0}._mat-animation-noopable.mat-mini-fab{transition:none;animation:none}.mat-mini-fab .mat-button-wrapper{padding:8px 0;display:inline-block;line-height:24px}.mat-icon-button{padding:0;min-width:0;width:40px;height:40px;flex-shrink:0;line-height:40px;border-radius:50%}.mat-icon-button .mat-icon,.mat-icon-button i{line-height:24px}.mat-button-focus-overlay,.mat-button-ripple.mat-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-button-ripple.mat-ripple:not(:empty){transform:translateZ(0)}.mat-button-focus-overlay{opacity:0;transition:opacity .2s cubic-bezier(.35,0,.25,1),background-color .2s cubic-bezier(.35,0,.25,1)}._mat-animation-noopable .mat-button-focus-overlay{transition:none}@media (-ms-high-contrast:active){.mat-button-focus-overlay{background-color:#fff}}@media (-ms-high-contrast:black-on-white){.mat-button-focus-overlay{background-color:#000}}.mat-button-ripple-round{border-radius:50%;z-index:1}.mat-button .mat-button-wrapper>*,.mat-fab .mat-button-wrapper>*,.mat-flat-button .mat-button-wrapper>*,.mat-icon-button .mat-button-wrapper>*,.mat-mini-fab .mat-button-wrapper>*,.mat-raised-button .mat-button-wrapper>*,.mat-stroked-button .mat-button-wrapper>*{vertical-align:middle}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button{display:block;font-size:inherit;width:2.5em;height:2.5em}@media (-ms-high-contrast:active){.mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button{outline:solid 1px}}</style><style ng-transition="serverApp">.mat-icon{background-repeat:no-repeat;display:inline-block;fill:currentColor;height:24px;width:24px}.mat-icon.mat-icon-inline{font-size:inherit;height:inherit;line-height:inherit;width:inherit}[dir=rtl] .mat-icon-rtl-mirror{transform:scale(-1,1)}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon{display:block}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon{margin:auto}</style><style ng-transition="serverApp">.mat-form-field{display:inline-block;position:relative;text-align:left}[dir=rtl] .mat-form-field{text-align:right}.mat-form-field-wrapper{position:relative}.mat-form-field-flex{display:inline-flex;align-items:baseline;box-sizing:border-box;width:100%}.mat-form-field-prefix,.mat-form-field-suffix{white-space:nowrap;flex:none;position:relative}.mat-form-field-infix{display:block;position:relative;flex:auto;min-width:0;width:180px}@media (-ms-high-contrast:active){.mat-form-field-infix{border-image:linear-gradient(transparent,transparent)}}.mat-form-field-label-wrapper{position:absolute;left:0;box-sizing:content-box;width:100%;height:100%;overflow:hidden;pointer-events:none}[dir=rtl] .mat-form-field-label-wrapper{left:auto;right:0}.mat-form-field-label{position:absolute;left:0;font:inherit;pointer-events:none;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform-origin:0 0;transition:transform .4s cubic-bezier(.25,.8,.25,1),color .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1);display:none}[dir=rtl] .mat-form-field-label{transform-origin:100% 0;left:auto;right:0}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-empty.mat-form-field-label{display:block}.mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{display:none}.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{display:block;transition:none}.mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label{display:none}.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float .mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label{display:block}.mat-form-field-label:not(.mat-form-field-empty){transition:none}.mat-form-field-underline{position:absolute;width:100%;pointer-events:none;transform:scaleY(1.0001)}.mat-form-field-ripple{position:absolute;left:0;width:100%;transform-origin:50%;transform:scaleX(.5);opacity:0;transition:background-color .3s cubic-bezier(.55,0,.55,.2)}.mat-form-field.mat-focused .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple{opacity:1;transform:scaleX(1);transition:transform .3s cubic-bezier(.25,.8,.25,1),opacity .1s cubic-bezier(.25,.8,.25,1),background-color .3s cubic-bezier(.25,.8,.25,1)}.mat-form-field-subscript-wrapper{position:absolute;box-sizing:border-box;width:100%;overflow:hidden}.mat-form-field-label-wrapper .mat-icon,.mat-form-field-subscript-wrapper .mat-icon{width:1em;height:1em;font-size:inherit;vertical-align:baseline}.mat-form-field-hint-wrapper{display:flex}.mat-form-field-hint-spacer{flex:1 0 1em}.mat-error{display:block}.mat-form-field-control-wrapper{position:relative}.mat-form-field._mat-animation-noopable .mat-form-field-label,.mat-form-field._mat-animation-noopable .mat-form-field-ripple{transition:none}</style><style ng-transition="serverApp">.mat-form-field-appearance-fill .mat-form-field-flex{border-radius:4px 4px 0 0;padding:.75em .75em 0 .75em}@media (-ms-high-contrast:active){.mat-form-field-appearance-fill .mat-form-field-flex{outline:solid 1px}}.mat-form-field-appearance-fill .mat-form-field-underline::before{content:'';display:block;position:absolute;bottom:0;height:1px;width:100%}.mat-form-field-appearance-fill .mat-form-field-ripple{bottom:0;height:2px}@media (-ms-high-contrast:active){.mat-form-field-appearance-fill .mat-form-field-ripple{height:0;border-top:solid 2px}}.mat-form-field-appearance-fill:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.25,.8,.25,1)}.mat-form-field-appearance-fill._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{transition:none}.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper{padding:0 1em}</style><style ng-transition="serverApp">.mat-input-element{font:inherit;background:0 0;color:currentColor;border:none;outline:0;padding:0;margin:0;width:100%;max-width:100%;vertical-align:bottom;text-align:inherit}.mat-input-element:-moz-ui-invalid{box-shadow:none}.mat-input-element::-ms-clear,.mat-input-element::-ms-reveal{display:none}.mat-input-element,.mat-input-element::-webkit-search-cancel-button,.mat-input-element::-webkit-search-decoration,.mat-input-element::-webkit-search-results-button,.mat-input-element::-webkit-search-results-decoration{-webkit-appearance:none}.mat-input-element::-webkit-caps-lock-indicator,.mat-input-element::-webkit-contacts-auto-fill-button,.mat-input-element::-webkit-credentials-auto-fill-button{visibility:hidden}.mat-input-element[type=date]::after,.mat-input-element[type=datetime-local]::after,.mat-input-element[type=datetime]::after,.mat-input-element[type=month]::after,.mat-input-element[type=time]::after,.mat-input-element[type=week]::after{content:' ';white-space:pre;width:1px}.mat-input-element::-webkit-calendar-picker-indicator,.mat-input-element::-webkit-clear-button,.mat-input-element::-webkit-inner-spin-button{font-size:.75em}.mat-input-element::placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .4s .133s cubic-bezier(.25,.8,.25,1)}.mat-input-element::placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element::-moz-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .4s .133s cubic-bezier(.25,.8,.25,1)}.mat-input-element::-moz-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element::-webkit-input-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .4s .133s cubic-bezier(.25,.8,.25,1)}.mat-input-element::-webkit-input-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element:-ms-input-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .4s .133s cubic-bezier(.25,.8,.25,1)}.mat-input-element:-ms-input-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-form-field-hide-placeholder .mat-input-element::placeholder{color:transparent!important;-webkit-text-fill-color:transparent;transition:none}.mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder{color:transparent!important;-webkit-text-fill-color:transparent;transition:none}.mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder{color:transparent!important;-webkit-text-fill-color:transparent;transition:none}.mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder{color:transparent!important;-webkit-text-fill-color:transparent;transition:none}textarea.mat-input-element{resize:vertical;overflow:auto}textarea.mat-input-element.cdk-textarea-autosize{resize:none}textarea.mat-input-element{padding:2px 0;margin:-2px 0}select.mat-input-element{-moz-appearance:none;-webkit-appearance:none;position:relative;background-color:transparent;display:inline-flex;box-sizing:border-box;padding-top:1em;top:-1em;margin-bottom:-1em}select.mat-input-element::-ms-expand{display:none}select.mat-input-element::-moz-focus-inner{border:0}select.mat-input-element:not(:disabled){cursor:pointer}select.mat-input-element::-ms-value{color:inherit;background:0 0}@media (-ms-high-contrast:active){.mat-focused select.mat-input-element::-ms-value{color:inherit}}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;position:absolute;top:50%;right:0;margin-top:-2.5px;pointer-events:none}[dir=rtl] .mat-form-field-type-mat-native-select .mat-form-field-infix::after{right:auto;left:0}.mat-form-field-type-mat-native-select .mat-input-element{padding-right:15px}[dir=rtl] .mat-form-field-type-mat-native-select .mat-input-element{padding-right:0;padding-left:15px}.mat-form-field-type-mat-native-select .mat-form-field-label-wrapper{max-width:calc(100% - 10px)}.mat-form-field-type-mat-native-select.mat-form-field-appearance-outline .mat-form-field-infix::after{margin-top:-5px}.mat-form-field-type-mat-native-select.mat-form-field-appearance-fill .mat-form-field-infix::after{margin-top:-10px}</style><style ng-transition="serverApp">.mat-form-field-appearance-legacy .mat-form-field-label{transform:perspective(100px);-ms-transform:none}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon{width:1em}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button{font:inherit;vertical-align:baseline}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button .mat-icon{font-size:inherit}.mat-form-field-appearance-legacy .mat-form-field-underline{height:1px}@media (-ms-high-contrast:active){.mat-form-field-appearance-legacy .mat-form-field-underline{height:0;border-top:solid 1px}}.mat-form-field-appearance-legacy .mat-form-field-ripple{top:0;height:2px;overflow:hidden}@media (-ms-high-contrast:active){.mat-form-field-appearance-legacy .mat-form-field-ripple{height:0;border-top:solid 2px}}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-position:0;background-color:transparent}@media (-ms-high-contrast:active){.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{border-top-style:dotted;border-top-width:2px}}.mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple{height:1px}</style><style ng-transition="serverApp">.mat-form-field-appearance-outline .mat-form-field-wrapper{margin:.25em 0}.mat-form-field-appearance-outline .mat-form-field-flex{padding:0 .75em 0 .75em;margin-top:-.25em;position:relative}.mat-form-field-appearance-outline .mat-form-field-prefix,.mat-form-field-appearance-outline .mat-form-field-suffix{top:.25em}.mat-form-field-appearance-outline .mat-form-field-outline{display:flex;position:absolute;top:.25em;left:0;right:0;bottom:0;pointer-events:none}.mat-form-field-appearance-outline .mat-form-field-outline-end,.mat-form-field-appearance-outline .mat-form-field-outline-start{border:1px solid currentColor;min-width:5px}.mat-form-field-appearance-outline .mat-form-field-outline-start{border-radius:5px 0 0 5px;border-right-style:none}[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-start{border-right-style:solid;border-left-style:none;border-radius:0 5px 5px 0}.mat-form-field-appearance-outline .mat-form-field-outline-end{border-radius:0 5px 5px 0;border-left-style:none;flex-grow:1}[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-end{border-left-style:solid;border-right-style:none;border-radius:5px 0 0 5px}.mat-form-field-appearance-outline .mat-form-field-outline-gap{border-radius:.000001px;border:1px solid currentColor;border-left-style:none;border-right-style:none}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap{border-top-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline-thick{opacity:0}.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap,.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start{border-width:2px;transition:border-color .3s cubic-bezier(.25,.8,.25,1)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline,.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline{opacity:0;transition:opacity .1s cubic-bezier(.25,.8,.25,1)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline-thick{opacity:1}.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline{opacity:0;transition:opacity .6s cubic-bezier(.25,.8,.25,1)}.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick{opacity:1}.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper{padding:0 1em}.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-end,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-gap,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-start,.mat-form-field-appearance-outline._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-outline{transition:none}</style><style ng-transition="serverApp">.mat-form-field-appearance-standard .mat-form-field-flex{padding-top:.75em}.mat-form-field-appearance-standard .mat-form-field-underline{height:1px}@media (-ms-high-contrast:active){.mat-form-field-appearance-standard .mat-form-field-underline{height:0;border-top:solid 1px}}.mat-form-field-appearance-standard .mat-form-field-ripple{bottom:0;height:2px}@media (-ms-high-contrast:active){.mat-form-field-appearance-standard .mat-form-field-ripple{height:0;border-top:2px}}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-position:0;background-color:transparent}@media (-ms-high-contrast:active){.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{border-top-style:dotted;border-top-width:2px}}.mat-form-field-appearance-standard:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.25,.8,.25,1)}.mat-form-field-appearance-standard._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{transition:none}</style><style ng-transition="serverApp">.mat-select{display:inline-block;width:100%;outline:0}.mat-select-trigger{display:inline-table;cursor:pointer;position:relative;box-sizing:border-box}.mat-select-disabled .mat-select-trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.mat-select-value{display:table-cell;max-width:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-select-value-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-select-arrow-wrapper{display:table-cell;vertical-align:middle}.mat-form-field-appearance-fill .mat-select-arrow-wrapper{transform:translateY(-50%)}.mat-form-field-appearance-outline .mat-select-arrow-wrapper{transform:translateY(-25%)}.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(-50%)}.mat-form-field-appearance-standard .mat-select.mat-select-empty .mat-select-arrow-wrapper{transition:transform .4s cubic-bezier(.25,.8,.25,1)}._mat-animation-noopable.mat-form-field-appearance-standard .mat-select.mat-select-empty .mat-select-arrow-wrapper{transition:none}.mat-select-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;margin:0 4px}.mat-select-panel-wrap{flex-basis:100%}.mat-select-panel{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:0;max-height:256px;min-width:100%;border-radius:4px}@media (-ms-high-contrast:active){.mat-select-panel{outline:solid 1px}}.mat-select-panel .mat-optgroup-label,.mat-select-panel .mat-option{font-size:inherit;line-height:3em;height:3em}.mat-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-form-field-flex{cursor:pointer}.mat-form-field-type-mat-select .mat-form-field-label{width:calc(100% - 18px)}.mat-select-placeholder{transition:color .4s .133s cubic-bezier(.25,.8,.25,1)}._mat-animation-noopable .mat-select-placeholder{transition:none}.mat-form-field-hide-placeholder .mat-select-placeholder{color:transparent;-webkit-text-fill-color:transparent;transition:none;display:block}</style><style ng-transition="serverApp">.mat-subheader{display:flex;box-sizing:border-box;padding:16px;align-items:center}.mat-list-base .mat-subheader{margin:0}.mat-list-base{padding-top:8px;display:block;-webkit-tap-highlight-color:transparent}.mat-list-base .mat-subheader{height:48px;line-height:16px}.mat-list-base .mat-subheader:first-child{margin-top:-8px}.mat-list-base .mat-list-item,.mat-list-base .mat-list-option{display:block;height:48px;-webkit-tap-highlight-color:transparent;width:100%;padding:0}.mat-list-base .mat-list-item .mat-list-item-content,.mat-list-base .mat-list-option .mat-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;padding:0 16px;position:relative;height:inherit}.mat-list-base .mat-list-item .mat-list-item-content-reverse,.mat-list-base .mat-list-option .mat-list-item-content-reverse{display:flex;align-items:center;padding:0 16px;flex-direction:row-reverse;justify-content:space-around}.mat-list-base .mat-list-item .mat-list-item-ripple,.mat-list-base .mat-list-option .mat-list-item-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-list-base .mat-list-item.mat-list-item-with-avatar,.mat-list-base .mat-list-option.mat-list-item-with-avatar{height:56px}.mat-list-base .mat-list-item.mat-2-line,.mat-list-base .mat-list-option.mat-2-line{height:72px}.mat-list-base .mat-list-item.mat-3-line,.mat-list-base .mat-list-option.mat-3-line{height:88px}.mat-list-base .mat-list-item.mat-multi-line,.mat-list-base .mat-list-option.mat-multi-line{height:auto}.mat-list-base .mat-list-item.mat-multi-line .mat-list-item-content,.mat-list-base .mat-list-option.mat-multi-line .mat-list-item-content{padding-top:16px;padding-bottom:16px}.mat-list-base .mat-list-item .mat-list-text,.mat-list-base .mat-list-option .mat-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow:hidden;padding:0}.mat-list-base .mat-list-item .mat-list-text>*,.mat-list-base .mat-list-option .mat-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.mat-list-base .mat-list-item .mat-list-text:empty,.mat-list-base .mat-list-option .mat-list-text:empty{display:none}.mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,.mat-list-base .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,.mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,.mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text{padding-right:0;padding-left:16px}[dir=rtl] .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text{padding-right:16px;padding-left:0}.mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,.mat-list-base .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,.mat-list-base .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text{padding-left:0;padding-right:16px}[dir=rtl] .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text{padding-right:0;padding-left:16px}.mat-list-base .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text,.mat-list-base .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text,.mat-list-base .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text{padding-right:16px;padding-left:16px}.mat-list-base .mat-list-item .mat-list-avatar,.mat-list-base .mat-list-option .mat-list-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;object-fit:cover}.mat-list-base .mat-list-item .mat-list-avatar~.mat-divider-inset,.mat-list-base .mat-list-option .mat-list-avatar~.mat-divider-inset{margin-left:72px;width:calc(100% - 72px)}[dir=rtl] .mat-list-base .mat-list-item .mat-list-avatar~.mat-divider-inset,[dir=rtl] .mat-list-base .mat-list-option .mat-list-avatar~.mat-divider-inset{margin-left:auto;margin-right:72px}.mat-list-base .mat-list-item .mat-list-icon,.mat-list-base .mat-list-option .mat-list-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;padding:4px}.mat-list-base .mat-list-item .mat-list-icon~.mat-divider-inset,.mat-list-base .mat-list-option .mat-list-icon~.mat-divider-inset{margin-left:64px;width:calc(100% - 64px)}[dir=rtl] .mat-list-base .mat-list-item .mat-list-icon~.mat-divider-inset,[dir=rtl] .mat-list-base .mat-list-option .mat-list-icon~.mat-divider-inset{margin-left:auto;margin-right:64px}.mat-list-base .mat-list-item .mat-divider,.mat-list-base .mat-list-option .mat-divider{position:absolute;bottom:0;left:0;width:100%;margin:0}[dir=rtl] .mat-list-base .mat-list-item .mat-divider,[dir=rtl] .mat-list-base .mat-list-option .mat-divider{margin-left:auto;margin-right:0}.mat-list-base .mat-list-item .mat-divider.mat-divider-inset,.mat-list-base .mat-list-option .mat-divider.mat-divider-inset{position:absolute}.mat-list-base[dense]{padding-top:4px;display:block}.mat-list-base[dense] .mat-subheader{height:40px;line-height:8px}.mat-list-base[dense] .mat-subheader:first-child{margin-top:-4px}.mat-list-base[dense] .mat-list-item,.mat-list-base[dense] .mat-list-option{display:block;height:40px;-webkit-tap-highlight-color:transparent;width:100%;padding:0}.mat-list-base[dense] .mat-list-item .mat-list-item-content,.mat-list-base[dense] .mat-list-option .mat-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;padding:0 16px;position:relative;height:inherit}.mat-list-base[dense] .mat-list-item .mat-list-item-content-reverse,.mat-list-base[dense] .mat-list-option .mat-list-item-content-reverse{display:flex;align-items:center;padding:0 16px;flex-direction:row-reverse;justify-content:space-around}.mat-list-base[dense] .mat-list-item .mat-list-item-ripple,.mat-list-base[dense] .mat-list-option .mat-list-item-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar{height:48px}.mat-list-base[dense] .mat-list-item.mat-2-line,.mat-list-base[dense] .mat-list-option.mat-2-line{height:60px}.mat-list-base[dense] .mat-list-item.mat-3-line,.mat-list-base[dense] .mat-list-option.mat-3-line{height:76px}.mat-list-base[dense] .mat-list-item.mat-multi-line,.mat-list-base[dense] .mat-list-option.mat-multi-line{height:auto}.mat-list-base[dense] .mat-list-item.mat-multi-line .mat-list-item-content,.mat-list-base[dense] .mat-list-option.mat-multi-line .mat-list-item-content{padding-top:16px;padding-bottom:16px}.mat-list-base[dense] .mat-list-item .mat-list-text,.mat-list-base[dense] .mat-list-option .mat-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow:hidden;padding:0}.mat-list-base[dense] .mat-list-item .mat-list-text>*,.mat-list-base[dense] .mat-list-option .mat-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.mat-list-base[dense] .mat-list-item .mat-list-text:empty,.mat-list-base[dense] .mat-list-option .mat-list-text:empty{display:none}.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,.mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text{padding-right:0;padding-left:16px}[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text{padding-right:16px;padding-left:0}.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,.mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text{padding-left:0;padding-right:16px}[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text{padding-right:0;padding-left:16px}.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text,.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text{padding-right:16px;padding-left:16px}.mat-list-base[dense] .mat-list-item .mat-list-avatar,.mat-list-base[dense] .mat-list-option .mat-list-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;object-fit:cover}.mat-list-base[dense] .mat-list-item .mat-list-avatar~.mat-divider-inset,.mat-list-base[dense] .mat-list-option .mat-list-avatar~.mat-divider-inset{margin-left:68px;width:calc(100% - 68px)}[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-list-avatar~.mat-divider-inset,[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-list-avatar~.mat-divider-inset{margin-left:auto;margin-right:68px}.mat-list-base[dense] .mat-list-item .mat-list-icon,.mat-list-base[dense] .mat-list-option .mat-list-icon{flex-shrink:0;width:20px;height:20px;font-size:20px;box-sizing:content-box;border-radius:50%;padding:4px}.mat-list-base[dense] .mat-list-item .mat-list-icon~.mat-divider-inset,.mat-list-base[dense] .mat-list-option .mat-list-icon~.mat-divider-inset{margin-left:60px;width:calc(100% - 60px)}[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-list-icon~.mat-divider-inset,[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-list-icon~.mat-divider-inset{margin-left:auto;margin-right:60px}.mat-list-base[dense] .mat-list-item .mat-divider,.mat-list-base[dense] .mat-list-option .mat-divider{position:absolute;bottom:0;left:0;width:100%;margin:0}[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-divider,[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-divider{margin-left:auto;margin-right:0}.mat-list-base[dense] .mat-list-item .mat-divider.mat-divider-inset,.mat-list-base[dense] .mat-list-option .mat-divider.mat-divider-inset{position:absolute}.mat-nav-list a{text-decoration:none;color:inherit}.mat-nav-list .mat-list-item{cursor:pointer;outline:0}mat-action-list button{background:0 0;color:inherit;border:none;font:inherit;outline:inherit;-webkit-tap-highlight-color:transparent;text-align:left}[dir=rtl] mat-action-list button{text-align:right}mat-action-list button::-moz-focus-inner{border:0}mat-action-list .mat-list-item{cursor:pointer;outline:inherit}.mat-list-option:not(.mat-list-item-disabled){cursor:pointer;outline:0}@media (-ms-high-contrast:active){.mat-selection-list:focus{outline-style:dotted}.mat-list-option:focus,.mat-list-option:hover,.mat-nav-list .mat-list-item:focus,.mat-nav-list .mat-list-item:hover,mat-action-list .mat-list-item:focus,mat-action-list .mat-list-item:hover{outline:dotted 1px}}@media (hover:none){.mat-action-list .mat-list-item:not(.mat-list-item-disabled):hover,.mat-list-option:not(.mat-list-item-disabled):hover,.mat-nav-list .mat-list-item:not(.mat-list-item-disabled):hover{background:0 0}}</style><style ng-transition="serverApp">.mat-card{transition:box-shadow 280ms cubic-bezier(.4,0,.2,1);display:block;position:relative;padding:16px;border-radius:4px}._mat-animation-noopable.mat-card{transition:none;animation:none}.mat-card .mat-divider-horizontal{position:absolute;left:0;width:100%}[dir=rtl] .mat-card .mat-divider-horizontal{left:auto;right:0}.mat-card .mat-divider-horizontal.mat-divider-inset{position:static;margin:0}[dir=rtl] .mat-card .mat-divider-horizontal.mat-divider-inset{margin-right:0}@media (-ms-high-contrast:active){.mat-card{outline:solid 1px}}.mat-card-actions,.mat-card-content,.mat-card-subtitle{display:block;margin-bottom:16px}.mat-card-title{display:block;margin-bottom:8px}.mat-card-actions{margin-left:-8px;margin-right:-8px;padding:8px 0}.mat-card-actions-align-end{display:flex;justify-content:flex-end}.mat-card-image{width:calc(100% + 32px);margin:0 -16px 16px -16px}.mat-card-footer{display:block;margin:0 -16px -16px -16px}.mat-card-actions .mat-button,.mat-card-actions .mat-raised-button,.mat-card-actions .mat-stroked-button{margin:0 8px}.mat-card-header{display:flex;flex-direction:row}.mat-card-header .mat-card-title{margin-bottom:12px}.mat-card-header-text{margin:0 16px}.mat-card-avatar{height:40px;width:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.mat-card-title-group{display:flex;justify-content:space-between}.mat-card-sm-image{width:80px;height:80px}.mat-card-md-image{width:112px;height:112px}.mat-card-lg-image{width:152px;height:152px}.mat-card-xl-image{width:240px;height:240px;margin:-8px}.mat-card-title-group>.mat-card-xl-image{margin:-8px 0 8px}@media (max-width:599px){.mat-card-title-group{margin:0}.mat-card-xl-image{margin-left:0;margin-right:0}}.mat-card-content>:first-child,.mat-card>:first-child{margin-top:0}.mat-card-content>:last-child:not(.mat-card-footer),.mat-card>:last-child:not(.mat-card-footer){margin-bottom:0}.mat-card-image:first-child{margin-top:-16px;border-top-left-radius:inherit;border-top-right-radius:inherit}.mat-card>.mat-card-actions:last-child{margin-bottom:-8px;padding-bottom:0}.mat-card-actions .mat-button:first-child,.mat-card-actions .mat-raised-button:first-child,.mat-card-actions .mat-stroked-button:first-child{margin-left:0;margin-right:0}.mat-card-subtitle:not(:first-child),.mat-card-title:not(:first-child){margin-top:-4px}.mat-card-header .mat-card-subtitle:not(:first-child){margin-top:-8px}.mat-card>.mat-card-xl-image:first-child{margin-top:-8px}.mat-card>.mat-card-xl-image:last-child{margin-bottom:-8px}</style><style ng-transition="serverApp">.mat-option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:48px;height:48px;padding:0 16px;text-align:left;text-decoration:none;max-width:100%;position:relative;cursor:pointer;outline:0;display:flex;flex-direction:row;max-width:100%;box-sizing:border-box;align-items:center;-webkit-tap-highlight-color:transparent}.mat-option[disabled]{cursor:default}[dir=rtl] .mat-option{text-align:right}.mat-option .mat-icon{margin-right:16px;vertical-align:middle}.mat-option .mat-icon svg{vertical-align:top}[dir=rtl] .mat-option .mat-icon{margin-left:16px;margin-right:0}.mat-option[aria-disabled=true]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.mat-optgroup .mat-option:not(.mat-option-multiple){padding-left:32px}[dir=rtl] .mat-optgroup .mat-option:not(.mat-option-multiple){padding-left:16px;padding-right:32px}@media (-ms-high-contrast:active){.mat-option{margin:0 1px}.mat-option.mat-active{border:solid 1px currentColor;margin:0}}.mat-option-text{display:inline-block;flex-grow:1;overflow:hidden;text-overflow:ellipsis}.mat-option .mat-option-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}@media (-ms-high-contrast:active){.mat-option .mat-option-ripple{opacity:.5}}.mat-option-pseudo-checkbox{margin-right:8px}[dir=rtl] .mat-option-pseudo-checkbox{margin-left:8px;margin-right:0}</style><style ng-transition="serverApp">.title[_ngcontent-sc14] {
font-family: "Raleway", sans-serif;
color: #003344;
font-size: 2rem;
margin: 10px;
text-align: center;
font-weight: normal;
}
.mat-card[_ngcontent-sc14] {
background-color: #F3F7FA;
padding: 0;
}
.mat-card[_ngcontent-sc14] .mat-card-header[_ngcontent-sc14] {
background-color: #006687;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0 40px;
text-align: center;
}
.mat-card[_ngcontent-sc14] .mat-card-header[_ngcontent-sc14] h3[_ngcontent-sc14] {
font-family: "Raleway", sans-serif;
}
.mat-card[_ngcontent-sc14] .mat-card-header[_ngcontent-sc14] p[_ngcontent-sc14] {
margin: 0;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] {
display: flex;
flex-direction: column;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] h4[_ngcontent-sc14] {
color: #003344;
font-family: "Lobster", cursive;
font-size: 1.8rem;
padding: 10px 0 0 0;
text-align: center;
margin-bottom: 0;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] p[_ngcontent-sc14] {
color: #B3B5B6;
text-align: center;
padding: 0;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-end;
min-height: 500px;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] .ukulele-box[_ngcontent-sc14] {
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] .ukulele-box[_ngcontent-sc14] .ukulele-img[_ngcontent-sc14] {
padding: 10px;
width: 130px;
height: auto;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] .ukulele-box[_ngcontent-sc14] .mat-button[_ngcontent-sc14] {
color: #003344;
background-color: #ffffff;
font-weight: bold;
font-size: 1.2rem;
border-radius: 15px;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] .ukulele-box[_ngcontent-sc14] .mat-button[_ngcontent-sc14] .mat-button-wrapper[_ngcontent-sc14] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] .ukulele-box[_ngcontent-sc14] .mat-button[_ngcontent-sc14] .desc[_ngcontent-sc14], .mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] .ukulele-box[_ngcontent-sc14] .mat-button[_ngcontent-sc14] .hint[_ngcontent-sc14] {
margin-top: -15px;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] .ukulele-box[_ngcontent-sc14] .mat-button[_ngcontent-sc14] .desc[_ngcontent-sc14] {
color: #006687;
font-size: 1rem;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] .ukulele-box[_ngcontent-sc14] .mat-button[_ngcontent-sc14] .hint[_ngcontent-sc14] {
color: #B3B5B6;
font-size: 0.7rem;
}
.mat-card[_ngcontent-sc14] .mat-card-footer[_ngcontent-sc14] {
min-height: 60px;
padding: 0;
margin: 0;
}
@media screen and (max-width: 479px) {
.title[_ngcontent-sc14] {
font-size: 1.8rem;
}
.mat-card[_ngcontent-sc14] .mat-card-header[_ngcontent-sc14] {
padding: 0.5rem;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] {
flex-direction: column !important;
align-items: center;
width: 100%;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] .ukulele-box[_ngcontent-sc14] {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0.25rem;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] .ukulele-box[_ngcontent-sc14] .mat-button[_ngcontent-sc14] {
width: 90%;
}
}
@media screen and (min-width: 479px) and (max-width: 568px) {
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] {
flex-direction: row !important;
flex-wrap: wrap;
}
}
@media screen and (min-width: 568px) and (max-width: 660px) {
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] .ukulele-box[_ngcontent-sc14] {
padding: 0.25rem;
}
.mat-card[_ngcontent-sc14] .mat-card-content[_ngcontent-sc14] .ukulele-selector-container[_ngcontent-sc14] .ukulele-box[_ngcontent-sc14] .ukulele-img[_ngcontent-sc14] {
width: 115px;
}
}</style></head>
<body>
<app-root _nghost-sc0="" ng-version="8.2.13"><mat-sidenav-container _ngcontent-sc0="" class="menu-container mat-drawer-container mat-sidenav-container"><!----><div class="mat-drawer-backdrop ng-star-inserted"></div><div class="cdk-visually-hidden cdk-focus-trap-anchor" aria-hidden="true"></div><mat-sidenav _ngcontent-sc0="" class="mat-drawer mat-sidenav ng-tns-c2-0 ng-trigger ng-trigger-transform mat-drawer-over ng-star-inserted" mode="over" tabindex="-1" style="box-shadow:none;visibility:hidden;"><div class="mat-drawer-inner-container"><app-side-menu _ngcontent-sc0="" _nghost-sc3=""><div _ngcontent-sc3="" class="menu-container"><div _ngcontent-sc3="" class="menu"><mat-toolbar _ngcontent-sc3="" class="mat-toolbar mat-accent-light mat-toolbar-single-row" color="accent-light"><button _ngcontent-sc3="" mat-icon-button="" class="mat-icon-button mat-button-base _mat-animation-noopable"><span class="mat-button-wrapper"><mat-icon _ngcontent-sc3="" class="mat-icon notranslate mat-icon-no-color" role="img" svgicon="uku-close" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 307.2 307.2" style="enable-background:new 0 0 307.2 307.2;" xml:space="preserve" width="100%" height="100%" class="" fit="" preserveAspectRatio="xMidYMid meet" focusable="false"><g><g>
<g>
<polygon points="307.2,24.136 283.064,0 153.6,129.469 24.136,0 0,24.136 129.464,153.6 0,283.064 24.136,307.2 153.6,177.736 283.064,307.2 307.2,283.064 177.736,153.6 " data-original="#000000" class="active-path" data-old_color="#000000" fill="#003343"></polygon>
</g>
</g></g> </svg></mat-icon></span><div class="mat-button-ripple mat-ripple mat-button-ripple-round" matripple=""></div><div class="mat-button-focus-overlay"></div></button><span _ngcontent-sc3="" class="title"> Tunning options </span></mat-toolbar><mat-form-field _ngcontent-sc3="" class="tune-mode-select-field mat-form-field ng-tns-c8-1 mat-primary mat-form-field-type-mat-select mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-hide-placeholder ng-untouched ng-pristine ng-valid _mat-animation-noopable mat-form-field-should-float"><div class="mat-form-field-wrapper"><div class="mat-form-field-flex"><!----><!----><div class="mat-form-field-infix"><mat-select _ngcontent-sc3="" class="mat-select ng-tns-c9-2 ng-untouched ng-pristine ng-valid ng-star-inserted" role="listbox" id="mat-select-33494" tabindex="0" aria-required="false" aria-disabled="false" aria-invalid="false" aria-multiselectable="false" style=""><div class="mat-select-trigger" aria-hidden="true" cdk-overlay-origin=""><div class="mat-select-value"><!----><!----><span class="mat-select-value-text ng-tns-c9-2 ng-star-inserted" style=""><!----><span class="ng-tns-c9-2 ng-star-inserted">C-tuning (standard tuning)</span><!----></span></div><div class="mat-select-arrow-wrapper"><div class="mat-select-arrow"></div></div></div><!----></mat-select><span class="mat-form-field-label-wrapper"><!----></span></div><!----></div><!----><div class="mat-form-field-underline ng-tns-c8-1 ng-star-inserted" style=""><span class="mat-form-field-ripple"></span></div><div class="mat-form-field-subscript-wrapper"><!----><!----><div class="mat-form-field-hint-wrapper ng-tns-c8-1 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity:1;transform:translateY(0%);"><!----><div class="mat-form-field-hint-spacer"></div></div></div></div></mat-form-field><mat-list _ngcontent-sc3="" class="mat-list mat-list-base"><button _ngcontent-sc3="" class="list-item mat-list-item mat-2-line" mat-list-item="" type="button"><div class="mat-list-item-content"><div class="mat-list-item-ripple mat-ripple" mat-ripple=""></div><div class="mat-list-text"><span _ngcontent-sc3="" class="list-item-text mat-line" matline=""> Auto-detection <!----><!----><span _ngcontent-sc3="" class="auto-off ng-star-inserted" style="">OFF</span></span><p _ngcontent-sc3="" class="hint mat-line" matline="">Let the tuner detect the strings you're trying to tune.</p></div><mat-icon _ngcontent-sc3="" class="mat-icon notranslate mat-icon-no-color" role="img" svgicon="uku-automatic" aria-hidden="true" dir="left"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 448 448" style="enable-background:new 0 0 448 448;" xml:space="preserve" width="100%" height="100%" fit="" preserveAspectRatio="xMidYMid meet" focusable="false"><g><g>
<g>
<g>
<polygon points="19.2,0 19.2,256 83.2,256 83.2,448 232.533,192 147.2,192 232.533,0 " data-original="#000000" class="active-path" data-old_color="#000000" fill=""></polygon>
<path d="M360.533,0h-42.667L249.6,192h40.533l14.933-42.667h68.267L388.267,192H428.8L360.533,0z M314.667,120.533L339.2,42.667 l24.533,77.867H314.667z" data-original="#000000" class="active-path" data-old_color="#000000" fill=""></path>
</g>
</g>
</g></g>
</svg></mat-icon></div></button><button _ngcontent-sc3="" class="list-item mat-list-item mat-2-line" mat-list-item="" type="button"><div class="mat-list-item-content"><div class="mat-list-item-ripple mat-ripple" mat-ripple=""></div><div class="mat-list-text"><span _ngcontent-sc3="" class="list-item-text mat-line" matline=""> Visual Aid <!----><span _ngcontent-sc3="" class="auto-on ng-star-inserted" style="">ON</span><!----></span><p _ngcontent-sc3="" class="hint mat-line" matline="">Display arrows to help you know if you need to lower or rise the pitch</p></div><mat-icon _ngcontent-sc3="" class="mat-icon notranslate auto-on mat-icon-no-color" role="img" svgicon="uku-visual-aid" aria-hidden="true" dir="left"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 510 510" height="100%" viewBox="0 0 510 510" width="100%" class="" fit="" preserveAspectRatio="xMidYMid meet" focusable="false"><g><path d="m506.597 245.486c-46.353-56.474-144.49-122.379-251.597-122.379-107.491 0-205.632 66.353-251.597 122.379-4.538 5.531-4.538 13.497 0 19.028 47.452 57.84 145.819 122.38 251.597 122.38 109.537 0 207.256-68.357 251.597-122.379 4.538-5.532 4.538-13.498 0-19.029zm-149.704 9.514c0 56.184-45.709 101.894-101.894 101.894-56.186 0-101.894-45.713-101.894-101.894 0-56.184 45.709-101.894 101.894-101.894 56.19.001 101.894 45.716 101.894 101.894zm-321.631.004c16.883-17.547 57.591-55.416 114.736-79.721-35.862 47.122-35.876 112.273-.017 159.412-43.449-18.415-83.811-47.509-114.719-79.691zm324.74 79.713c35.862-47.123 35.875-112.273.017-159.412 43.447 18.415 83.81 47.51 114.719 79.69-16.883 17.549-57.591 55.416-114.736 79.722z" data-original="#000000" class="active-path" data-old_color="#000000" fill=""></path><path d="m204 255c0 28.122 22.878 51 51 51 28.121 0 51-22.878 51-51s-22.879-51-51-51c-28.122 0-51 22.878-51 51zm72 0c0 11.58-9.421 21-21 21-11.58 0-21-9.42-21-21s9.42-21 21-21c11.579 0 21 9.42 21 21z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#B3B5B6"></path><path d="m255 65c8.284 0 15-6.716 15-15v-35c0-8.284-6.716-15-15-15s-15 6.716-15 15v35c0 8.284 6.716 15 15 15z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#B3B5B6"></path><path d="m344.5 85.062c7.192 4.102 16.355 1.601 20.461-5.599l19.962-35c4.104-7.196 1.599-16.356-5.598-20.461-7.198-4.104-16.356-1.599-20.461 5.599l-19.962 35c-4.104 7.195-1.598 16.356 5.598 20.461z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#B3B5B6"></path><path d="m145.039 79.463c4.104 7.196 13.264 9.702 20.461 5.598 7.196-4.104 9.702-13.265 5.598-20.461l-19.962-35c-4.104-7.196-13.266-9.702-20.461-5.598-7.196 4.104-9.702 13.265-5.598 20.461z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#B3B5B6"></path><path d="m255 445c-8.284 0-15 6.716-15 15v35c0 8.284 6.716 15 15 15s15-6.716 15-15v-35c0-8.284-6.716-15-15-15z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#B3B5B6"></path><path d="m165.5 424.939c-7.196-4.103-16.356-1.598-20.461 5.598l-19.962 35c-4.104 7.196-1.598 16.357 5.598 20.461 7.197 4.104 16.357 1.597 20.461-5.598l19.962-35c4.105-7.196 1.598-16.357-5.598-20.461z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#B3B5B6"></path><path d="m364.961 430.537c-4.104-7.197-13.267-9.701-20.461-5.599-7.196 4.104-9.702 13.265-5.598 20.461l19.962 35c4.103 7.196 13.263 9.703 20.461 5.599 7.196-4.104 9.702-13.265 5.598-20.461z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#B3B5B6"></path></g> </svg></mat-icon></div></button><button _ngcontent-sc3="" class="list-item mat-list-item mat-2-line" mat-list-item="" type="button"><div class="mat-list-item-content"><div class="mat-list-item-ripple mat-ripple" mat-ripple=""></div><div class="mat-list-text"><span _ngcontent-sc3="" class="list-item-text mat-line" matline=""> How to tune? </span><p _ngcontent-sc3="" class="hint mat-line" matline="">Learn how to use our free Uke tuner in 8 easy steps.</p></div><mat-icon _ngcontent-sc3="" class="mat-icon notranslate mat-icon-no-color" role="img" svgicon="uku-question" aria-hidden="true" dir="left"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 440.965 440.965" style="enable-background:new 0 0 440.965 440.965;" xml:space="preserve" width="100%" height="100%" fit="" preserveAspectRatio="xMidYMid meet" focusable="false"><g><g>
<g>
<path d="M341.508,36.207C305.582,12.648,263.549,0.116,220.587,0.154C98.892,0.271,0.235,98.832,0,220.527 c-0.046,42.838,12.652,84.721,36.48,120.32L0.853,426.18c-2.189,5.469,0.47,11.677,5.939,13.867c2.544,1.018,5.383,1.018,7.928,0 l85.333-35.627c101.679,66.676,238.158,38.3,304.834-63.379S443.187,102.883,341.508,36.207z M220.801,419.567 c-0.071,0-0.142,0-0.213,0v0.213h-0.001c-40.532-0.319-80.02-12.886-113.28-36.053c-1.754-1.224-3.835-1.893-5.973-1.92 c-1.338-0.264-2.715-0.264-4.053,0l-66.774,28.587l27.947-66.56c1.424-3.37,1.022-7.236-1.067-10.24 c-23.487-33.021-36.09-72.545-36.053-113.067C21.216,110.482,110.329,21.178,220.374,21.06 c110.044-0.118,199.349,88.995,199.467,199.04C419.959,330.145,330.846,419.449,220.801,419.567z" data-original="#000000" class="active-path" data-old_color="#000000" fill=""></path>
</g>
</g><g>
<g>
<path d="M288.514,162.764c-4.633-33.756-33.865-58.657-67.927-57.864c-36.795-0.118-66.752,29.552-66.987,66.347 c0,5.891,4.776,10.667,10.667,10.667s10.667-4.776,10.667-10.667c0.471-25.209,21.289-45.263,46.499-44.792 c25.21,0.471,45.263,21.289,44.792,46.499c-0.465,24.874-20.759,44.796-45.637,44.8c-5.891,0-10.667,4.776-10.667,10.667v47.787 c0,5.891,4.776,10.667,10.667,10.667s10.667-4.776,10.667-10.667v-37.973C267.907,233.206,293.543,199.416,288.514,162.764z" data-original="#000000" class="active-path" data-old_color="#000000" fill=""></path>
</g>
</g><g>
<g>
<circle cx="219.697" cy="325.147" r="11.675" data-original="#000000" class="active-path" data-old_color="#000000" fill=""></circle>
</g>
</g></g>
</svg></mat-icon></div></button></mat-list></div><div _ngcontent-sc3="" class="footer"><div _ngcontent-sc3="" class="links"><div _ngcontent-sc3="" class="links-title"><img _ngcontent-sc3="" src="assets/img/ukulele-wave-logo.png"></div><div _ngcontent-sc3="" class="links-icons"><div _ngcontent-sc3=""><a _ngcontent-sc3="" href="http://ukulele-chords.com" target="_blank"><img _ngcontent-sc3="" src="assets/img/ukulele-chords_logo.png"></a></div><div _ngcontent-sc3=""><a _ngcontent-sc3="" href="http://ukulelescales.com" target="_blank"><img _ngcontent-sc3="" src="assets/img/ukulele-scales_logo.png"></a></div><div _ngcontent-sc3=""><a _ngcontent-sc3="" href="http://learnplayuke.com" target="_blank"><img _ngcontent-sc3="" src="assets/img/icon_final_red.png"></a></div><div _ngcontent-sc3=""><a _ngcontent-sc3="" href="http://ukulele-tabs.com" target="_blank"><img _ngcontent-sc3="" src="assets/img/UT_logo.png"></a></div></div></div><mat-card _ngcontent-sc3="" class="footer mat-card _mat-animation-noopable"><a _ngcontent-sc3="" href="#">Contact</a> · <a _ngcontent-sc3="" href="#">Privacy Policy</a> · <a _ngcontent-sc3="" href="#">TOS</a></mat-card></div></div></app-side-menu></div></mat-sidenav><div class="cdk-visually-hidden cdk-focus-trap-anchor" aria-hidden="true"></div><mat-sidenav-content _ngcontent-sc0="" class="mat-drawer-content mat-sidenav-content" style=""><app-top-header _ngcontent-sc0="" _nghost-sc4=""><mat-toolbar _ngcontent-sc4="" class="mat-toolbar mat-primary mat-toolbar-single-row" color="primary"><button _ngcontent-sc4="" mat-icon-button="" class="mat-icon-button mat-button-base _mat-animation-noopable"><span class="mat-button-wrapper"><mat-icon _ngcontent-sc4="" class="mat-icon notranslate mat-icon-no-color" role="img" svgicon="uku-menu" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512.009 512.009" style="enable-background:new 0 0 512.009 512.009;" xml:space="preserve" width="100%" height="100%" class="" fit="" preserveAspectRatio="xMidYMid meet" focusable="false"><g><g>
<g>
<g>
<path d="M16.383,145.035h479.234c9.043,0,16.392-7.339,16.392-16.383c0-9.043-7.339-16.383-16.392-16.383H16.383 C7.339,112.27,0,119.6,0,128.652C0,137.705,7.339,145.035,16.383,145.035z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#FFFFFF"></path>
<path d="M495.617,239.613H16.383C7.339,239.613,0,246.943,0,255.996c0,9.052,7.339,16.383,16.383,16.383h479.234 c9.043,0,16.383-7.331,16.392-16.383C512.009,246.952,504.669,239.613,495.617,239.613z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#FFFFFF"></path>
<path d="M495.617,366.965H16.383C7.339,366.965,0,374.304,0,383.348s7.339,16.392,16.383,16.392h479.234 c9.043,0,16.392-7.339,16.392-16.392C512.009,374.296,504.669,366.965,495.617,366.965z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#FFFFFF"></path>
</g>
</g>
</g></g>
</svg></mat-icon></span><div class="mat-button-ripple mat-ripple mat-button-ripple-round" matripple=""></div><div class="mat-button-focus-overlay"></div></button><h1 _ngcontent-sc4="" class="main-title"><a _ngcontent-sc4="" href="/"> Uke-Tuner.com </a></h1><button _ngcontent-sc4="" class="visual-aid-btn mat-icon-button mat-button-base _mat-animation-noopable" mat-icon-button=""><span class="mat-button-wrapper"><mat-icon _ngcontent-sc4="" class="mat-icon notranslate enabled mat-icon-no-color" role="img" svgicon="uku-visual-aid" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 510 510" height="100%" viewBox="0 0 510 510" width="100%" class="" fit="" preserveAspectRatio="xMidYMid meet" focusable="false"><g><path d="m506.597 245.486c-46.353-56.474-144.49-122.379-251.597-122.379-107.491 0-205.632 66.353-251.597 122.379-4.538 5.531-4.538 13.497 0 19.028 47.452 57.84 145.819 122.38 251.597 122.38 109.537 0 207.256-68.357 251.597-122.379 4.538-5.532 4.538-13.498 0-19.029zm-149.704 9.514c0 56.184-45.709 101.894-101.894 101.894-56.186 0-101.894-45.713-101.894-101.894 0-56.184 45.709-101.894 101.894-101.894 56.19.001 101.894 45.716 101.894 101.894zm-321.631.004c16.883-17.547 57.591-55.416 114.736-79.721-35.862 47.122-35.876 112.273-.017 159.412-43.449-18.415-83.811-47.509-114.719-79.691zm324.74 79.713c35.862-47.123 35.875-112.273.017-159.412 43.447 18.415 83.81 47.51 114.719 79.69-16.883 17.549-57.591 55.416-114.736 79.722z" data-original="#000000" class="active-path" data-old_color="#000000" fill=""></path><path d="m204 255c0 28.122 22.878 51 51 51 28.121 0 51-22.878 51-51s-22.879-51-51-51c-28.122 0-51 22.878-51 51zm72 0c0 11.58-9.421 21-21 21-11.58 0-21-9.42-21-21s9.42-21 21-21c11.579 0 21 9.42 21 21z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#B3B5B6"></path><path d="m255 65c8.284 0 15-6.716 15-15v-35c0-8.284-6.716-15-15-15s-15 6.716-15 15v35c0 8.284 6.716 15 15 15z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#B3B5B6"></path><path d="m344.5 85.062c7.192 4.102 16.355 1.601 20.461-5.599l19.962-35c4.104-7.196 1.599-16.356-5.598-20.461-7.198-4.104-16.356-1.599-20.461 5.599l-19.962 35c-4.104 7.195-1.598 16.356 5.598 20.461z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#B3B5B6"></path><path d="m145.039 79.463c4.104 7.196 13.264 9.702 20.461 5.598 7.196-4.104 9.702-13.265 5.598-20.461l-19.962-35c-4.104-7.196-13.266-9.702-20.461-5.598-7.196 4.104-9.702 13.265-5.598 20.461z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#B3B5B6"></path><path d="m255 445c-8.284 0-15 6.716-15 15v35c0 8.284 6.716 15 15 15s15-6.716 15-15v-35c0-8.284-6.716-15-15-15z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#B3B5B6"></path><path d="m165.5 424.939c-7.196-4.103-16.356-1.598-20.461 5.598l-19.962 35c-4.104 7.196-1.598 16.357 5.598 20.461 7.197 4.104 16.357 1.597 20.461-5.598l19.962-35c4.105-7.196 1.598-16.357-5.598-20.461z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#B3B5B6"></path><path d="m364.961 430.537c-4.104-7.197-13.267-9.701-20.461-5.599-7.196 4.104-9.702 13.265-5.598 20.461l19.962 35c4.103 7.196 13.263 9.703 20.461 5.599 7.196-4.104 9.702-13.265 5.598-20.461z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#B3B5B6"></path></g> </svg></mat-icon></span><div class="mat-button-ripple mat-ripple mat-button-ripple-round" matripple=""></div><div class="mat-button-focus-overlay"></div></button><button _ngcontent-sc4="" mat-icon-button="" class="mat-icon-button mat-button-base _mat-animation-noopable"><span class="mat-button-wrapper"><mat-icon _ngcontent-sc4="" class="mat-icon notranslate disabled mat-icon-no-color" role="img" svgicon="uku-automatic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 448 448" style="enable-background:new 0 0 448 448;" xml:space="preserve" width="100%" height="100%" fit="" preserveAspectRatio="xMidYMid meet" focusable="false"><g><g>
<g>
<g>
<polygon points="19.2,0 19.2,256 83.2,256 83.2,448 232.533,192 147.2,192 232.533,0 " data-original="#000000" class="active-path" data-old_color="#000000" fill=""></polygon>
<path d="M360.533,0h-42.667L249.6,192h40.533l14.933-42.667h68.267L388.267,192H428.8L360.533,0z M314.667,120.533L339.2,42.667 l24.533,77.867H314.667z" data-original="#000000" class="active-path" data-old_color="#000000" fill=""></path>
</g>
</g>
</g></g>
</svg></mat-icon></span><div class="mat-button-ripple mat-ripple mat-button-ripple-round" matripple=""></div><div class="mat-button-focus-overlay"></div></button></mat-toolbar></app-top-header><div _ngcontent-sc0="" class="ad-container"><ng-adsense _ngcontent-sc0=""><ins class="adsbygoogle " classname="adsbygoogle " style="display:block;" data-ad-client="ca-pub-8554572625942961" data-ad-slot="9312595039" data-ad-format="auto" data-ad-region="page-29511" data-full-width-responsive="true"></ins></ng-adsense></div><router-outlet _ngcontent-sc0=""></router-outlet><app-home _nghost-sc14="" class="ng-star-inserted"><div _ngcontent-sc14="" class="tuner-container"><h2 _ngcontent-sc14="" class="title">Free online Ukulele Tuner</h2><mat-card _ngcontent-sc14="" class="mat-card _mat-animation-noopable"><mat-card-header _ngcontent-sc14="" class="mat-card-header"><div class="mat-card-header-text"></div><h3 _ngcontent-sc14="">Welcome to the most advanced online Ukulele Tuner for beginners.</h3><p _ngcontent-sc14="">Fine-tune your Uke in any of the most popular Tunings.</p><p _ngcontent-sc14="">Fast, Precise, Responsive and straightforward. </p></mat-card-header><mat-card-content _ngcontent-sc14="" class="mat-card-content"><h4 _ngcontent-sc14="">Select your Ukulele size and start tuning now! </h4><p _ngcontent-sc14="">Our Tuner is compatible with any type of Ukulele (Soprano, Concert, Tenor, Baritone and Bass). </p><div _ngcontent-sc14="" class="ukulele-selector-container"><!----><div _ngcontent-sc14="" class="ukulele-box soprano ng-star-inserted"><div _ngcontent-sc14="" class="ukulele-img"><img _ngcontent-sc14="" src="assets/img/soprano.svg" alt="C-tuning (standard tuning)" title="C-tuning (standard tuning)"></div><a _ngcontent-sc14="" color="accent" mat-button="" class="mat-button mat-button-base mat-accent _mat-animation-noopable" title="Standard" href="/size/soprano" tabindex="0" aria-disabled="false"><span class="mat-button-wrapper"><div _ngcontent-sc14="">Soprano</div><div _ngcontent-sc14="" class="desc">Standard</div><div _ngcontent-sc14="" class="hint">g,C,E,A</div></span><div class="mat-button-ripple mat-ripple" matripple=""></div><div class="mat-button-focus-overlay"></div></a></div><div _ngcontent-sc14="" class="ukulele-box concert ng-star-inserted"><div _ngcontent-sc14="" class="ukulele-img"><img _ngcontent-sc14="" src="assets/img/concert.svg" alt="Low-G Tuning" title="Low-G Tuning"></div><a _ngcontent-sc14="" color="accent" mat-button="" class="mat-button mat-button-base mat-accent _mat-animation-noopable" title="Low-G Tuning" href="/size/concert" tabindex="0" aria-disabled="false"><span class="mat-button-wrapper"><div _ngcontent-sc14="">Concert</div><div _ngcontent-sc14="" class="desc">Low-G Tuning</div><div _ngcontent-sc14="" class="hint">G,C,E,A</div></span><div class="mat-button-ripple mat-ripple" matripple=""></div><div class="mat-button-focus-overlay"></div></a></div><div _ngcontent-sc14="" class="ukulele-box tenor ng-star-inserted"><div _ngcontent-sc14="" class="ukulele-img"><img _ngcontent-sc14="" src="assets/img/tenor.svg" alt="D-Tuning" title="D-Tuning"></div><a _ngcontent-sc14="" color="accent" mat-button="" class="mat-button mat-button-base mat-accent _mat-animation-noopable" title="D-Tuning" href="/size/tenor" tabindex="0" aria-disabled="false"><span class="mat-button-wrapper"><div _ngcontent-sc14="">Tenor</div><div _ngcontent-sc14="" class="desc">D-Tuning</div><div _ngcontent-sc14="" class="hint">A,D,F#,B</div></span><div class="mat-button-ripple mat-ripple" matripple=""></div><div class="mat-button-focus-overlay"></div></a></div><div _ngcontent-sc14="" class="ukulele-box baritone ng-star-inserted"><div _ngcontent-sc14="" class="ukulele-img"><img _ngcontent-sc14="" src="assets/img/baritone.svg" alt="G-Tuning" title="G-Tuning"></div><a _ngcontent-sc14="" color="accent" mat-button="" class="mat-button mat-button-base mat-accent _mat-animation-noopable" title="G-Tuning" href="/size/baritone" tabindex="0" aria-disabled="false"><span class="mat-button-wrapper"><div _ngcontent-sc14="">Baritone</div><div _ngcontent-sc14="" class="desc">G-Tuning</div><div _ngcontent-sc14="" class="hint">D,G,B,E</div></span><div class="mat-button-ripple mat-ripple" matripple=""></div><div class="mat-button-focus-overlay"></div></a></div></div></mat-card-content><mat-card-footer _ngcontent-sc14="" class="mat-card-footer"></mat-card-footer></mat-card></div></app-home></mat-sidenav-content><!----></mat-sidenav-container></app-root>
<noscript>Please enable JavaScript to continue using this application.</noscript>
<script src="runtime-es2015.cdfb0ddb511f65fdc0a0.js" type="module"></script><script src="runtime-es5.cdfb0ddb511f65fdc0a0.js" nomodule="" defer=""></script><script src="polyfills-es5.0290b245fbcca09184ac.js" nomodule="" defer=""></script><script src="polyfills-es2015.ffa9bb4e015925544f91.js" type="module"></script><script src="scripts.7d5d8f9e6b00e1c67bdb.js" defer=""></script><script src="main-es2015.bf837087f57b9bf8f1a1.js" type="module"></script><script src="main-es5.bf837087f57b9bf8f1a1.js" nomodule="" defer=""></script>
<div class="cdk-live-announcer-element cdk-visually-hidden" aria-atomic="true" aria-live="polite"></div></body></html>