.BCO8V{display:flex;flex-direction:column;gap:var(--spacing-dynamic-fixedAfterTablet-smallX-small)}.yaVY4{max-width:696px;width:100%;margin:var(--spacing-dynamic-fixedBeforeTablet-large2x-large3x) auto 0;border-radius:20px;outline:1px solid var(--base-neutral-border-dynamicAlpha-0-8);outline-offset:-1px;overflow:hidden}.adlE{display:flex;gap:24px;align-items:center;padding:24px 32px;background-color:var(--base-neutral-background-dynamic-95);border-bottom:1px solid var(--base-neutral-border-dynamicAlpha-0-8)}.gKE3r{padding:31px 32px 32px;color:var(--base-neutral-foreground-dynamic-40)}.DmCId{display:flex;align-items:center;justify-content:center;width:9px;height:9px;border-radius:50%;background-color:var(--base-chords-foreground-dynamic-neutralSymbol);color:var(--base-chords-foreground-dynamic-neutralReverseSymbol);box-shadow:0 -1px 0 0 var(--base-chords-foreground-dynamic-neutralReverseSymbol)}.DmCId:after{content:"";display:block}.DmCId[data-finger="1"][data-colored]{background-color:var(--decorative-purple-foreground-dynamic-50);color:var(--base-neutral-foreground-fixed-100)}.DmCId[data-finger="1"]:after{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:9px;height:9px;mask-position:-205px -37px;-webkit-mask-position:-205px -37px}.DmCId[data-finger="2"][data-colored]{background-color:var(--decorative-red-foreground-dynamic-50);color:var(--base-neutral-foreground-fixed-100)}.DmCId[data-finger="2"]:after{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:9px;height:9px;mask-position:-214px -37px;-webkit-mask-position:-214px -37px}.DmCId[data-finger="3"][data-colored]{background-color:var(--decorative-teal-foreground-dynamic-50);color:var(--base-neutral-foreground-fixed-100)}.DmCId[data-finger="3"]:after{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:9px;height:9px;mask-position:-223px -37px;-webkit-mask-position:-223px -37px}.DmCId[data-finger="4"][data-colored]{background-color:var(--base-cifraBrand-foreground-dynamic-68);color:var(--base-neutral-foreground-fixed-100)}.DmCId[data-finger="4"]:after{mask-position:-205px -46px;-webkit-mask-position:-205px -46px}.DmCId[data-finger="4"]:after,.DmCId[data-finger=p]:after{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:9px;height:9px}.DmCId[data-finger=p]:after{mask-position:-214px -46px;-webkit-mask-position:-214px -46px}.DmCId[data-finger=pianoBlackKeys],.DmCId[data-finger=pianoWhiteKeys]{width:11px;height:11px;background-color:rgba(0,0,0,0);box-shadow:none}.DmCId[data-finger=pianoBlackKeys]:after,.DmCId[data-finger=pianoWhiteKeys]:after{width:9px;height:9px;border-radius:50%;outline-style:solid;outline-width:1px}.DmCId[data-finger=pianoBlackKeys]:after{background-color:var(--base-chords-foreground-dynamic-neutralReverseSymbol);outline-color:var(--base-chords-foreground-dynamic-neutralSymbol)}.DmCId[data-finger=pianoWhiteKeys]:after{background-color:var(--base-chords-foreground-dynamic-neutralSymbol);outline-color:var(--base-chords-foreground-dynamic-neutralReverseSymbol)}._Cc5{display:flex;width:5px;height:5px;color:var(--base-chords-foreground-dynamic-neutralSymbol)}._Cc5:after{content:"";display:block}._Cc5[data-status=bass]:after{mask-position:-223px -46px;-webkit-mask-position:-223px -46px}._Cc5[data-status=bass]:after,._Cc5[data-status=played]:after{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:5px;height:5px}._Cc5[data-status=played]:after{mask-position:-205px -55px;-webkit-mask-position:-205px -55px}._Cc5[data-status=notPlayed]:after{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:5px;height:5px;mask-position:-228px -46px;-webkit-mask-position:-228px -46px}.KgBC{position:relative;display:flex;justify-content:center;width:50px}.KgBC:after,.KgBC:before{content:"";display:block;position:absolute}.KgBC:before{color:var(--base-chords-foreground-dynamic-body)}.KgBC:after{bottom:3px;color:var(--base-chords-foreground-dynamic-neutralSymbol);mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:50px;height:7px;mask-position:-85px -108px;-webkit-mask-position:-85px -108px}.KgBC[data-position=firstFret]{height:15px}.KgBC[data-position=firstFret]:before{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:46px;height:15px;mask-position:-131px -115px;-webkit-mask-position:-131px -115px}.KgBC[data-position=offset]{height:13px}.KgBC[data-position=offset]:before{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:46px;height:13px;mask-position:-131px -130px;-webkit-mask-position:-131px -130px}.JP2eJ{position:relative;display:block;height:9px}.JP2eJ:after,.JP2eJ:before{content:"";position:absolute;top:50%;left:2px;right:2px;display:block;height:5px;transform:translateY(-50%)}.JP2eJ:after{background-color:var(--base-chords-foreground-dynamic-neutralSymbol);border-radius:1.5px}.JP2eJ:before{top:calc(50% - 1px);background-color:var(--base-chords-foreground-dynamic-neutralReverseSymbol)}.JP2eJ[data-string="2"]{width:18px}.JP2eJ[data-string="3"]{width:27px}.JP2eJ[data-string="4"]{width:36px}.JP2eJ[data-string="5"]{width:45px}.JP2eJ[data-string="6"]{width:54px}._TUGb{position:relative;display:block;height:65px}._TUGb:after,._TUGb:before{content:"";position:absolute;display:block}._TUGb:before{top:50%;left:50%;transform:translateX(-50%) translateY(-50%);color:var(--base-chords-foreground-dynamic-fret)}._TUGb:after{color:var(--base-chords-foreground-dynamic-body)}._TUGb[data-instrument=guitar]{width:46px}._TUGb[data-instrument=guitar]:before{height:37px;mask-position:-85px -115px;-webkit-mask-position:-85px -115px}._TUGb[data-instrument=guitar]:before,._TUGb[data-instrument=guitar][data-position=firstFret]:after{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:46px}._TUGb[data-instrument=guitar][data-position=firstFret]:after{height:65px;mask-position:-56px -43px;-webkit-mask-position:-56px -43px}._TUGb[data-instrument=guitar][data-position=offset]:after{height:65px;mask-position:-102px -43px;-webkit-mask-position:-102px -43px}._TUGb[data-instrument=guitar][data-position=capoFret]:after,._TUGb[data-instrument=guitar][data-position=offset]:after{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:46px}._TUGb[data-instrument=guitar][data-position=capoFret]:after{top:2px;height:63px;mask-position:-39px -108px;-webkit-mask-position:-39px -108px}._TUGb[data-instrument=viola]{width:39px}._TUGb[data-instrument=viola]:before{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:35px;height:37px;mask-position:0 -173px;-webkit-mask-position:0 -173px}._TUGb[data-instrument=viola][data-position=firstFret]:after{mask-position:-148px -43px;-webkit-mask-position:-148px -43px}._TUGb[data-instrument=viola][data-position=firstFret]:after,._TUGb[data-instrument=viola][data-position=offset]:after{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:39px;height:65px}._TUGb[data-instrument=viola][data-position=offset]:after{mask-position:0 -108px;-webkit-mask-position:0 -108px}._TUGb[data-instrument=cavaco],._TUGb[data-instrument=ukulele]{width:28px}._TUGb[data-instrument=cavaco]:before,._TUGb[data-instrument=ukulele]:before{height:37px;mask-position:-205px 0;-webkit-mask-position:-205px 0}._TUGb[data-instrument=cavaco]:before,._TUGb[data-instrument=cavaco][data-position=firstFret]:after,._TUGb[data-instrument=ukulele]:before,._TUGb[data-instrument=ukulele][data-position=firstFret]:after{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:28px}._TUGb[data-instrument=cavaco][data-position=firstFret]:after,._TUGb[data-instrument=ukulele][data-position=firstFret]:after{height:65px;mask-position:0 -43px;-webkit-mask-position:0 -43px}._TUGb[data-instrument=cavaco][data-position=offset]:after,._TUGb[data-instrument=ukulele][data-position=offset]:after{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:28px;height:65px;mask-position:-28px -43px;-webkit-mask-position:-28px -43px}._TUGb[data-instrument=keyboard]{width:205px;height:43px}._TUGb[data-instrument=keyboard]:before{content:none}._TUGb[data-instrument=keyboard]:after{mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-diagrams-d40c4e42.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:205px;height:43px;mask-position:0 0;-webkit-mask-position:0 0}.uIjyj{--barWidth:4px;position:absolute;display:flex;align-items:center;justify-content:center;height:48px;width:48px;top:-22px;transform:translateX(-22px);cursor:grab;touch-action:pan-y}@media(hover:hover){.uIjyj:hover span{background-color:var(--state-neutral-common-dynamicAlpha-hovered)}}.uIjyj:active span{background-color:var(--state-neutral-common-fixedAlpha-pressed)}.uIjyj span{padding:12px;display:block;border-radius:12px}.uIjyj span:after{content:"";display:block;background-color:var(--base-neutral-foreground-dynamic-10);border-radius:999px;height:12px;width:var(--barWidth)}.uIjyj[data-show-tooltip]:after{content:attr(data-tooltip);position:absolute;top:-46px;left:50%;transform:translateX(-50%);padding:8px;background-color:var(--base-neutral-background-fixed-20);border:1px solid var(--base-neutral-foreground-fixed-40);color:var(--base-neutral-foreground-fixed-100);border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;white-space:nowrap;font-family:Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:1.4rem;letter-spacing:.01em;line-height:1.8rem}.uIjyj[data-show-tooltip][data-tooltip-visible]:after{opacity:1}.uIjyj[data-variant=neutralReverse] span:after{background-color:var(--base-neutral-foreground-fixed-100)}@media(hover:hover){.uIjyj[data-variant=neutralReverse]:hover span{background-color:var(--state-neutralReverse-common-fixedAlpha-hovered)}}.uIjyj[data-variant=neutralReverse]:active span{background-color:var(--state-neutralReverse-common-fixedAlpha-pressed)}.uIjyj[data-variant=brand] span:after{background-color:var(--base-cifraBrand-foreground-fixed-70)}@media(hover:hover){.uIjyj[data-variant=brand]:hover span{background-color:var(--state-cifraBrand-background-fixedAlpha-hovered)}}.uIjyj[data-variant=brand]:active span{background-color:var(--state-cifraBrand-background-fixedAlpha-pressed)}.LFysB{position:relative;width:186px;height:4px;border-radius:999px;background-color:var(--base-neutral-background-dynamicAlpha-0-8);cursor:pointer;z-index:1;touch-action:none;-webkit-user-select:none;user-select:none}.LFysB:focus-visible{outline:2px solid var(--base-focus-outline,#000);outline-offset:2px}.LFysB[data-variant=neutralReverse]{background-color:var(--base-neutralReverse-background-fixedAlpha-100-8)}.LFysB[data-variant=neutralReverse] .jZF49{background-color:var(--base-neutral-foreground-fixed-100)}.LFysB[data-variant=neutralReverse] .kluEx:after,.LFysB[data-variant=neutralReverse] .kluEx:before{background-color:var(--base-neutral-foreground-fixed-40)}.LFysB[data-variant=brand] .jZF49{background-color:var(--base-cifraBrand-foreground-fixed-70)}.jZF49{background-color:var(--base-neutral-foreground-dynamic-10);height:100%;border-radius:999px 0 0 999px}.kluEx{width:2px;height:9px;position:absolute;top:0;z-index:-2}.kluEx:after,.kluEx:before{content:"";position:absolute;top:-4px;width:2px;height:3px;background-color:var(--base-neutral-foreground-dynamic-70);border-radius:999px}.kluEx:after{top:5px}@media(min-width:700px){.LFysB{width:100%}}.qHBUt{display:flex;width:fit-content;border-radius:10px}.qHBUt[data-variant=neutral]{background-color:var(--base-neutral-background-dynamicAlpha-0-4)}.qHBUt[data-variant=neutralReverse]{background-color:var(--base-neutral-background-dynamicAlpha-100-4)}.qHBUt[data-variant=neutralReverseFixed]{background-color:var(--base-neutral-background-fixedAlpha-100-4)}._THI3{justify-content:center}.nKdC{margin:12px 0 var(--spacing-dynamic-fixedAfterTablet-largeX-large2x)}.drMGD{position:relative;display:flex;flex-direction:column;gap:24px}.v0SSo{background-color:var(--base-neutral-background-dynamicAlpha-0-4);border-radius:10px;overflow:hidden}.o3pf7{width:100%;height:4px;background-color:var(--base-neutral-background-dynamic-90);position:relative}.o3pf7:before{content:"";width:var(--progress);height:100%;background-color:var(--base-cifraBrand-background-fixed-70);position:absolute}.pa2T{text-align:center;padding:6.5px 4px}.pa2T span{color:var(--base-cifraBrand-foreground-dynamic-68)}.bRMg{display:flex;flex-direction:column;align-items:flex-start;gap:16px}._lpUp{aspect-ratio:1;height:163px;border:1px solid var(--base-neutral-border-dynamicAlpha-0-6);border-radius:8px;padding:7px}._lpUp svg{width:147px;height:147px}.GVaV{flex:1 1;width:100%;min-width:0;gap:16px}.GVaV,._lmIk,.u8lq{display:flex;flex-direction:column}._lmIk,.u8lq{gap:8px}._lmIk{color:var(--base-neutral-foreground-dynamic-40)}.u8lq li{gap:8px}.u8lq li,.u8lq li span{display:flex;align-items:center}.u8lq li span{width:21px;min-width:21px;height:21px;justify-content:center;border:1px solid var(--base-neutral-border-fixedAlpha-0-6);border-radius:50%;user-select:none;-webkit-user-select:none}.vkZOd{display:flex;flex-direction:column;align-items:center;gap:16px}.rt4Mn{flex:1 1;width:100%;min-width:0;background-color:var(--base-neutral-elevation-dynamic-under);border-radius:10px;padding:11px 8px;cursor:default}hr._4bk1{margin:var(--spacing-dynamic-fixedAfterTablet-largeX-large2x) 0}.UU3JR{background-color:var(--base-neutral-background-dynamicAlpha-0-4);border-radius:12px;display:flex;align-items:center;gap:16px;padding:16px}.UU3JR p:nth-child(2){color:var(--base-neutral-foreground-dynamic-40)}.CcPQn .NGJx1{position:absolute;left:50%;bottom:50%;translate:-50% 50%}.CcPQn[data-expired] ._lpUp svg,.CcPQn[data-loading] ._lpUp svg{display:none}.CcPQn[data-expired] ._lpUp:after,.CcPQn[data-loading] ._lpUp:after{content:"";display:block;width:100%;height:100%;background:var(--state-neutral-common-dynamicAlpha-disabled)}.CcPQn[data-loading] .pa2T *{color:rgba(0,0,0,0)}.CcPQn[data-loading] .pa2T p{margin:0 auto;width:fit-content;background:var(--base-neutral-background-dynamicAlpha-0-8);border-radius:4px}.CcPQn[data-loading] .rt4Mn{color:rgba(0,0,0,0);min-height:40px}.CcPQn[data-expired] ._lmIk{color:var(--state-neutral-foreground-dynamicAlpha-disabled)}@media(max-width:699px){.vkZOd button{width:100%}}@media(min-width:700px){._lpUp{height:182px}._lpUp svg{width:166px;height:166px}.bRMg,.vkZOd{flex-direction:row}.CcPQn .NGJx1{bottom:0;translate:-50% 0}}.LlSYy{display:flex;align-items:center;width:100%}.LlSYy[data-inside=true] .DVije{background:rgba(0,0,0,0);outline:none;box-shadow:none;padding:4px;min-width:280px}.DVije{gap:8px;padding:8px;background:var(--base-neutral-elevation-dynamic-over);outline:1px solid var(--base-neutral-border-dynamicAlpha-0-6);outline-offset:-1px;border-radius:20px;box-shadow:var(--shadow-soft-50);width:100%;min-height:40px}.DVije,.JM14,._flD{display:flex;align-items:center}.JM14,._flD{gap:2px}.ycK2d i{scale:.75}.nsKYw,.ycK2d{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:4px;background:var(--state-neutral-common-dynamicAlpha-enabled);border:none;border-radius:12px;cursor:pointer;transition:background .2s ease}@media(hover:hover){.nsKYw:not(:disabled):hover,.ycK2d:not(:disabled):hover{background:linear-gradient(0deg,var(--state-neutral-common-dynamicAlpha-hovered) 0,var(--state-neutral-common-dynamicAlpha-hovered) 100%),var(--base-neutral-background-dynamicAlpha-0-4)}}.nsKYw:not(:disabled):active,.ycK2d:not(:disabled):active{background:linear-gradient(0deg,var(--state-neutral-common-dynamicAlpha-pressed) 0,var(--state-neutral-common-dynamicAlpha-pressed) 100%),var(--base-neutral-background-dynamicAlpha-0-4)}.nsKYw:not(:disabled):focus-visible,.ycK2d:not(:disabled):focus-visible{outline:2px solid var(--base-neutral-foreground-dynamic-40);outline-offset:2px}.nsKYw:disabled,.ycK2d:disabled{cursor:not-allowed;opacity:.6}.lx9O{width:1px;height:20px;background-color:var(--base-neutral-border-dynamicAlpha-0-6);flex-shrink:0}._fkit{flex:1 1;gap:8px;min-width:0}._fkit,.xPwM{display:flex;align-items:center}.xPwM{flex-shrink:0;justify-content:center;width:24px;height:24px;transition:color .2s ease}.xPwM svg{width:100%;height:100%}.UFJPz{display:flex;flex-direction:column;max-width:min(440px,100vw);width:100%}._J5fd{display:flex;gap:8px;padding:8px}.Cp3Am{display:flex;align-items:center;justify-content:center}._DPXA{height:20px}.ZMKps{display:flex;justify-content:center;align-items:center;gap:8px;width:250px}.luTHK{margin:0 8px;position:relative}.luTHK.MWbAi:after{content:"";position:absolute;right:-6px;width:4px;height:20px;border-radius:999px;background:linear-gradient(to bottom,var(--base-neutral-background-dynamic-90) 50%,var(--base-cifraBrand-foreground-fixed-70) 50%)}.TgAD7{transform:rotate(-90deg)}._Ac6G{transform:rotate(90deg)}.fEpKT{display:flex;width:250px;margin:auto auto 8px}.fEpKT.niVMy{width:334px}.tlgV3{gap:8px;overflow:hidden;white-space:nowrap}._ejsp,.tlgV3{display:flex;align-items:center}._ejsp{flex-direction:column}._ejsp[data-status=detected],._ejsp[data-status=notDetected]{opacity:.2}._ejsp[data-status=detected] button{color:var(--base-cifraBrand-foreground-dynamic-68)}._ejsp[data-status=notDetected] button{color:var(--base-neutral-foreground-fixed-70)}._ejsp[data-status=current] ._VPuL{background-color:var(--base-cifraBrand-background-fixedAlpha-70-16)}._ejsp[data-status=current] ._VPuL button{color:var(--base-cifraBrand-foreground-dynamic-68)}._ejsp[data-status=current] ._8KRg{background:var(--base-cifraBrand-foreground-dynamic-68)}._ejsp[data-status=loading]{opacity:.2}._ejsp[data-status=loading] ._VPuL{position:relative;color:rgba(0,0,0,0)}._ejsp[data-status=loading] ._VPuL:after{position:absolute;content:"";top:50%;left:50%;width:17px;height:6px;border-radius:10px;background:var(--base-neutral-foreground-dynamic-10);transform:translate(-50%,-50%)}._ejsp[data-status=loading] ._VPuL>*{opacity:0}._8KRg{display:block;height:4px;width:100%;border-radius:999px;background:rgba(0,0,0,0);margin-top:8px}._VPuL{border-radius:4px;width:fit-content;margin:auto auto 4px;min-width:34px;box-sizing:border-box;-webkit-user-select:none;user-select:none;text-align:center;padding:0 8px;color:var(--base-neutral-foreground-dynamic-10);flex-shrink:0}.AWuP4{padding:8px;border-top:1px solid var(--base-neutral-border-dynamicAlpha-0-8)}@media(min-width:700px){.ZMKps{width:328px}}.AiYmE{display:flex;align-items:center;justify-content:center;height:40px;width:40px;padding:0 4px;background:linear-gradient(0deg,var(--state-neutral-common-dynamicAlpha-enabled) 0,var(--state-neutral-common-dynamicAlpha-enabled) 100%),var(--base-neutral-background-dynamicAlpha-0-4);color:var(--base-neutral-foreground-dynamic-40);user-select:none;-webkit-user-select:none}@media(hover:hover){.AiYmE:hover{background:linear-gradient(0deg,var(--state-neutral-common-dynamicAlpha-hovered) 0,var(--state-neutral-common-dynamicAlpha-hovered) 100%),var(--base-neutral-background-dynamicAlpha-0-4)}}.AiYmE:active{background:linear-gradient(0deg,var(--state-neutral-common-dynamicAlpha-pressed) 0,var(--state-neutral-common-dynamicAlpha-pressed) 100%),var(--base-neutral-background-dynamicAlpha-0-4)}.AiYmE[data-radius=small]{border-radius:12px}.AiYmE[data-radius=small-x]{border-radius:10px}.AiYmE[data-selected]{background:linear-gradient(0deg,var(--state-neutralReverse-common-dynamicAlpha-enabled) 0,var(--state-neutralReverse-common-dynamicAlpha-enabled) 100%),var(--base-neutral-background-dynamic-10);color:var(--base-neutral-foreground-dynamic-100)}@media(hover:hover){.AiYmE[data-selected]:hover{background:linear-gradient(0deg,var(--state-neutralReverse-common-dynamicAlpha-hovered) 0,var(--state-neutralReverse-common-dynamicAlpha-hovered) 100%),var(--base-neutral-background-dynamic-10)}}.AiYmE[data-selected]:active{background:linear-gradient(0deg,var(--state-neutralReverse-common-dynamicAlpha-pressed) 0,var(--state-neutralReverse-common-dynamicAlpha-pressed) 100%),var(--base-neutral-background-dynamic-10)}.AiYmE[data-original]{border:2px solid var(--base-neutral-foreground-dynamic-10);color:var(--base-neutral-foreground-dynamic-10)}.HMQxl{gap:8px;width:296px}.HMQxl,.Isbc{display:flex;flex-direction:column}.Isbc{padding:8px;gap:12px;border-radius:20px;outline:1px solid var(--base-neutral-border-dynamicAlpha-0-6);outline-offset:-1px;background:var(--base-neutral-elevation-dynamic-over);box-shadow:var(--shadow-soft-50)}.qcwA{display:flex;gap:8px}.uje0R{display:flex;position:relative}.uje0R:before{content:"";position:absolute;height:100%;width:139px;border-radius:10px;background:var(--base-neutral-background-dynamicAlpha-0-4);transition:transform .2s ease-in-out}.uje0R[data-mode=minor]:before{transform:translateX(100%)}.uje0R>.la0f9{padding:2px}.uje0R>.la0f9:hover{background:initial}.V85vS{display:flex;gap:8px;flex-wrap:wrap;width:280px}@media(min-width:1200px){.Isbc{border-radius:16px}.qcwA>.la0f9,.uje0R>.la0f9{height:32px}}._2pWw{position:relative}._2pWw,.mjuB{display:flex;justify-content:center}.mjuB{width:64px;flex:1 1;padding:8px 12px;flex-direction:column;align-items:center;gap:4px;border-radius:16px;color:var(--base-neutral-foreground-dynamic-10);user-select:none;-webkit-user-select:none}.mjuB:hover{background:var(--state-neutral-common-dynamicAlpha-hovered)}.mjuB:active{background:var(--state-neutral-common-dynamicAlpha-pressed)}._2pWw[data-active=true]:before{content:"";top:0;width:6px;height:3px;position:absolute;border-radius:18px;background:var(--base-neutral-foreground-dynamic-10)}.KqJUd{max-width:calc(100vw - var(--gridMargin)*2);background:var(--base-neutral-elevation-dynamic-over);border:1px solid var(--base-neutral-border-dynamicAlpha-0-8);border-radius:20px;box-shadow:var(--shadow-soft-50)}.KqJUd:has(div[data-hidden]),.KqJUd[data-hidden=true],.snackbar-root:has([data-visible])~main .KqJUd{animation:OVr54 .8s cubic-bezier(.175,.885,.32,1.275) forwards;translate:0 calc(100% + var(--spacing-dynamic-fixedAfterTablet-base-largeX));opacity:0}.snackbar-root:not(:has([data-visible]))~main .KqJUd:not([data-hidden]):not([data-prevent-animation]):not(:has(div[data-hidden])){animation:_wdWQ .8s cubic-bezier(.175,.885,.32,1.275) forwards}.ohrqy{display:inline-flex;align-items:center;padding:4px}.KqJUd:has(.wVsE8){width:100%;max-width:440px;border:0;box-shadow:none}.KqJUd:has(.wVsE8) .wVsE8{width:100%}.KqJUd:has(._MQR8){background:rgba(0,0,0,0)}.KqJUd:has(._MQR8) ._MQR8{max-width:296px;margin:0 auto}@keyframes _wdWQ{0%{translate:0 calc(100% + var(--spacing-dynamic-fixedAfterTablet-base-largeX));opacity:0}30%{translate:0 -60%;opacity:1}50%{translate:0 20%;opacity:1}70%{translate:0 -8%;opacity:1}85%{translate:0 5%;opacity:1}to{translate:0 0;opacity:1}}@keyframes OVr54{0%{translate:0 0;opacity:1}15%{translate:0 5%;opacity:1}30%{translate:0 -8%;opacity:1}50%{translate:0 20%;opacity:1}70%{translate:0 -60%;opacity:1}to{translate:0 calc(100% + var(--spacing-dynamic-fixedAfterTablet-base-largeX));opacity:0}}.oFmFY{display:flex;flex-direction:column;align-items:center;padding-bottom:8px;width:352px;position:relative;margin:0 auto}.oFmFY:after,.oFmFY:before{content:"";position:absolute;bottom:0;height:60px;width:200px;z-index:2;pointer-events:none}.oFmFY:before{left:-1px;background:linear-gradient(to right,var(--base-neutral-elevation-dynamicAlpha-over-92),transparent)}.oFmFY:after{right:-1px;background:linear-gradient(to left,var(--base-neutral-elevation-dynamicAlpha-over-92),transparent)}.FRIA{width:100%;overflow-x:auto;padding:0 176px;scroll-snap-type:x mandatory;scroll-behavior:smooth}.FRIA,.JPYbC,.sJup0{display:flex}.JPYbC{flex-direction:column;align-items:center;gap:4px;flex-shrink:0;min-width:22px;scroll-snap-align:center;scroll-snap-stop:always}.JK1g{width:22px;height:12px;text-align:center;color:var(--base-neutral-foreground-dynamic-40)}.W772B{width:2px;height:24px;border-radius:4px;background:var(--base-neutral-foreground-dynamic-70)}.W772B[data-selected]{background-color:var(--base-cifraBrand-foreground-fixed-70)}.NPGt{display:flex;flex-direction:column;width:fit-content;padding:8px 8px 16px;border-radius:20px;box-shadow:var(--shadow-soft-50);background-color:var(--base-neutral-elevation-dynamic-over);outline:solid 1px var(--base-neutral-border-dynamicAlpha-0-6);outline-offset:-1px}.GAy51{justify-content:space-between;margin-bottom:8px}.GAy51,.zVP9U{display:flex;align-items:center}.zVP9U{padding-top:16px;gap:8px;margin:0 auto;justify-content:center}.zVP9U button{min-width:48px!important}.Bkbcz{position:absolute;top:0;height:100%;border-radius:999px;background-color:var(--base-neutral-foreground-dynamic-10)}.VJBSI{display:flex;align-items:center;width:100%}.govRt{flex-direction:column;padding:8px 8px 16px;background:var(--base-neutral-elevation-dynamic-over);outline:1px solid var(--base-neutral-border-dynamicAlpha-0-6);outline-offset:-1px;border-radius:20px;box-shadow:var(--shadow-soft-50)}.fYevF,.govRt{display:flex;gap:8px;width:100%}.fYevF{align-items:center}._t7ky{flex:1 1;text-align:center;color:var(--base-neutral-foreground-dynamic-10)}.hd4cw{display:flex;align-items:center;gap:10px;padding:0 8px;width:100%;height:24px}.iwDby{flex-shrink:0;width:31px;color:var(--base-neutral-foreground-dynamic-40);text-align:left}._vvc{flex:1 1;min-width:0}.VJBSI[data-from-settings] .govRt{background:var(--base-neutral-elevation-fixedAlpha-over-92);border-radius:16px}.VJBSI[data-from-settings] ._t7ky{color:var(--base-neutral-foreground-fixed-100)}.VJBSI[data-from-settings] .iwDby{color:var(--base-neutral-foreground-fixed-70)}.HX4V0{flex-direction:column;align-items:center;justify-content:center;z-index:6;transition:transform .22s ease,opacity .22s ease}.HX4V0,.J0vnj{display:flex;gap:16px;opacity:1;transform:translateY(0)}.J0vnj{transition:opacity .1s ease,transform .22s ease}.xJ6rP{opacity:0;pointer-events:none}.jdvyr{display:block;height:var(--chordToolsHeight)}.HX4V0[data-floating]{position:sticky;left:50%;bottom:var(--spacing-dynamic-fixedAfterTablet-base-largeX)}html:not([data-sponsor]):has(.an[data-variant=bottomFixed]) .HX4V0[data-floating]{bottom:calc(90px + var(--spacing-dynamic-fixedAfterTablet-base-largeX))}.HX4V0[data-floating][data-concealed]{opacity:0;transform:translateY(24px);pointer-events:none}.HX4V0[data-floating][data-appearing]:not([data-concealed]){transform:translateY(-3px)}.HX4V0[data-floating][data-appearing]:not([data-concealed]) .J0vnj{transform:translateY(-3px);will-change:transform}.jdvyr:not([data-floating]){margin-bottom:calc(var(--chordToolsHeight)*-1)}@media(min-width:700px){.HX4V0{flex-direction:row}}@media(min-width:1200px){.WMSAC{display:flex;padding:4px;background:var(--base-neutral-elevation-dynamic-over);outline:1px solid var(--base-neutral-border-dynamicAlpha-0-6);outline-offset:-1px;box-shadow:var(--shadow-soft-50);border-radius:20px}}.w31ON{position:relative;display:flex;flex-direction:column;width:100%;aspect-ratio:158/211;text-align:center;overflow:hidden;border-radius:12px}.BQ6Sx{display:flex;flex:1 1}.Dwx6h{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;width:100%;min-height:126px;margin-top:auto;padding:var(--spacing-dynamic-fixedBeforeTablet-small-largeX);background:linear-gradient(180deg,transparent 0,var(--base-neutral-background-fixed-10) 70%);z-index:1}.zvS4A{position:absolute;inset:0}.w31ON .zvS4A ._R1s .defaultOverlay{border-radius:12px}.e0Scv{color:var(--base-neutral-foreground-fixed-100)}.LLxMf{color:var(--base-neutral-foreground-fixed-80)}@media(min-width:1200px){.w31ON:has(.Cmx0):has(.Cmx0:hover) .defaultOverlay{background:var(--state-neutral-common-fixedAlpha-hovered)}.w31ON:has(.Cmx0):has(.Cmx0:active) .defaultOverlay{background:var(--state-neutral-common-fixedAlpha-pressed)}.w31ON:has(.Cmx0) .zvS4A{pointer-events:none}.w31ON:has(.Cmx0) .Dwx6h{transform:translateY(40px);transition:transform .2s ease}.w31ON:has(.Cmx0) .Cmx0{flex-shrink:0;transform:translateY(16px);transition:transform .2s ease}.w31ON:has(.Cmx0):hover .Cmx0,.w31ON:has(.Cmx0):hover .Dwx6h{transform:translateY(0)}}.I93z{display:flex;align-items:center}.I93z[data-type=dots]{justify-content:center}.I93z[data-type=steps]{gap:4px}.I93z[data-color=cifraBrand] .xyUU{--background:var(--base-neutral-background-dynamic-90)}.I93z[data-color=cifraBrand] .xyUU[data-active=true],.I93z[data-color=cifraBrand][data-type=steps] .xyUU:has(~.xyUU[data-active=true]){--background:var(--base-cifraBrand-background-fixed-70)}.I93z[data-color=neutralReverse] .xyUU{--background:var(--base-neutral-background-dynamic-30)}.I93z[data-color=neutralReverse] .xyUU[data-active],.I93z[data-color=neutralReverse][data-type=steps] .xyUU:has(~.xyUU[data-active]){--background:var(--base-neutral-background-dynamic-100)}._W2o5{flex:1 1;height:4px;background-color:var(--background);display:block;border-radius:2px}.EIab{width:24px;height:24px;position:relative}.EIab:before{content:"";width:9px;height:9px;border-radius:50%;background-color:var(--background);display:block;position:absolute;top:7.5px;left:7.5px}._ptIp{width:100%;height:4px;border-radius:2px;background-image:linear-gradient(to right,var(--activeBackground) 0,var(--activeBackground) var(--progress),var(--background) var(--progress),var(--background) 100%)}._ptIp[data-color=assistant],._ptIp[data-color=cifraBrand]{--background:var(--base-neutral-background-dynamic-90)}._ptIp[data-color=assistantReverse],._ptIp[data-color=cifraBrandReverse]{--background:var(--base-neutral-background-dynamic-30)}._ptIp[data-color=cifraBrandReverse],._ptIp[data-color=cifraBrand]{--activeBackground:var(--base-cifraBrand-foreground-fixed-70)}._ptIp[data-color=assistantReverse],._ptIp[data-color=assistant]{--activeBackground:var(--base-cifraAssistant-foreground-dynamic-50)}.eorZ5{width:100%;height:calc(100% - 55px);overflow:hidden;position:relative;z-index:20;border-radius:16px}.eorZ5,.hZhHH{background:var(--base-neutral-background-dynamic-100);box-sizing:border-box;display:flex;flex-direction:column}.hZhHH{padding:var(--spacing-dynamic-fixedAfterTablet-base-largeX) var(--spacing-dynamic-fixedAfterTablet-base-largeX) var(--spacing-dynamic-fixedBeforeTablet-base-large);gap:var(--spacing-dynamic-fixedBeforeTablet-base-large)}.LHwcV,.hZhHH button{height:32px}.LHwcV{display:flex;align-items:center;gap:12px}.LHwcV>div{flex:1 1}.W6nCc{background:var(--base-neutral-background-dynamic-100);display:flex;gap:16px;align-items:center;box-sizing:border-box;padding:var(--spacing-dynamic-fixedAfterTablet-base-largeX);border-top:1px solid var(--base-neutral-background-dynamicAlpha-0-8)}.W6nCc>button{flex:1 1}@media(min-width:1200px){.eorZ5{height:100%;width:500px}}.VQaXL{position:relative}button._yU0K{position:absolute;top:50%;transition:opacity .2s ease;box-shadow:var(--shadow-sharp-30);opacity:0;z-index:2}button._yU0K[data-prev]{left:0;transform:translate(-50%,-50%)}button._yU0K[data-next]{right:0;transform:translate(50%,-50%)}.jtm58{scroll-snap-type:x mandatory;scroll-padding-left:var(--gridMargin)}.qOwe{scroll-snap-align:start}._PNRz{position:absolute;pointer-events:none}@media(min-width:1200px){.VQaXL:hover ._yU0K{opacity:1}.jtm58{scroll-padding-left:0}}.nP4JX{display:flex;flex-direction:column;width:100%;height:auto}.pOSA{margin:0 calc(var(--sheetPadding)*-1);padding:4px 0 var(--spacing-dynamic-fixedBeforeTablet-base-large);overflow:auto}.w9QqS:not(.Ka59w){margin:0;padding:0 var(--sheetPadding)}.kd41P{gap:8px}.ThqGD,.kd41P{display:flex;flex-direction:column}.ThqGD{gap:var(--spacing-dynamic-fixedBeforeTablet-base-large);margin-top:24px}@keyframes _xtCm{0%{max-height:0;opacity:0;overflow:hidden}to{max-height:1000px;opacity:1;overflow:visible}}.R2YMM{animation:_xtCm .5s ease-in-out}@media(max-width:1199px){.R2YMM:not([data-floating]){width:calc(100% + var(--gridMargin)*2);margin:calc(var(--spacing-dynamic-fixedBeforeTablet-base-large2x)*-1) calc(var(--gridMargin)*-1) var(--spacing-dynamic-fixedBeforeTablet-base-large2x)}}.Ef23>div{position:relative}.mDQIa{display:none}.kB8Yw{flex:1 1}@media(min-width:1200px){.Ef23{position:relative;display:grid;grid-template-columns:312px minmax(0,1fr);gap:24px;margin-bottom:24px;transition:grid-template-columns .3s ease-out;z-index:5}.mDQIa{max-height:calc(100vh - var(--headerAdjust, 0px));width:100%;display:block;align-self:flex-start;overflow:hidden;overflow-y:auto;margin:calc(var(--spacing-dynamic-fixedBeforeTablet-base-largeX)*-1) 0;padding:var(--spacing-dynamic-fixedBeforeTablet-base-largeX) 0;position:sticky;top:0;transition:width .3s ease-out;z-index:6}.kB8Yw{padding:var(--spacing-dynamic-fixedAfterTablet-base-largeX);background:var(--base-neutral-background-dynamic-100);outline:1px solid var(--base-neutral-border-dynamicAlpha-0-6);outline-offset:-1px;border-radius:24px;position:relative}.Ef23>div:before,.kB8Yw:before{content:"";width:100%;height:100%;background-color:var(--shadows-dynamicAlpha-0-4);position:absolute;top:0;left:0;filter:blur(200px);z-index:-1;pointer-events:none}.JkOeE:has(.uIa6A){display:grid;grid-template-columns:minmax(0,1fr) 366px;align-items:flex-start;gap:24px}._fDv7{flex:1 1}.uIa6A{width:366px;position:sticky;margin-top:32px;top:24px;display:flex;align-items:flex-end;flex-direction:column;gap:32px;padding-bottom:var(--spacing-dynamic-fixedAfterTablet-largeX-large2x)}.uIa6A:not([data-player-fixed]){z-index:8}html[data-chord-compact] .Ef23{grid-template-columns:56px minmax(0,1fr)}}@media print{._fDv7{margin-top:24px}.mDQIa{display:none}}.w503R{padding-bottom:var(--spacing-dynamic-fixedBeforeTablet-base-largeX)}.XFKi9{margin-top:24px}@media(min-width:1200px){.XFKi9{display:grid;grid-template-columns:312px minmax(0,1fr);gap:24px;transition:grid-template-columns .3s ease-out}html[data-chord-compact] .XFKi9{grid-template-columns:56px minmax(0,1fr)}}@media print{.XFKi9{display:none}}