html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font:inherit;vertical-align:baseline;box-sizing:border-box;border:0;margin:0;padding:0}*{font:inherit;vertical-align:baseline;box-sizing:border-box;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}input,textarea{box-sizing:border-box}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table,td{border-collapse:collapse;border-spacing:0;vertical-align:top}b,strong{font-weight:700}html{height:100%}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-print-color-adjust:exact!important;color-adjust:exact!important}html,body{font:400 22px/34px;background:#282a2f url(/i/black-linen-nIwb3tYF.png);width:100%;height:100%;font-family:Noto Sans,sans-serif}.wrapper{width:100%;height:100%}.metronome-screen{width:100%;height:100%;transition:filter .1s;position:absolute}.swal2-shown .metronome-screen{filter:blur(3px)}.control-buttons{display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%)}.control-buttons button{color:#8f8f8f;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent;background:#202020;border:2px solid #555657;border-radius:50%;outline:none;width:60px;height:60px;box-shadow:0 0 10px #0000004d}.control-buttons label{color:#565656;margin-bottom:10px;font-size:12px}.control-buttons .time-signature{flex-direction:column;align-items:center;margin-right:40px;display:flex}.control-buttons .time-signature button{font-family:Noto Serif,serif;font-size:18px;font-weight:700}.control-buttons .rhythm{flex-direction:column;align-items:center;display:flex}.control-buttons .rhythm .note{opacity:.5;background-position:50%;background-repeat:no-repeat;width:100%;height:100%;display:block}.beats-indicators-container{justify-content:space-around;display:flex;position:absolute;top:180px;left:50%;transform:translate(-50%)}.beats-indicators-container .beat{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent;background:#202020;border:1px solid #404040;border-radius:50%;width:20px;height:20px;margin-bottom:30px;margin-right:40px;position:relative}.beats-indicators-container .beat:last-child{margin-right:0}.beats-indicators-container .beat.active{border-color:#75b2c9}.beats-indicators-container .beat.active-accented{border-color:#f90}.beats-indicators-container .beat.accent:after{content:"↑";color:#555;text-align:center;width:20px;margin-top:23px;font-weight:700;display:block;position:absolute}@media (width<=450px){.beats-indicators-container{width:95%}.beats-indicators-container .beat{margin-right:0}}.logo{color:#616166;align-items:center;font-size:14px;display:flex;position:absolute;top:20px;left:20px}.logo .logo-image{background:url(/i/logo-small-Czg7x6Ii.png) 0 0/cover;width:26px;height:26px}.logo .logo-name{text-indent:-10000px;background:url(/i/logo-name-WwQDoSHl.png) 0 0/cover;width:108px;height:18px;margin-top:-3px;margin-left:1px}.fb{opacity:.4;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='612px'%20height='612px'%20viewBox='0%200%20612%20612'%20style='enable-background:new%200%200%20612%20612;'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20fill='white'%20d='M612,306C612,137.004,474.995,0,306,0C137.004,0,0,137.004,0,306c0,168.995,137.004,306,306,306%20C474.995,612,612,474.995,612,306z%20M27.818,306C27.818,152.36,152.36,27.818,306,27.818S584.182,152.36,584.182,306%20S459.64,584.182,306,584.182S27.818,459.64,27.818,306z'/%3e%3cpath%20fill='white'%20d='M317.739,482.617V306h58.279l9.208-58.529h-67.487v-29.348c0-15.272,5.007-29.849,26.928-29.849h43.813v-58.418h-62.201%20c-52.298,0-66.569,34.438-66.569,82.175v35.413h-35.885V306h35.885v176.617H317.739L317.739,482.617z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 0 0/cover;width:32px;height:32px;display:block;position:absolute;top:20px;right:20px}.fb:hover{opacity:.6}.android{opacity:.4;background:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20408%20466.9'%20width='2185'%20height='2500'%3e%3cstyle%3e.st0{fill:url(%23SVGID_1_)}.st1{fill:url(%23SVGID_2_)}.st2{fill:url(%23SVGID_3_)}.st3{fill:url(%23SVGID_4_)}%3c/style%3e%3clinearGradient%20id='SVGID_1_'%20gradientUnits='userSpaceOnUse'%20y1='112.094'%20x2='261.746'%20y2='112.094'%3e%3cstop%20offset='0'%20stop-color='%2363be6b'/%3e%3cstop%20offset='.506'%20stop-color='%235bbc6a'/%3e%3cstop%20offset='1'%20stop-color='%234ab96a'/%3e%3c/linearGradient%3e%3cpath%20class='st0'%20d='M261.7%20142.3L15%201.3C11.9-.5%208-.4%205%201.4c-3.1%201.8-5%205-5%208.6%200%200%20.1%2013%20.2%2034.4l179.7%20179.7%2081.8-81.8z'/%3e%3clinearGradient%20id='SVGID_2_'%20gradientUnits='userSpaceOnUse'%20x1='.152'%20y1='223.393'%20x2='179.896'%20y2='223.393'%3e%3cstop%20offset='0'%20stop-color='%233ec6f2'/%3e%3cstop%20offset='1'%20stop-color='%2345afe3'/%3e%3c/linearGradient%3e%3cpath%20class='st1'%20d='M.2%2044.4C.5%20121.6%201.4%20309%201.8%20402.3L180%20224.1.2%2044.4z'/%3e%3clinearGradient%20id='SVGID_3_'%20gradientUnits='userSpaceOnUse'%20x1='179.896'%20y1='229.464'%20x2='407.976'%20y2='229.464'%3e%3cstop%20offset='0'%20stop-color='%23faa51a'/%3e%3cstop%20offset='.387'%20stop-color='%23fab716'/%3e%3cstop%20offset='.741'%20stop-color='%23fac412'/%3e%3cstop%20offset='1'%20stop-color='%23fac80f'/%3e%3c/linearGradient%3e%3cpath%20class='st2'%20d='M402.9%20223l-141.2-80.7-81.9%2081.8%2092.4%2092.4L403%20240.3c3.1-1.8%205-5.1%205-8.6%200-3.6-2-6.9-5.1-8.7z'/%3e%3clinearGradient%20id='SVGID_4_'%20gradientUnits='userSpaceOnUse'%20x1='1.744'%20y1='345.521'%20x2='272.296'%20y2='345.521'%3e%3cstop%20offset='0'%20stop-color='%23ec3b50'/%3e%3cstop%20offset='1'%20stop-color='%23e7515b'/%3e%3c/linearGradient%3e%3cpath%20class='st3'%20d='M1.7%20402.3c.2%2033.3.3%2054.6.3%2054.6%200%203.6%201.9%206.9%205%208.6%203.1%201.8%206.9%201.8%2010%200l255.3-148.9-92.4-92.4L1.7%20402.3z'/%3e%3c/svg%3e") 0 0/cover;width:27px;height:32px;display:block;position:absolute;top:20px;right:65px}.android:hover{opacity:.6}.metronome-button{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;outline:none;width:180px;height:180px;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%);box-shadow:0 0 30px #0006}@media (height<=600px){.metronome-button{width:150px;height:150px;top:58%}}.metronome-button .bg-playing{cursor:pointer;background:linear-gradient(to bottom right,#dc143c 0%,#f90 100%);border-radius:50%;animation:1.5s linear infinite spin;position:absolute;inset:0%}.metronome-button .bg{cursor:pointer;background:linear-gradient(to bottom right,#828fc2 0%,#4ce5a0 100%);border-radius:50%;transition:opacity .5s;animation:3s linear infinite spin;position:absolute;inset:0%}.metronome-button .container{background:#202020;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:4%}.metronome-button .container .tempo{color:#828fc2;background:linear-gradient(to bottom right,#828fc2 0%,#4ce5a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:-25px;font-size:60px;font-weight:600}.metronome-button .container .tempo.beat{font-size:65px;transition:all 50ms}.metronome-button .container .bpm{color:#565656;margin-top:50px;font-size:14px;font-weight:400;position:absolute}.metronome-button .container .hint{opacity:.7;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAiCAYAAACUcR1DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkExMTM1RUE2RDkwMTFFOUI4QjVEQTIyQjNCREVGNkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkExMTM1RTk2RDkwMTFFOUI4QjVEQTIyQjNCREVGNkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzYyOTg1MDc1Rjk0MTFFOTkyRDI5NEJEMEMyNDVBRjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzYyOTg1MDg1Rjk0MTFFOTkyRDI5NEJEMEMyNDVBRjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6OAjd4AAADpUlEQVR42uxbzW7TQBB2UG/lElW8QNoXQBYS9y4vgNQ+AIfkwCUXlCDgwAWcC8q1gQsIIVHfUUt8L4j6EfADoFbmwjnMJt9Wo2EdQm0nttmRPqWxx/sz387OzDpt9ft9z0lz5Yb4vk/4RLgkzBxqhUtwt59F8BPCa8J7wh6h5VAr7IG7N+ByLlv4VIQHhLuEH25jq6WkhA+EiHBG+Kr/Nh78mPDMkdsI0Rw+JTziW/Rtwmdnm8bIlHCHE9wmXDi7NEYuwOlVDN6YjMfjSluKykiFcUYltV/q+LfcYl9pu/OQqda+DnbS8IMOJ45gJ3WSomOwztwCb3Fw0hH37qEI96DjE2IkMT4r1kPCiJKahCUiWn9gKex1ez3STZluF7qyf93mEDp6nFrvQPQdQS+2JENH0G/jkh7fREP0f87a9JhuaPpn49TtjfCpEcNOlSV4isn1MClOPP/uYxFoGbLrmpQj3Ntl120TVyAyRX/aaD6el/odRoxZYF30PRSLc0rt7HLSmByKOZiFyq9PxFw9jHNA7SbU7oT1ZxwhAtFp1T3Yx2AnK+qPZPlBRtArWWnPNvfoM7Q8G5GO9FSV1a4QTW5MOiPRd4eRFolyrmfpP4Dncb1JRimkxCIzEopFXvkY3Mn5fBH1ZlqQTlXGWhkPHmE7+i62KbMFXfcw4CAjrufabajdacGL08Ou4gtvbTclyRpiy1Fi2wwwyeE1DKaNdYy4GlricB7PyfLAJAe5AcYZiYXjN4FgkxDFwqtnOSbI42ooDBrkGGciY3ABYsYqM3uFuO/q4CULoehYteq2mfzrWDMy8EYcdPiWOKaWGEpZslgF74oEsVJXLSGji1o3Sz9CDB4InTbi/R+JlLyO721RMSQ23U1tz2Vs0UFGXIwy4m9XGhlGOuRlBww2ELqxxXNC0pmYQwzLm5oWq2d1XA8ytvmWyCv0wju2tCfnNcL8pW68KYJbGMjMK+5tibLE5NRyIKJwGJEwr0/4CZbFu41eajtt4p4ovcZWF1v0lvUvdeOsrRiJYftvbbIauQyZc1oGwaueeM0JLus9a12kbILdy4aGiyO44WKSrJ+EHW/x4+l1yBAxKnYUlCI7Ju8xBH9DTPy4pgHEa4hB/7Po/24451v0K8ILwi1nm9qL5vAlOL0i+ITwzlv8Iv4+YdvZqXayDe7OwOWJPOh4TvjiLX4R/5Zw09msVvIL/D0knMoky8gpv+nElUlOKi6t2WzmrNBg+S3AAPLVq0JQgK8qAAAAAElFTkSuQmCC) 0 0/cover;width:60px;height:17px;margin-top:100px;position:absolute}@media (width<=600px){.metronome-button .container .hint{display:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.metronome-button.playing .bg{opacity:0}.metronome-button.playing .container .tempo{background:linear-gradient(to bottom right,#dc143c 0%,#f90 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.tap-rhythm-button{color:#aaa;background:#323433;border:1px solid #404040;border-radius:50%;outline:none;width:52px;height:52px;margin-top:90px;margin-left:90px;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%);box-shadow:0 0 10px #000000b3}.tap-rhythm-button:active{margin-top:90.5px;margin-left:90.5px}.bpm-slider{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:100px;left:5%;right:5%}@media (height<=600px){.bpm-slider{bottom:50px}}.bpm-slider .tempo-button{color:#aaabbc;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent;background:#202020;border:2px solid #555657;border-radius:50%;outline:none;flex-shrink:0;width:36px;height:36px;font-size:18px;box-shadow:0 0 10px #0000004d}.bpm-slider .slider-container{flex-grow:10;margin:0 20px}.bpm-slider .slider-container .noUi-horizontal{height:5px}.bpm-slider .slider-container .noUi-connect{background:linear-gradient(#555657 0%,#767780 100%)}.bpm-slider .slider-container .noUi-target{opacity:.95;box-shadow:none;background:#101010;border:none;border-radius:3px}.bpm-slider .slider-container .noUi-horizontal .noUi-handle{background:#202020;border:5px solid #75b2c9;border-radius:50%;outline:none;width:36px;height:36px;margin-top:-10px;box-shadow:0 0 2px #0006}.bpm-slider .slider-container .noUi-horizontal .noUi-handle:before,.bpm-slider .slider-container .noUi-horizontal .noUi-handle:after{display:none}.bpm-slider .slider-container .noUi-marker{background:#404040;width:1px}.bpm-slider .slider-container .noUi-value-horizontal{cursor:pointer;color:#565656;margin-top:12px;font-size:12px;font-weight:500}@media (width<=450px){.bpm-slider .slider-container .noUi-value-horizontal[data-value^="40"],.bpm-slider .slider-container .noUi-value-horizontal[data-value^="80"],.bpm-slider .slider-container .noUi-value-horizontal[data-value^="100"],.bpm-slider .slider-container .noUi-value-horizontal[data-value^="140"],.bpm-slider .slider-container .noUi-value-horizontal[data-value^="160"],.bpm-slider .slider-container .noUi-value-horizontal[data-value^="200"],.bpm-slider .slider-container .noUi-value-horizontal[data-value^="220"]{display:none}}.bpm-slider .hint{opacity:.3;margin-top:-85px;display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (width<=600px){.bpm-slider .hint{display:none}}.bpm-slider .hint .arrow-button{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk4RUU2RTgzODE0NTExRTlBMUJDRTJGOEU3RkU1NjA0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk4RUU2RTg0ODE0NTExRTlBMUJDRTJGOEU3RkU1NjA0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OThFRTZFODE4MTQ1MTFFOUExQkNFMkY4RTdGRTU2MDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OThFRTZFODI4MTQ1MTFFOUExQkNFMkY4RTdGRTU2MDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz78IR1xAAAAMFBMVEX6+vrT09P9/f3KysrZ2dnk5OTe3t7r6+vx8fH29va+vr7b29z7+/v+/v7///////+DUwXtAAAAEHRSTlP///////////////////8A4CNdGQAABV9JREFUeNrsW+uaoyAM5X4pgu//tksS61i3VMBK/8g3w7fTRXMKJwdIgM374oJWhqWYcvlmxUzQwf1nju3+DspD8yTyU/HLVS4+8I8ApMZmKU7xoiolLYsA0DwT0PTb/Q/VBG9m+R9WvgfwwJGirrqqLCPB3wDQLi0AveZaK8XxB3+/Uun8WrAhoI+13gMwbsGXm82XFRsCcSx58woAP8/I1IXWqSi+dELYArCeYIV5QAkkMsxuADjsGG3nIcWq3AlTcn8AJH5/OQ8rHH1SPgFwtK/ngcWgSb4AsMA/4UYCcNkgS54A5AEQIvF5aOHo8xIBOJBeNc+jEYAoAwCO+qtHA9AwReZ+BwDZ/vAOyIoE814G4BkoIB8PQIIcRc9IhN14ANkRYF5kSIYfjADMP1kOFQAQI0VwOwZAAmbACc0vABgggWE+5fVXtxN6bcQJR8yrnzw1xm4OiEdWcfsQvX4ISkBzcx8AZmmh51gvgKxALPV7QcBV5N/iphkAdH4GEDuFEBxYCJxXTWcPwMIINwGqy4sW+3le7fJjABDzOlz0kXCxLyWt9WU3CWMfB9A+CgitpzoQnCIhX+2joHQx8QwJNW5gE0P/Y8syW48joXe4ixOLSS02cIaQ0NAu0mz+hkEwo0jIyb58pWSzHHSTUNIunu8+a5aDXhJysi/3qJrloJOEy/c37xyzTQ76SGgK9jvkoIuE2ePAPvNvJudWOeghIRjJDwldANckBz0kNBTFMsXhaZGDDhJqsi8/zVD1G/12Ekqyzz+6SL0cNJOQH3z/VjloJaHE9ke7yAY5aCShIfuHDAvVctBGQk2j5fyhp/paOWgiYRYAsB91lVbBZHksB00kNBhXqwsj1MpBCwk12a+caSrloIGEkjYA1TNdnRzUk5A32q+Ug2oSSoyjt4WRauSgloSG7Dcu+ytWB5UkzF4lMJDQuHU/loM6EvoJ7TfvOmY9oRxM/iQJDWW8Ovbfh3JQRUJN9ruiaEdyUENCmfZZtkYEn+SggoSL/e4o4mc5OCbhEoM6EUZ9kBzYThJSKulxJhj52O8im0hooYH1iUFSza/VB0V4aed9mj2yWHeSMINj8AVcfp3wzyp6XSA219t2+Fjy8H7fSUKeMOHOnknltfK2RJm4ayzW7FgPCXV65tN31Xt14e8biw9DcKSEkhLKL1VZGAMtW/dPfHDDYyU06s0ZgFKPUZf+V4I5NR3roDYlcAXx7RIAPB3BX55Q9tshGiRmEYBoyH/3hWi8K4b3FVH/4hANOncRAAzoxSGaeETCeHGckLq5TELnWgB0kJC6uQggHm8ebxLeJLxJeJPwJuFNwpuENwlvEt4kvEl4k/ArJNSF2GxNVuskCRlEnaLR7wrFhC4mIR7HZYX7E/k/GqLqnadolgRqLFRtJyjwPGFrNJaXYmfQMS1hbQpqMbxW1JSOkOU7LE1hZQ2d7+lQa1s8Xoe3HMwfN72G06FWzIn+6FgvHmxWgCP8AkDAKC6drGa/ONodgQOB+YmO2Q8vHHPsHo/3ix8d74/L/YLYl5c7VzTOBAAAEyPju0BBLN0+L7mwNNoT5TOQT9d8Yiqltq5ygWm54/Kri052TYiyvxkuiFHmBf/LpLAnJSG3MagTLJ4KTtvbdpbhOeUxeiQ9ppP85rbdmmtP8vJO0M+7lYvyrFc+LaWjUuAXuoNbs2B2d+Uzj4Jdsm5JaG5s+HqxRhr2zOXZ9VuynTYUF5xfKmx/IGKbiYbcb1yzo/uM5elqfbPecn139Vs9UYorKkxsmtfzAPtcvOIuXXHve8mpOr6f9f4/DOBVMMFNYprYNH2tEsIFw/X/G7d/AgwAerd3olSPYpIAAAAASUVORK5CYII=) 50%/cover no-repeat;width:16px;height:16px;margin:0 5px}.bpm-slider .hint .arrow-button.down{transform:rotate(180deg)}.bpm-slider .hint .arrow-button.left{transform:rotate(90deg)}.bpm-slider .hint .arrow-button.right{transform:rotate(270deg)}.swal2-popup.popup{background:#151618;border:1px solid #1b1b1b;border-radius:5px;padding:30px;box-shadow:0 0 10px #0000004d}.swal2-popup.popup h3{color:#ccc;text-align:center;margin-bottom:20px;font-size:16px;font-weight:400}.swal2-popup.popup .row{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;display:flex}.swal2-popup.popup .time-signature-selector h3{margin-left:30px}@media (width<=450px){.swal2-popup.popup .time-signature-selector h3{margin-left:0}}.swal2-popup.popup .time-signature-selector .staff{height:250px;margin-top:-10px;position:relative}.swal2-popup.popup .time-signature-selector .staff .staff-lines{height:160px;margin:50px 0;position:relative}.swal2-popup.popup .time-signature-selector .staff .staff-lines div{background-color:#ffffff0d;width:100%;height:2px;position:absolute}.swal2-popup.popup .time-signature-selector .staff .staff-lines div:first-child{top:0}.swal2-popup.popup .time-signature-selector .staff .staff-lines div:nth-child(2){top:25%}.swal2-popup.popup .time-signature-selector .staff .staff-lines div:nth-child(3){top:50%}.swal2-popup.popup .time-signature-selector .staff .staff-lines div:nth-child(4){top:75%}.swal2-popup.popup .time-signature-selector .staff .staff-lines div:nth-child(5){bottom:0}.swal2-popup.popup .time-signature-selector .staff .staff-content{display:flex;position:absolute;top:0}.swal2-popup.popup .time-signature-selector .staff .staff-content .clef{background:url("data:image/svg+xml,%3c?xml%20version='1.0'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20id='Capa_1'%20x='0px'%20y='0px'%20viewBox='0%200%2025.8%2025.8'%20style='enable-background:new%200%200%2025.8%2025.8;'%20xml:space='preserve'%20width='512px'%20height='512px'%20class=''%3e%3cg%3e%3cg%3e%3cpath%20d='M16.681,13.4c-0.7-0.8-1.7-1.3-2.9-1.2c-0.1-0.2-0.5-2.2-0.5-2.2s1.4-2.1,1.7-2.5%20c1.5-2.4,1.6-4.3,0.7-6.2c-0.3-0.7-1.1-1.3-1.9-1.3c-0.6,0-1.1,0.5-1.4,1.1c-1,1.7-1,4.9-0.5,7.1c0,0-0.5,0.5-1,1.1%20c-1,1.1-2.1,2.3-2.5,3.9c-0.5,1.8-0.1,3.5,1,4.8c1.2,1.5,3,2.2,5.2,2c0.4,1.9,0.7,3.1,0.1,4.2c-0.2,0.4-0.6,0.8-1.3,0.8%20c-0.2,0-0.3,0-0.5-0.1c0.6-0.3,1.1-0.9,1.1-1.6c0-1-0.8-1.8-1.8-1.8c-1.7,0.1-1.8,1.8-1.8,1.8c0,0.6,0.2,1.2,0.6,1.6%20c0.5,0.5,1.3,0.9,2.2,0.9c1.1,0,2.2-0.4,2.6-2c0.4-1.3-0.3-3.4-0.4-4.1c1.1-0.5,2.1-2,2.2-3C17.781,15.6,17.381,14.3,16.681,13.4z%20M13.481,2.3c0.1-0.2,0.3-0.3,0.5-0.3c0.1,0,0.3,0.1,0.4,0.2c0.4,0.2,0.5,0.6,0.5,1.2c-0.1,1.5-1.4,3.3-2.1,3.9%20C12.481,5.9,12.681,3.3,13.481,2.3z%20M10.581,18c-0.7-0.7-1-1.7-0.9-2.7c0.2-1.6,1.3-2.9,2.2-3.9c0.2-0.2,0.4-0.4,0.5-0.6%20c0.1,0.5,0.4,1.3,0.5,1.7c-1.2,0.5-1.9,2.1-1.8,3.4c0,0.6,0.2,1,0.5,1.4c0.1,0.1,0.2,0.2,0.3,0.2s0.3-0.1,0.3-0.2l0,0%20c0.1-0.1,0.1-0.3,0-0.4s-0.1-0.2-0.1-0.4c-0.1-0.9,0.5-1.6,1.2-1.9c0.1,0.6,0.8,3.7,0.9,4.4C12.881,19.4,11.481,19,10.581,18z%20M15.081,18.6c-0.2-0.7-0.3-1.5-0.5-2.4c-0.1-0.6-0.2-1.3-0.4-1.9c1.3,0,1.7,1.1,1.8,1.5C16.281,16.9,15.981,18,15.081,18.6z'%20data-original='%23030104'%20class='active-path'%20data-old_color='%23FFFEFF'%20fill='%23454545'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50%/250% no-repeat;width:104px;height:275px;margin-top:-50px}.swal2-popup.popup .time-signature-selector .staff .staff-content .selector{margin-top:-7px;margin-left:60px}.swal2-popup.popup .time-signature-selector .staff .staff-content .selector .beats,.swal2-popup.popup .time-signature-selector .staff .staff-content .selector .beat-unit{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.swal2-popup.popup .time-signature-selector .staff .staff-content .selector .button{opacity:.7;cursor:pointer;border:none;outline:none;width:38px;height:38px}.swal2-popup.popup .time-signature-selector .staff .staff-content .selector .button:disabled{opacity:.2}.swal2-popup.popup .time-signature-selector .staff .staff-content .selector .button.button-minus{background:url("data:image/svg+xml,%3csvg%20width='38'%20height='38'%20viewBox='0%200%2038%2038'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='19'%20cy='19'%20r='18.5'%20fill='%23202020'%20fill-opacity='0.75'%20stroke='white'/%3e%3cline%20x1='7'%20y1='19'%20x2='30'%20y2='19'%20stroke='white'%20stroke-width='2'/%3e%3c/svg%3e") 50%/cover no-repeat}.swal2-popup.popup .time-signature-selector .staff .staff-content .selector .button.button-plus{background:url("data:image/svg+xml,%3csvg%20width='38'%20height='38'%20viewBox='0%200%2038%2038'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='19'%20cy='19'%20r='18.5'%20fill='%23202020'%20fill-opacity='0.75'%20stroke='white'/%3e%3cline%20x1='7'%20y1='19'%20x2='30'%20y2='19'%20stroke='white'%20stroke-width='2'/%3e%3cline%20x1='19'%20y1='30'%20x2='19'%20y2='7'%20stroke='white'%20stroke-width='2'/%3e%3c/svg%3e") 50%/cover no-repeat}.swal2-popup.popup .time-signature-selector .staff .staff-content .selector .value{color:#fff;margin:0 30px;font-family:Noto Serif,serif;font-size:105px;line-height:80%}.swal2-popup.popup .time-signature-selector .staff .staff-content .selector button.submit{cursor:pointer;background:linear-gradient(to bottom right,#828fc2 0%,#4ce5a0 100%);border:none;border-radius:10px;outline:none;margin-top:40px;padding:2px}.swal2-popup.popup .time-signature-selector .staff .staff-content .selector button.submit .inner{color:#fff;background:#202020;border-radius:10px;padding:6px 30px 8px}@media (width<=450px){.swal2-popup.popup .time-signature-selector .staff .staff-content{justify-content:center;width:100%}.swal2-popup.popup .time-signature-selector .staff .staff-content .clef{z-index:-1;opacity:.1;position:absolute;left:0}.swal2-popup.popup .time-signature-selector .staff .staff-content .selector{margin-left:0}}.swal2-popup.popup .time-signature-selector .recent{background:#151719;border-top:1px solid #1c1c1c;margin:30px -30px -50px;padding:35px 50px 15px}.swal2-popup.popup .time-signature-selector .recent .row{justify-content:space-between}.swal2-popup.popup .time-signature-selector .recent .row button.signature{color:#666;cursor:pointer;background:0 0;border:1px solid #444;border-radius:50%;outline:none;flex-shrink:0;width:55px;height:55px;margin-bottom:10px;margin-right:10px;font-family:Noto Serif,serif;font-size:18px;font-weight:700}.swal2-popup.popup .time-signature-selector .recent .row button.signature:disabled{opacity:.3}.swal2-popup.popup .time-signature-selector .recent .row button.signature:hover:not(:disabled){opacity:.8}.swal2-popup.popup .time-signature-selector .recent .row button.signature.active{color:#fff;border:2px solid #f90}.swal2-popup.popup .time-signature-selector .recent .row button.signature div:last-child{margin-top:-4px}.swal2-popup.popup .rhythm-selector .row{justify-content:center}.swal2-popup.popup .rhythm-selector .row button.rhythm-button{color:#8f8f8f;cursor:pointer;background-color:#202020;border:2px solid #555657;border-radius:50%;outline:none;width:80px;height:80px;margin:10px;box-shadow:0 0 10px #0000004d}@media (width<=450px){.swal2-popup.popup .rhythm-selector .row button.rhythm-button{width:70px;height:70px}}.swal2-popup.popup .rhythm-selector .row button.rhythm-button .note{opacity:.7;background-position:50%;background-repeat:no-repeat;width:100%;height:100%}.swal2-popup.popup .rhythm-selector .row button.rhythm-button.active{color:#f90;border:2px solid #f90}.swal2-popup.popup .rhythm-selector .row button.rhythm-button.active .note{opacity:1}.rhythm-4 .note{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF8AAAEhCAYAAAAZE3zwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU0MDMzRUU2NjA0MjExRTk5MkQyOTRCRDBDMjQ1QUY2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU0MDMzRUU3NjA0MjExRTk5MkQyOTRCRDBDMjQ1QUY2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTQwMzNFRTQ2MDQyMTFFOTkyRDI5NEJEMEMyNDVBRjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTQwMzNFRTU2MDQyMTFFOTkyRDI5NEJEMEMyNDVBRjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68Akn8AAAKq0lEQVR42uyde0xU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);background-size:15%}.rhythm-8-8 .note{background-image:url(/i/8-8-white-BZ4eoCA_.png);background-size:40%}.rhythm-p8-8 .note{background-image:url(/i/p8-8-white-CPJGikLe.png);background-size:45%}.rhythm-16-16-16-16 .note{background-image:url(/i/16-16-16-16-white-CkNRJwuu.png);background-size:70%}.rhythm-p16-16-p16-16 .note{background-image:url(/i/p16-16-p16-16-white-BiProlt0.png);background-size:70%}.rhythm-16-16-8 .note{background-image:url(/i/16-16-8-white-Cp-73t4E.png);background-size:55%}.rhythm-8-16-16 .note{background-image:url(/i/8-16-16-white-DNOeHo93.png);background-size:55%}.rhythm-16-8-16 .note{background-image:url(/i/16-8-16-white-D3QyeNMI.png);background-size:55%}.rhythm-8dot-16 .note{background-image:url(/i/8dot-16-white-GXgesk6Y.png);background-size:45%}.rhythm-16-8dot .note{background-image:url(/i/16-8dot-white-kZCITxSL.png);background-size:45%}.rhythm-triplet-8-8-8 .note{background-image:url(/i/triplet-8-8-8-white-SmaZpaT9.png);background-size:60%}.rhythm-triplet-p8-8-8 .note{background-image:url(/i/triplet-p8-8-8-white-BjckhqC9.png);background-size:45%}.rhythm-triplet-8-p8-8 .note{background-image:url(/i/triplet-8-p8-8-white-CGP52bUr.png);background-size:60%}.rhythm-triplet-8-8-p8 .note{background-image:url(/i/triplet-8-8-p8-white-DLPd9RDY.png);background-size:55%}.rhythm-triplet-p8-8-p8 .note{background-image:url(/i/triplet-p8-8-p8-white-N46Dr9th.png);background-size:45%}.rhythm-8 .note{background-image:url(/i/8-white-CL5tqlDb.png);background-size:30%}.rhythm-16-16 .note{background-image:url(/i/16-16-white-C65VIcLE.png);background-size:40%}.rhythm-p16-16 .note{background-image:url(/i/p16-16-white-sR7ADe-N.png);background-size:45%}.rhythm-32-32-32-32 .note{background-image:url(/i/32-32-32-32-white-B3Iasez9.png);background-size:70%}.rhythm-p32-32-p32-32 .note{background-image:url(/i/p32-32-p32-32-white-G8a_4I5K.png);background-size:70%}.rhythm-32-32-16 .note{background-image:url(/i/32-32-16-white-DmZ8g5K_.png);background-size:55%}.rhythm-16-32-32 .note{background-image:url(/i/16-32-32-white-CHKcTJIg.png);background-size:55%}.rhythm-32-16-32 .note{background-image:url(/i/32-16-32-white-rP8QwrWf.png);background-size:55%}.rhythm-16dot-32 .note{background-image:url(/i/16dot-32-white-Pq6cnfOQ.png);background-size:45%}.rhythm-32-16dot .note{background-image:url(/i/32-16dot-white-DJVb2Uwi.png);background-size:45%}.rhythm-triplet-16-16-16 .note{background-image:url(/i/triplet-16-16-16-white-DBMAuQpE.png);background-size:60%}.rhythm-triplet-p16-16-16 .note{background-image:url(/i/triplet-p16-16-16-white-BS_2BOG_.png);background-size:45%}.rhythm-triplet-16-p16-16 .note{background-image:url(/i/triplet-16-p16-16-white-Cqp73y0m.png);background-size:60%}.rhythm-triplet-16-16-p16 .note{background-image:url(/i/triplet-16-16-p16-white-AhYi98aA.png);background-size:55%}.rhythm-triplet-p16-16-p16 .note{background-image:url(/i/triplet-p16-16-p16-white-Cxbbv1j-.png);background-size:45%}.lang-selector{z-index:100;margin-left:14px;position:relative}.lang-selector__btn{color:#616166;letter-spacing:.7px;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:4px 9px 4px 10px;font-family:Noto Sans,sans-serif;font-size:11px;font-weight:600;transition:border-color .15s,color .15s;display:flex}.lang-selector__btn:hover,.lang-selector__btn[aria-expanded=true]{color:#aaa;border-color:#ffffff38}.lang-selector__chevron{border-top:4px solid;border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;margin-top:1px;transition:transform .15s;display:inline-block}.lang-selector__btn[aria-expanded=true] .lang-selector__chevron{transform:rotate(180deg)}.lang-selector__menu{background:#1a1b1d;border:1px solid #2d2e30;border-radius:8px;min-width:68px;padding:4px 0;list-style:none;display:none;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 8px 24px #0009}.lang-selector__menu.open{display:block}.lang-selector__menu a{letter-spacing:.5px;color:#666;padding:6px 14px;font-family:Noto Sans,sans-serif;font-size:11px;font-weight:600;text-decoration:none;transition:color .1s,background .1s;display:block}.lang-selector__menu a:hover{color:#ccc;background:#ffffff0d}.lang-selector__menu a.active{color:#00aaa2}.article-wrapper{max-width:720px;margin:0 auto;padding:0 24px 80px}.article-header{border-bottom:1px solid #2d2e30;margin-bottom:40px;padding:20px 0 32px}.article-logo{color:#00aaa2;letter-spacing:.5px;font-family:Noto Sans,sans-serif;font-size:15px;font-weight:700;text-decoration:none}.article-logo:before{content:"♩ "}.article-content h1{color:#fff;margin-bottom:16px;font-family:Noto Serif,serif;font-size:28px;font-weight:700;line-height:1.3}.article-content h2{color:#e0e0e0;margin:40px 0 14px;font-family:Noto Sans,sans-serif;font-size:20px;font-weight:600}.article-content h3{color:#ccc;margin:28px 0 10px;font-family:Noto Sans,sans-serif;font-size:17px;font-weight:600}.article-content p{color:#aaa;margin-bottom:18px;font-size:16px;line-height:1.75}.article-content ul,.article-content ol{color:#aaa;margin:0 0 18px 24px;font-size:16px;line-height:1.75}.article-content li{margin-bottom:6px}.article-content strong{color:#ddd;font-weight:600}.article-content a{color:#00aaa2}.article-cta{text-align:center;background:linear-gradient(135deg,#0f2e2d 0%,#0a1f1f 100%);border:1px solid #1a4040;border-radius:12px;margin-top:56px;padding:36px 32px}.article-cta__icon{margin-bottom:12px;font-size:32px}.article-cta__title{color:#fff;margin-bottom:8px;font-family:Noto Sans,sans-serif;font-size:20px;font-weight:700}.article-cta__desc{color:#7a9e9e;margin-bottom:24px;font-family:Noto Sans,sans-serif;font-size:14px;line-height:1.6}.article-cta__button{color:#fff;background:#00aaa2;border-radius:28px;padding:13px 36px;font-family:Noto Sans,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-block}.article-cta__button:hover{background:#00c4bb}.article-list{margin:32px 0 0;padding:0;list-style:none}.article-list__item{border-bottom:1px solid #2d2e30;padding:20px 0}.article-list__item a{color:#fff;margin-bottom:6px;font-family:Noto Sans,sans-serif;font-size:18px;font-weight:600;text-decoration:none;display:block}.article-list__item a:hover{color:#00aaa2}.article-list__item p{color:#777;margin:0;font-size:14px;line-height:1.5}.site-footer{border-top:1px solid #2a2b2d;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 2px;padding:10px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.site-footer a{color:#4a8a88;white-space:nowrap;padding:2px 4px;font-family:Noto Sans,sans-serif;font-size:11px;text-decoration:none}.site-footer a:hover{color:#00aaa2}.site-footer .sep{color:#333;font-size:11px}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;box-sizing:border-box}.noUi-target{direction:ltr;position:relative}.noUi-base,.noUi-connects{z-index:1;width:100%;height:100%;position:relative}.noUi-connects{z-index:0;overflow:hidden}.noUi-connect,.noUi-origin{will-change:transform;z-index:1;transform-origin:0 0;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:flat;position:absolute;top:0;left:0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{backface-visibility:hidden;position:absolute}.noUi-touch-area{width:100%;height:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;top:-6px;left:-17px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;top:-17px;left:-6px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{left:auto;right:-17px}.noUi-target{background:#fafafa;border:1px solid #d3d3d3;border-radius:4px;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{cursor:default;background:#fff;border:1px solid #d9d9d9;border-radius:3px;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";background:#e8e7e6;width:1px;height:14px;display:block;position:absolute;top:6px;left:14px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;top:14px;left:6px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{color:#999;position:absolute}.noUi-value{white-space:nowrap;text-align:center;position:absolute}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{background:#ccc;position:absolute}.noUi-marker-sub,.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{width:100%;height:80px;padding:10px 0;top:100%;left:0}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{width:2px;height:5px;margin-left:-1px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{height:100%;padding:0 10px;top:0;left:100%}.noUi-value-vertical{padding-left:25px;transform:translateY(-50%)}.noUi-rtl .noUi-value-vertical{transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{color:#000;text-align:center;white-space:nowrap;background:#fff;border:1px solid #d9d9d9;border-radius:3px;padding:5px;display:block;position:absolute}.noUi-horizontal .noUi-tooltip{bottom:120%;left:50%;transform:translate(-50%)}.noUi-vertical .noUi-tooltip{top:50%;right:120%;transform:translateY(-50%)}