@import url(https://meyerweb.com/eric/tools/css/reset/reset.css);@media print{.chord-toolbar__picture,.chord-versions,.header{display:none}.chord__string{background-color:#000!important;height:3px}.chord__position{color:#000!important}.chord{border:1px solid #000}}.header{grid-column-gap:32px;grid-row-gap:32px;align-content:stretch;align-items:center;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background-color:hsla(0,0%,4%,.85);border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;grid-auto-columns:1fr;grid-template:". Logo"/1fr 220px 1fr;height:70px;justify-content:space-around;justify-items:stretch;left:0;padding:0 32px;position:fixed;top:0;transition:-webkit-transform .3s cubic-bezier(.215,.61,.355,1);transition:transform .3s cubic-bezier(.215,.61,.355,1);transition:transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);width:calc(100% - 64px);z-index:11}.header.header--down{-webkit-transform:translate(0);transform:translate(0)}.header.header--up{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.header .material-icon{display:none}.navigation__link{align-items:center;color:hsla(0,0%,100%,.66);display:flex;font-family:PT Sans,sans-serif;font-size:12px;font-weight:700;height:100%;justify-content:center;letter-spacing:2px;position:relative;text-decoration:none;text-transform:uppercase;width:100%}.navigation__link.w--current{color:var(--primary-color)}.header__navigation{display:flex;justify-content:space-around;width:100%}.main-logo__img{height:52px;width:130px}.chord-sound-wrapper{align-items:center;border-radius:100px;height:48px;justify-content:center;overflow:hidden;width:48px;z-index:1}@media only screen and (max-width:989px){.chord-sound-wrapper{bottom:24px}}@media only screen and (max-width:767px){.chord-sound-wrapper{bottom:16px;left:8px}}.chord-sound{align-items:center;background-color:hsla(0,0%,100%,.05);color:#fff;cursor:pointer;display:flex;font-family:Noto Music,sans-serif;font-size:24px;height:100%;justify-content:center;line-height:24px;transition:background-color .4s ease-out;width:100%}.chord-sound:hover{background-color:var(--primary-color);color:#fff}.chord-sound svg{height:100%;width:100%}.chord-sound svg use{-webkit-transform:scale(.4);transform:scale(.4);-webkit-transform-origin:53% 50%;transform-origin:53% 50%}.material-icon--sound{align-items:center;color:hsla(0,0%,100%,.6);cursor:pointer;display:flex;font-family:Noto Music,sans-serif;font-size:24px;height:48px;justify-content:center;line-height:48px;overflow:hidden;position:relative;transition:color .3s,opacity .3s,box-shadow .3s ease-out,-webkit-transform .3s;transition:color .3s,opacity .3s,transform .3s,box-shadow .3s ease-out;transition:color .3s,opacity .3s,transform .3s,box-shadow .3s ease-out,-webkit-transform .3s;width:48px}.sound-widget{bottom:20px;left:20px;position:absolute;z-index:1}.sound-widget.sound-widget--shaded{align-items:center;background-color:hsla(0,0%,100%,.05);border-radius:3em;display:inline-flex;left:0;margin:0 auto;position:relative;top:0}.sound-widget.sound-widget--shaded .chord-sound-wrapper{height:64px;width:64px}.sound-widget.sound-widget--shaded .sound-wave-icon{left:0;margin-left:10px;margin-right:20px;position:relative}.sound-wave-icon{bottom:0;cursor:default;height:48px;left:calc(100% + 4px);opacity:.5;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:80px}.chord-wrapper{padding:5px;position:relative}.chord-wrapper.chord-fw-wrapper{height:640px;margin-bottom:-200px;margin-top:-200px;overflow:hidden;padding-top:145px;right:0;top:-60px;width:100vw}.chord-wrapper.chord-fw-wrapper .chord{height:505px}.chord{align-items:center;background-color:hsla(0,0%,7%,.98);border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;height:350px;overflow:hidden;position:relative;width:100%}.chord.section-fw-chord{background-color:transparent;overflow:visible}.chord.section-fw-chord .chord__visual{background-image:none;background-repeat:repeat;background-size:auto}@media only screen and (min-width:1494px){.chord.section-fw-chord .chord__visual{left:219px;right:auto}}.chord.section-fw-chord .chord__visual:after{background-image:linear-gradient(#0b0b0b,transparent 40%,transparent 60%,#0b0b0b),url(https://uploads-ssl.webflow.com/629e5388ef3d3bca1315d8de/643464716871bbb0542130a5_g-fw.webp);background-position:0 0,100%;background-repeat:repeat,no-repeat;background-size:auto,auto 100%;bottom:auto;content:"";display:block;height:640px;left:auto;position:relative;position:absolute;right:-536px;top:50%;-webkit-transform:translate(50px,-50%);transform:translate(50px,-50%);width:200vw;z-index:-1}.chord-toolbar{align-items:center;background-color:hsla(0,0%,7%,.98);border-top-left-radius:5px;border-top-right-radius:5px;display:flex;height:80px;justify-content:space-between;position:relative;width:100%}.chord-toolbar.chord-toolbar--absolute{height:48px;position:relative;z-index:3}.chord-toolbar__title-wrapper{align-items:center;display:flex;position:relative;text-decoration:none;z-index:4}.chord-toolbar__picture{border-radius:2px;box-shadow:0 0 5px #0b0b0b;height:100%;min-height:80px;overflow:hidden;position:absolute;right:0;top:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;width:100px;z-index:4}@media only screen and (max-width:479px){.chord-toolbar__picture{border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}}.chord-toolbar__picture img{height:100%;object-fit:cover;width:100%}.chord-toolbar__subtitle{color:hsla(233,4%,55%,.56);cursor:pointer;font-family:PT Sans,sans-serif;font-size:16px;font-style:normal;font-weight:400;margin-right:4px;margin-top:12px;position:relative;z-index:4}.chord__finger-circle{align-items:center;border-radius:20px;cursor:default;display:flex;font-family:PT Sans,Roboto,Arial,sans-serif;font-size:18px;font-weight:700;height:20px;justify-content:center;line-height:16px;position:absolute;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px);transition:-webkit-transform .3s cubic-bezier(.165,.84,.44,1);transition:transform .3s cubic-bezier(.165,.84,.44,1);transition:transform .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1);-webkit-user-select:none;user-select:none;width:20px}.chord__finger-circle,.chord__finger-circle:hover{background-color:hsla(0,0%,100%,.95);color:#0b0b0b}.chord__finger-circle:hover{box-shadow:none;box-shadow:0 0 3px 3px hsla(0,3%,6%,.21);-webkit-transform:scale(1.4);transform:scale(1.4)}.chord__finger-circle.chord__finger-circle--0{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='fill:%23fff' xml:space='preserve'%3E%3Cpath d='M12 4c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z'/%3E%3C/svg%3E");opacity:.6;-webkit-transform:scale(1.2) translateX(-2px);transform:scale(1.2) translateX(-2px)}.chord__finger-circle.chord__finger-circle---1,.chord__finger-circle.chord__finger-circle--0{background-color:hsla(0,0%,100%,0);background-position:50%;background-size:16px 16px;box-shadow:none}.chord__finger-circle.chord__finger-circle---1{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath d='M0 0h24v24H0V0z' style='fill:none'/%3E%3Cpath d='M18.3 5.7c-.4-.4-1-.4-1.4 0L12 10.6 7.1 5.7c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0l4.9-4.9 4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L13.4 12l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%23ea65b4'/%3E%3C/svg%3E");opacity:.94;-webkit-transform:scale(1.4) translateX(-1.5px);transform:scale(1.4) translateX(-1.5px)}.chord__finger-circle.chord__finger-circle--barre{align-items:center;display:flex;justify-content:center;top:-8px}.chord__finger-circle.chord__finger-circle--barre:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.chord__title{font-family:Noto Serif Display,sans-serif;font-size:34px;font-weight:400;line-height:60px;padding-left:32px;padding-right:32px;position:relative;text-align:center;text-decoration:none;transition:color .3s cubic-bezier(.215,.61,.355,1);z-index:4}.chord__title,.chord__title:hover{color:var(--primary-color)}.chord-versions{grid-column-gap:8px;grid-row-gap:8px;align-items:center;bottom:28px;color:hsla(0,0%,100%,.25);cursor:default;display:flex;font-family:PT Sans,Roboto,Arial,sans-serif;font-style:italic;font-weight:300;justify-content:flex-end;margin-right:8px;padding-top:8px;position:absolute;right:24px;z-index:4}.chord__strings{display:flex;flex-direction:column;height:100%;justify-content:space-around;left:0;position:absolute;top:0;width:100%;z-index:2}.chord__string{height:1px;position:absolute;-webkit-transform-origin:0;transform-origin:0;width:100%}.chord__string.chord__string--1{bottom:11.5px;-webkit-transform:rotate(-.7deg);transform:rotate(-.7deg)}.chord__string.chord__string--2{bottom:33px;-webkit-transform:rotate(-.4deg);transform:rotate(-.4deg)}.chord__string.chord__string--3{bottom:54.5px;-webkit-transform:rotate(-.15deg);transform:rotate(-.15deg)}.chord__string.chord__string--4{bottom:76px;-webkit-transform:rotate(.15deg);transform:rotate(.15deg)}.chord__string.chord__string--5{bottom:97.5px;-webkit-transform:rotate(.4deg);transform:rotate(.4deg)}.chord__string.chord__string--6{bottom:119px;-webkit-transform:rotate(.7deg);transform:rotate(.7deg)}.chord__position{color:hsla(0,0%,100%,.42);cursor:default;font-family:Cormorant Garamond,Georgia,Times New Roman,serif;font-size:24px;font-style:normal;font-weight:400;height:32px;line-height:32px;position:absolute;right:0;text-align:center;top:-35px;-webkit-transform:translate(50%);transform:translate(50%);width:32px;z-index:3}.chord__position.chord__position--1{display:none;margin-right:40px}.chord__position.chord__position--2{margin-right:118px}.chord__position.chord__position--3{margin-right:196px}.chord__position.chord__position--4{margin-right:266px}.chord__position.chord__position--5{margin-right:333px}.chord__position.chord__position--6{margin-right:397px}.chord__position.chord__position--7{margin-right:457px}.chord__position.chord__position--8{margin-right:512px}.chord__position.chord__position--9{margin-right:565px}.chord__position.chord__position--10{margin-right:615px}.chord__position.chord__position--11{margin-right:663px}.chord__position.chord__position--12{margin-right:708px}.chord__position.chord__position--13{margin-right:750px}.chord__position.chord__position--14{margin-right:790px}.chord__position.chord__position--15{margin-right:828px}.chord__position.chord__position--16{margin-right:863.5px}.chord__position.chord__position--17{margin-right:898px}.chord__position.chord__position--18{margin-right:929px}.chord__position.chord__position--19{margin-right:959px}.chord__position.chord__position--20{margin-right:987px}.chord__position.chord__position--21{margin-right:1014.5px}.chord__visual{background-image:linear-gradient(#131313,hsla(0,0%,7%,0) 18%),url(https://uploads-ssl.webflow.com/629e5388ef3d3bca1315d8de/643464d69aff21cb41fef40c_g-sw.webp);background-position:0 0,100%;background-repeat:repeat,no-repeat;background-size:auto,100%;height:350px;position:absolute;right:0;width:1278px}.chord__neck{height:130px;left:62px;position:absolute;top:110px;width:1059px}.chord__finger{align-items:center;display:flex;height:1px;justify-content:center;position:absolute;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px}.chord__finger[barre=true] .chord__finger-circle:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.chord__finger.chord__fret--0{left:100%;position:-webkit-sticky;position:sticky;right:0;-webkit-transform:translate(-6px,-50%);transform:translate(-6px,-50%)}.chord__finger.chord__fret--0-1{left:100%;position:-webkit-sticky;position:sticky;right:0;-webkit-transform:translate(11px,-50%);transform:translate(11px,-50%)}.chord__finger.chord__fret---1{left:100%;position:-webkit-sticky;position:sticky;right:0;-webkit-transform:translate(-6px,-50%);transform:translate(-6px,-50%)}.chord__finger.chord__fret--1{right:40px}.chord__finger.chord__fret--2{right:118px}.chord__finger.chord__fret--3{right:196px}.chord__finger.chord__fret--4{right:266px}.chord__finger.chord__fret--5{right:333px}.chord__finger.chord__fret--6{right:397px}.chord__finger.chord__fret--7{right:457px}.chord__finger.chord__fret--8{right:512px}.chord__finger.chord__fret--9{right:565px}.chord__finger.chord__fret--10{right:615px}.chord__finger.chord__fret--11{right:663px}.chord__finger.chord__fret--12{right:708px}.chord__finger.chord__fret--13{right:750px}.chord__finger.chord__fret--14{right:790px}.chord__finger.chord__fret--15{right:828px}.chord__finger.chord__fret--16{right:863.5px}.chord__finger.chord__fret--17{right:898px}.chord__finger.chord__fret--18{right:929px}.chord__finger.chord__fret--19{right:959px}.chord__finger.chord__fret--20{right:987px}.chord__finger.chord__fret--21{right:1014.5px}.chord-versions__link{font-family:Cormorant Garamond,Georgia,Times New Roman,serif}.hand-popover{align-items:flex-end;background-color:#fff;background-image:url(https://uploads-ssl.webflow.com/629e5388ef3d3bca1315d8de/62bb5db4bf49296f39524933_hand.webp);background-position:50% 100%;background-repeat:no-repeat;background-size:100%;bottom:auto;box-shadow:1px 1px 26px -6px hsla(0,3%,6%,.9);color:hsla(0,3%,6%,.9);display:none;font-family:PT Sans,Roboto,Arial,sans-serif;height:200px;left:0;right:auto;width:200px;z-index:5}.hand-popover,.hand-popover__finger{justify-content:center;position:absolute;top:0}.hand-popover__finger{align-items:center;border:2px solid #000;border-radius:20px;display:flex;font-size:14px;font-weight:900;height:18px;line-height:18px;opacity:.22;text-align:center;width:18px}.hand-popover__finger.hand-popover__finger--4{left:140px;top:36px}.hand-popover__finger.hand-popover__finger--3{left:114px;top:13px}.hand-popover__finger.hand-popover__finger--2{left:85px;top:6px}.hand-popover__finger.hand-popover__finger--1{left:54px;top:16px}.hand-popover__finger.hand-popover__finger--t{left:10px;top:89px}.hand-popover__finger.hand-popover__finger--active{opacity:1}body.lefty .chord{-webkit-transform:rotateX(0) rotateY(180deg) rotate(0);transform:rotateX(0) rotateY(180deg) rotate(0)}body.lefty .chord-toolbar__picture img,body.lefty .chord__finger-circle,body.lefty .hand-popover{-webkit-transform:scaleX(-1)!important;transform:scaleX(-1)!important}.toggle-buttons{-webkit-column-gap:4px;column-gap:4px;display:flex}.toggle-buttons .toggle-buttons__item{align-items:center;border-radius:2em;cursor:pointer;display:flex;font-family:PT Sans,Roboto,Arial,sans-serif;height:30px;overflow:hidden;padding:0 12px;transition:background-color .15s ease-out,color .15s ease-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.toggle-buttons .toggle-buttons__item:not(.is-active){color:#666}.toggle-buttons .toggle-buttons__item:not(.is-active):hover{background-color:rgba(29,29,29,.98);color:var(--primary-color)}.toggle-buttons .toggle-buttons__item:not(.is-active):hover .toggle-buttons__icon{-webkit-transform:translateY(2px);transform:translateY(2px)}.toggle-buttons .toggle-buttons__item.is-active{background-color:hsla(0,0%,78%,.98);color:#000;cursor:default;pointer-events:none}.toggle-buttons .toggle-buttons__icon{height:36px;margin-left:-10px;margin-right:2px;-webkit-transform:translateY(4px);transform:translateY(4px);transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:36px}.settings-toolbar{grid-column-gap:48px;align-items:center;-webkit-column-gap:48px;column-gap:48px;display:grid;grid-template-columns:250px 1fr 250px;justify-content:center;margin-bottom:24px;padding:0 5px;z-index:5}.settings-toolbar .toggle-buttons{margin-left:auto;margin-right:auto}.settings-toolbar .toggle-buttons--paw{margin-right:0}.settings-toolbar .search-box input{width:100%}.search-box{display:flex;position:relative}.search-box input{background-color:#181818;border:none;border-radius:2em;box-sizing:border-box;color:#fff;font-family:PT Sans,Roboto,Arial,sans-serif;font-size:16px;letter-spacing:.05em;line-height:16px;padding:6px 14px 6px 130px;text-align:center;transition:background-color .3s ease-out}.search-box input:focus-visible{background-color:hsla(0,0%,78%,.98);color:#000;outline:none}.search-box:before{align-items:center;background-color:hsla(0,0%,78%,.98);border-radius:2em;color:#000;content:"Search chords:";cursor:default;display:flex;height:30px;justify-content:center;left:0;padding:0 12px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}.chords-grid{display:grid;flex-flow:wrap;grid-auto-columns:1fr;grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-template-rows:auto;margin-bottom:-5px;margin-top:-5px;width:100%}@media only screen and (max-width:989px){.chords-grid{grid-template-columns:1fr}}@media only screen and (min-width:1920px){.chords-grid{grid-template-columns:1fr 1fr 1fr}}.collection-list-wrapper{padding-left:5px;padding-right:5px}@media screen and (max-width:767px){.collection-list-wrapper{padding-left:0;padding-right:0}}.chords-grid-wrapper{padding:24px 0;position:relative}html{scroll-behavior:smooth}.tabs__row.padding-top--1{padding-top:20px}.tabs__row.padding-top--2{padding-top:40px}.tabs__row.padding-top--3{padding-top:60px}.tabs__row.padding-bottom--1{padding-bottom:20px}.tabs__row.padding-bottom--2{padding-bottom:40px}.tabs__row.padding-bottom--3{padding-bottom:60px}.notes-grid__stave{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="20" fill="none"><path fill="%23fff" fill-opacity=".16" d="M0 19h100v1H0z"/></svg>');background-position:0 -19px;background-size:auto;display:flex;height:81px;padding-left:60px;position:relative;width:100%}@media only screen and (max-width:767px){.notes-grid__stave{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="15" fill="none"><path fill="%23fff" fill-opacity=".16" d="M0 14h100v1H0z"/></svg>');background-position:0 -14px;height:61px;padding-left:32px}}.notes-grid__stave.notes-grid__stave--top-bar{background-image:none;background-size:auto;grid-template-rows:36px;height:36px}.notes-grid__stave._1{display:flex}.notes-grid__key{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-color:#898a91;background-image:linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.24)),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));font-family:Noto Music,sans-serif;font-size:90px;height:160px;left:0;line-height:150px;margin-left:-14px;margin-top:-39px;position:absolute;width:70px}@media only screen and (max-width:767px){.notes-grid__key{font-size:57px;height:62px;line-height:64px;margin-left:-5px;margin-top:0;width:46px}}.notes-grid__key.notes-grid__key--colored-1{color:var(--accent-color-1)}.notes-grid__key.notes-grid__key--colored-1,.notes-grid__key.notes-grid__key--colored-2{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial}.notes-grid__key.notes-grid__key--colored-2{color:var(--accent-color-2)}.notes-grid__key.notes-grid__key--colored-3{color:var(--accent-color-3)}.notes-grid__key.notes-grid__key--colored-3,.notes-grid__key.notes-grid__key--colored-4{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial}.notes-grid__key.notes-grid__key--colored-4{color:var(--accent-color-4)}.notes-grid__key.notes-grid__key--colored-5{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial;color:var(--accent-color-5)}.note__character{display:flex;flex:0 1 auto;height:80px;justify-content:center;position:relative;top:1px;-webkit-transform:none;transform:none}@media only screen and (max-width:767px){.note__character{height:60px}}.note__character.note__character--color-1{color:var(--accent-color-1)}.note__character.note__character--color-2{color:var(--accent-color-2)}.note__character.note__character--color-3{color:var(--accent-color-3)}.note__character.note__character--color-4{color:var(--accent-color-4)}.note__character.note__character--color-5{color:var(--accent-color-5)}.note__character svg{height:80px;-webkit-transform:translateX(10px);transform:translateX(10px);width:50px}@media only screen and (max-width:767px){.note__character svg{height:60px;width:36px}}.note{color:#393a3f;display:flex;flex:1 1;justify-content:center;position:relative;-webkit-transform-origin:0;transform-origin:0}.note .text-span-12{color:#4a4b50}.note.note--c{padding-top:10px;-webkit-transform:translateY(20px);transform:translateY(20px)}@media only screen and (max-width:767px){.note.note--c{padding-top:7.5px;-webkit-transform:translateY(15px);transform:translateY(15px)}}.note.note--c.note--colored{color:var(--accent-color-1)}.note.note--c.note--colored:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-1) 50%,rgba(92,112,255,0))}.note.note--d{-webkit-transform:translateY(20px);transform:translateY(20px)}@media only screen and (max-width:767px){.note.note--d{-webkit-transform:translateY(15px);transform:translateY(15px)}}.note.note--d.note--colored{color:var(--accent-color-2)}.note.note--e{padding-top:10px}@media only screen and (max-width:767px){.note.note--e{padding-top:7.5px}}.note.note--e.note--colored{color:var(--accent-color-3)}.note.note--e.note--colored:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-3) 50%,rgba(92,112,255,0))}.note.note--f.note--colored{color:var(--accent-color-4)}.note.note--g{padding-top:10px;-webkit-transform:translateY(-20px);transform:translateY(-20px)}@media only screen and (max-width:767px){.note.note--g{padding-top:7.5px;-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.note.note--g.note--colored{color:var(--accent-color-5)}.note.note--g.note--colored:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-5) 50%,rgba(92,112,255,0))}.note.note--a{-webkit-transform:translateY(-20px);transform:translateY(-20px)}@media only screen and (max-width:767px){.note.note--a{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.note.note--a.note--colored{color:var(--accent-color-6)}.note.note--b{padding-top:10px;-webkit-transform:translate(100%) rotate(-180deg) translateY(-40px);transform:translate(100%) rotate(-180deg) translateY(-40px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media only screen and (max-width:767px){.note.note--b{padding-top:7.5px;-webkit-transform:translate(100%) rotate(-180deg) translateY(-30px);transform:translate(100%) rotate(-180deg) translateY(-30px)}}.note.note--b .notes-grid__note-name{-webkit-transform:translateY(56px) rotate(180deg);transform:translateY(56px) rotate(180deg)}.note.note--b.note--colored{color:var(--accent-color-7)}.note.note--b.note--colored:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-7) 50%,rgba(92,112,255,0))}.note.note--c-2{padding-top:0;-webkit-transform:translate(100%) rotate(-180deg) translateY(-21px);transform:translate(100%) rotate(-180deg) translateY(-21px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media only screen and (max-width:767px){.note.note--c-2{-webkit-transform:translate(100%) rotate(-180deg) translateY(-16px);transform:translate(100%) rotate(-180deg) translateY(-16px)}}.note.note--c-2 .notes-grid__note-name{-webkit-transform:translateY(56px) rotate(180deg);transform:translateY(56px) rotate(180deg)}.note.note--d-2{padding-top:10px;-webkit-transform:translate(100%) rotate(-180deg) translateY(-20px);transform:translate(100%) rotate(-180deg) translateY(-20px)}@media only screen and (max-width:767px){.note.note--d-2{padding-top:7.5px;-webkit-transform:translate(100%) rotate(-180deg) translateY(-15px);transform:translate(100%) rotate(-180deg) translateY(-15px)}}.note.note--d-2 .notes-grid__note-name{-webkit-transform:translateY(56px) rotate(180deg);transform:translateY(56px) rotate(180deg)}.note.note--d-2.note--colored:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-2) 50%,rgba(92,112,255,0))}.note.note--e-2{padding-top:0;-webkit-transform:translate(100%) rotate(-180deg);transform:translate(100%) rotate(-180deg)}.note.note--e-2 .notes-grid__note-name{-webkit-transform:translateY(56px) rotate(180deg);transform:translateY(56px) rotate(180deg)}.note.note--f-2{padding-top:10px;-webkit-transform:translate(100%) rotate(-180deg);transform:translate(100%) rotate(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media only screen and (max-width:767px){.note.note--f-2{padding-top:7.5px}}.note.note--f-2 .notes-grid__note-name{-webkit-transform:translateY(56px) rotate(180deg);transform:translateY(56px) rotate(180deg)}.note.note--f-2.note--colored:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-4) 50%,rgba(92,112,255,0))}.note.note--g-2{padding-top:0;-webkit-transform:translate(100%) rotate(-180deg) translateY(20px);transform:translate(100%) rotate(-180deg) translateY(20px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media only screen and (max-width:767px){.note.note--g-2{-webkit-transform:translate(100%) rotate(-180deg) translateY(15px);transform:translate(100%) rotate(-180deg) translateY(15px)}}.note.note--g-2 .notes-grid__note-name{-webkit-transform:translateY(56px) rotate(180deg);transform:translateY(56px) rotate(180deg)}.note.note--a-2{padding-top:10px;-webkit-transform:translate(100%) rotate(-180deg) translateY(20px);transform:translate(100%) rotate(-180deg) translateY(20px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media only screen and (max-width:767px){.note.note--a-2{padding-top:7.5px;-webkit-transform:translate(100%) rotate(-180deg) translateY(15px);transform:translate(100%) rotate(-180deg) translateY(15px)}}.note.note--a-2 .notes-grid__note-name{-webkit-transform:translateY(56px) rotate(180deg);transform:translateY(56px) rotate(180deg)}.note.note--a-2.note--colored:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-6) 50%,rgba(92,112,255,0))}.note.note--b-2{padding-top:0;-webkit-transform:translate(100%) rotate(-180deg) translateY(40px);transform:translate(100%) rotate(-180deg) translateY(40px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media only screen and (max-width:767px){.note.note--b-2{-webkit-transform:translate(100%) rotate(-180deg) translateY(30px);transform:translate(100%) rotate(-180deg) translateY(30px)}}.note.note--b-2 .notes-grid__note-name{-webkit-transform:translateY(56px) rotate(180deg);transform:translateY(56px) rotate(180deg)}.note.note--c-3{padding-top:10px;-webkit-transform:translate(100%) rotate(-180deg) translateY(40px);transform:translate(100%) rotate(-180deg) translateY(40px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media only screen and (max-width:767px){.note.note--c-3{padding-top:7.5px;-webkit-transform:translate(100%) rotate(-180deg) translateY(30px);transform:translate(100%) rotate(-180deg) translateY(30px)}}.note.note--c-3 .notes-grid__note-name{-webkit-transform:translateY(56px) rotate(180deg);transform:translateY(56px) rotate(180deg)}.note.note--c-3.note--colored:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-1) 50%,rgba(92,112,255,0))}.note.note--a-2:before,.note.note--b-2:before,.note.note--c-3:before,.note.note--c:not(.note--c-2,.note--c-3):before,.note.note--d:not(.note--d-2):before,.note.note--g-2:before{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="20" fill="none"><path fill="%23fff" fill-opacity=".16" d="M0 19h100v1H0z"/></svg>');background-position:50% 100%;background-size:auto 20px;bottom:0;content:"";height:20px;overflow:hidden;position:absolute;right:0;width:100%}@media only screen and (max-width:767px){.note.note--a-2:before,.note.note--b-2:before,.note.note--c-3:before,.note.note--c:not(.note--c-2,.note--c-3):before,.note.note--d:not(.note--d-2):before,.note.note--g-2:before{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="15" fill="none"><path fill="%23fff" fill-opacity=".16" d="M0 14h100v1H0z"/></svg>');background-size:auto 15px;height:15px}}.note.note--b.note--eight .note__flag{-webkit-transform:scaleX(-1) translate(-1.5px,-7px);transform:scaleX(-1) translate(-1.5px,-7px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--b.note--sixteenth .note__head-flag-double{-webkit-transform:scaleX(-1) translate(-.5px,-4px);transform:scaleX(-1) translate(-.5px,-4px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--b .note__character svg{-webkit-transform:translateX(12px)!important;transform:translateX(12px)!important}.note.note--b .notes-grid__note-name{-webkit-transform:translateY(58px) rotate(180deg)!important;transform:translateY(58px) rotate(180deg)!important}.note.note--c-2.note--eight .note__flag{-webkit-transform:scaleX(-1) translate(-1.5px,-7px);transform:scaleX(-1) translate(-1.5px,-7px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--c-2.note--sixteenth .note__head-flag-double{-webkit-transform:scaleX(-1) translate(-.5px,-4px);transform:scaleX(-1) translate(-.5px,-4px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--c-2 .note__character svg{-webkit-transform:translateX(12px)!important;transform:translateX(12px)!important}.note.note--c-2 .notes-grid__note-name{-webkit-transform:translateY(58px) rotate(180deg)!important;transform:translateY(58px) rotate(180deg)!important}.note.note--d-2.note--eight .note__flag{-webkit-transform:scaleX(-1) translate(-1.5px,-7px);transform:scaleX(-1) translate(-1.5px,-7px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--d-2.note--sixteenth .note__head-flag-double{-webkit-transform:scaleX(-1) translate(-.5px,-4px);transform:scaleX(-1) translate(-.5px,-4px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--d-2 .note__character svg{-webkit-transform:translateX(12px)!important;transform:translateX(12px)!important}.note.note--d-2 .notes-grid__note-name{-webkit-transform:translateY(58px) rotate(180deg)!important;transform:translateY(58px) rotate(180deg)!important}.note.note--e-2.note--eight .note__flag{-webkit-transform:scaleX(-1) translate(-1.5px,-7px);transform:scaleX(-1) translate(-1.5px,-7px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--e-2.note--sixteenth .note__head-flag-double{-webkit-transform:scaleX(-1) translate(-.5px,-4px);transform:scaleX(-1) translate(-.5px,-4px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--e-2 .note__character svg{-webkit-transform:translateX(12px)!important;transform:translateX(12px)!important}.note.note--e-2 .notes-grid__note-name{-webkit-transform:translateY(58px) rotate(180deg)!important;transform:translateY(58px) rotate(180deg)!important}.note.note--f-2.note--eight .note__flag{-webkit-transform:scaleX(-1) translate(-1.5px,-7px);transform:scaleX(-1) translate(-1.5px,-7px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--f-2.note--sixteenth .note__head-flag-double{-webkit-transform:scaleX(-1) translate(-.5px,-4px);transform:scaleX(-1) translate(-.5px,-4px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--f-2 .note__character svg{-webkit-transform:translateX(12px)!important;transform:translateX(12px)!important}.note.note--f-2 .notes-grid__note-name{-webkit-transform:translateY(58px) rotate(180deg)!important;transform:translateY(58px) rotate(180deg)!important}.note.note--g-2.note--eight .note__flag{-webkit-transform:scaleX(-1) translate(-1.5px,-7px);transform:scaleX(-1) translate(-1.5px,-7px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--g-2.note--sixteenth .note__head-flag-double{-webkit-transform:scaleX(-1) translate(-.5px,-4px);transform:scaleX(-1) translate(-.5px,-4px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--g-2 .note__character svg{-webkit-transform:translateX(12px)!important;transform:translateX(12px)!important}.note.note--g-2 .notes-grid__note-name{-webkit-transform:translateY(58px) rotate(180deg)!important;transform:translateY(58px) rotate(180deg)!important}.note.note--a-2.note--eight .note__flag{-webkit-transform:scaleX(-1) translate(-1.5px,-7px);transform:scaleX(-1) translate(-1.5px,-7px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--a-2.note--sixteenth .note__head-flag-double{-webkit-transform:scaleX(-1) translate(-.5px,-4px);transform:scaleX(-1) translate(-.5px,-4px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--a-2 .note__character svg{-webkit-transform:translateX(12px)!important;transform:translateX(12px)!important}.note.note--a-2 .notes-grid__note-name{-webkit-transform:translateY(58px) rotate(180deg)!important;transform:translateY(58px) rotate(180deg)!important}.note.note--b-2.note--eight .note__flag{-webkit-transform:scaleX(-1) translate(-1.5px,-7px);transform:scaleX(-1) translate(-1.5px,-7px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--b-2.note--sixteenth .note__head-flag-double{-webkit-transform:scaleX(-1) translate(-.5px,-4px);transform:scaleX(-1) translate(-.5px,-4px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--b-2 .note__character svg{-webkit-transform:translateX(12px)!important;transform:translateX(12px)!important}.note.note--b-2 .notes-grid__note-name{-webkit-transform:translateY(58px) rotate(180deg)!important;transform:translateY(58px) rotate(180deg)!important}.note.note--c-3.note--eight .note__flag{-webkit-transform:scaleX(-1) translate(-1.5px,-7px);transform:scaleX(-1) translate(-1.5px,-7px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--c-3.note--sixteenth .note__head-flag-double{-webkit-transform:scaleX(-1) translate(-.5px,-4px);transform:scaleX(-1) translate(-.5px,-4px);-webkit-transform-origin:50% 0;transform-origin:50% 0}.note.note--c-3 .note__character svg{-webkit-transform:translateX(12px)!important;transform:translateX(12px)!important}.note.note--c-3 .notes-grid__note-name{-webkit-transform:translateY(58px) rotate(180deg)!important;transform:translateY(58px) rotate(180deg)!important}.note.note--b-2:before,.note.note--c-3:before{height:21px}.note.note--a-2:after,.note.note--b:after,.note.note--c-3:after,.note.note--c:after,.note.note--d-2:after,.note.note--e:after,.note.note--f-2:after,.note.note--g:after{bottom:0;content:"";height:1px;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%;z-index:-1}.note.note--b-2:after,.note.note--c-2:after,.note.note--e-2:after,.note.note--g-2:after{content:none}.note.note--full{flex:16 1}.note.note--full-x1{flex:24 1}.note.note--full-x2{flex:32 1}.note.note--half{flex:8 1}.note.note--half-x1{flex:12 1}.note.note--half-x2{flex:16 1}.note.note--quart{flex:4 1}.note.note--quart-x1{flex:6 1}.note.note--quart-x2{flex:8 1}.note.note--eight{flex:2 1}.note.note--eight-x1{flex:3 1}.note.note--eight-x2{flex:4 1}.note.note--sixteenth{flex:1 1}.note.note--sixteenth-x1{flex:1.5 1}.note.note--sixteenth-x2{flex:2 1}.note.note--colored{color:var(--primary-color)}.note.note--colored.note--colored-1{color:var(--accent-color-1)}.note.note--colored.note--colored-1:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-1) 50%,rgba(92,112,255,0))}.note.note--colored.note--colored-2{color:var(--accent-color-2)}.note.note--colored.note--colored-2:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-2) 50%,rgba(92,112,255,0))}.note.note--colored.note--colored-3{color:var(--accent-color-3)}.note.note--colored.note--colored-3:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-3) 50%,rgba(92,112,255,0))}.note.note--colored.note--colored-4{color:var(--accent-color-4)}.note.note--colored.note--colored-4:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-4) 50%,rgba(92,112,255,0))}.note.note--colored.note--colored-5{color:var(--accent-color-5)}.note.note--colored.note--colored-5:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-5) 50%,rgba(92,112,255,0))}.note.note--colored.note--colored-6{color:var(--accent-color-6)}.note.note--colored.note--colored-6:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-6) 50%,rgba(92,112,255,0))}.note.note--colored.note--colored-7{color:var(--accent-color-7)}.note.note--colored.note--colored-7:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-7) 50%,rgba(92,112,255,0))}.note.note--colored.note--colored-8{color:var(--accent-color-8)}.note.note--colored.note--colored-8:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-8) 50%,rgba(92,112,255,0))}.note.note--colored.note--colored-9{color:var(--accent-color-9)}.note.note--colored.note--colored-9:after{background-image:linear-gradient(280deg,rgba(92,112,255,0),var(--accent-color-9) 50%,rgba(92,112,255,0))}.note.note--colored .text-span-12{color:#fff}.note.note--full .note__character svg{-webkit-transform:translateX(12px);transform:translateX(12px)}.note.note--full .notes-grid__note-name{-webkit-transform:translateY(0);transform:translateY(0)}.notes-grid__num{-webkit-text-fill-color:transparent;align-items:center;-webkit-background-clip:text;background-clip:text;background-color:#898a91;background-image:linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.23)),linear-gradient(rgba(0,0,0,.36),rgba(0,0,0,.36));display:flex;font-family:Minervamodern;font-size:55px;font-style:normal;justify-content:center;left:50%;letter-spacing:-.18em;line-height:40px;min-width:42px;padding-right:2px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.notes-grid__num.notes-grid__num--16{text-indent:-7px}.notes-grid__num.top{top:19px;-webkit-transform:translate(-50%,-18px);transform:translate(-50%,-18px)}.notes-grid__num.bottom{bottom:23px;top:auto;-webkit-transform:translate(-50%,23px);transform:translate(-50%,23px)}.notes-grid__note-num{-webkit-text-fill-color:transparent;align-items:center;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(0deg,hsla(0,0%,100%,0),#fff),linear-gradient(#595959,#595959);display:flex;font-family:Gravitas One;font-size:32px;justify-content:center;letter-spacing:-3px;line-height:40px}.notes-grid__note-name{-webkit-transform:translate(12px,-56px);transform:translate(12px,-56px)}.notes-grid__nums{align-items:center;display:flex;height:100%;margin-right:32px;position:relative;text-align:center;width:40px}.notes-grid__nums .notes-grid__num--1{background-color:var(--accent-color-1)}.notes-grid__nums .notes-grid__num--1,.notes-grid__nums .notes-grid__num--2{background-image:linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.12))}.notes-grid__nums .notes-grid__num--2{background-color:var(--accent-color-2)}.notes-grid__nums .notes-grid__num--3{background-color:var(--accent-color-3)}.notes-grid__nums .notes-grid__num--3,.notes-grid__nums .notes-grid__num--4{background-image:linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.12))}.notes-grid__nums .notes-grid__num--4{background-color:var(--accent-color-4)}.notes-grid__nums .notes-grid__num--5{background-color:var(--accent-color-5)}.notes-grid__nums .notes-grid__num--5,.notes-grid__nums .notes-grid__num--6{background-image:linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.12))}.notes-grid__nums .notes-grid__num--6{background-color:var(--accent-color-6)}.notes-grid__nums .notes-grid__num--7{background-color:var(--accent-color-7);background-image:linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.12))}.tabs-nums{color:#5e5e5e;display:flex;flex-direction:column;height:96px;justify-content:space-between;opacity:.5;position:absolute;right:-32px;top:-9.5px;width:32px}.notes-grid__num-char{font-family:PT Sans,Roboto,Arial,sans-serif;line-height:20px;text-align:right}.notes-group{display:flex;flex:1 1;position:relative}.notes-group .notes-group__line{height:8px;left:20px;position:absolute;width:100%}.notes-group .note__flag,.notes-group .note__head-flag-double{display:none}.notes-group .note__character{position:relative;width:100%}.notes-group .note__character svg{overflow:visible}.notes-group .notes-group__flag{height:80px;left:24px;position:absolute;width:calc(100% + 3px)}@media only screen and (max-width:767px){.notes-group .notes-group__flag{left:19px;width:100%}}.notes-grid__tabs-bar{border-right:3px solid #393a3f;display:flex;flex:1 1;padding:0 24px}@media only screen and (max-width:767px){.notes-grid__tabs-bar{border-right:1px solid #393a3f}}.notes-grid__tabs-bar .note{justify-content:flex-start}.notes-grid__tabs-bar .note:after{left:0}.notes-grid__tabs-bar .note__character{justify-content:flex-start}.notes-grid__tabs-bar .note__character svg{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.notes-grid__tabs-bar.notes-grid__tabs-bar--end:after{background-color:#393a3f;content:"";height:100%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='80' fill='none'%3E%3Cpath fill='%23D9D9D9' d='M15 0h3v80h-3zM25 0h11v80H25z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='80' fill='none'%3E%3Cpath fill='%23D9D9D9' d='M15 0h3v80h-3zM25 0h11v80H25z'/%3E%3C/svg%3E");position:absolute;right:-3px;top:0;width:36px}@media only screen and (max-width:767px){.notes-grid__tabs-bar.notes-grid__tabs-bar--end:after{right:-1px}}.notes-grid__tabs-bar.notes-grid__tabs-bar--repeat-end{position:relative}.notes-grid__tabs-bar.notes-grid__tabs-bar--repeat-end:after{background-color:#393a3f;content:"";height:100%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 80' preserveAspectRatio='none' fill='none'%3E%3Cpath fill='%23D9D9D9' d='M15 0h3v80h-3zM25 0h11v80H25z'/%3E%3Ccircle cx='5' cy='29' r='5' fill='%23D9D9D9'/%3E%3Ccircle cx='5' cy='50' r='5' fill='%23D9D9D9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 80' preserveAspectRatio='none' fill='none'%3E%3Cpath fill='%23D9D9D9' d='M15 0h3v80h-3zM25 0h11v80H25z'/%3E%3Ccircle cx='5' cy='29' r='5' fill='%23D9D9D9'/%3E%3Ccircle cx='5' cy='50' r='5' fill='%23D9D9D9'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;position:absolute;right:-3px;top:0;width:36px}@media only screen and (max-width:767px){.notes-grid__tabs-bar.notes-grid__tabs-bar--repeat-end:after{-webkit-mask-size:27px;right:-1px;width:27px}}.notes-grid__tabs-bar.notes-grid__tabs-bar--repeat-start{position:relative}.notes-grid__tabs-bar.notes-grid__tabs-bar--repeat-start:before{background-color:#393a3f;content:"";height:100%;left:-3px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 80' preserveAspectRatio='none' fill='none'%3E%3Cpath fill='%23D9D9D9' d='M21 80h-3V0h3zM11 80H0V0h11z'/%3E%3Ccircle cx='31' cy='51' r='5' transform='rotate(-180 31 51)' fill='%23D9D9D9'/%3E%3Ccircle cx='31' cy='30' r='5' transform='rotate(-180 31 30)' fill='%23D9D9D9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 80' preserveAspectRatio='none' fill='none'%3E%3Cpath fill='%23D9D9D9' d='M21 80h-3V0h3zM11 80H0V0h11z'/%3E%3Ccircle cx='31' cy='51' r='5' transform='rotate(-180 31 51)' fill='%23D9D9D9'/%3E%3Ccircle cx='31' cy='30' r='5' transform='rotate(-180 31 30)' fill='%23D9D9D9'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;position:absolute;top:0;width:36px}@media only screen and (max-width:767px){.notes-grid__tabs-bar.notes-grid__tabs-bar--repeat-start:before{-webkit-mask-size:27px;right:-1px;width:27px}}.notes-grid__tabs-bar.notes-grid__tabs-bar--repeat-end-3{position:relative}.notes-grid__tabs-bar.notes-grid__tabs-bar--repeat-end-3:after{background-color:#393a3f;content:"";height:100%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 80' preserveAspectRatio='none' fill='none'%3E%3Cpath fill='%23D9D9D9' d='M15 0h3v80h-3zM25 0h11v80H25zM5 44.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10ZM5 66.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10ZM5 22.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 80' preserveAspectRatio='none' fill='none'%3E%3Cpath fill='%23D9D9D9' d='M15 0h3v80h-3zM25 0h11v80H25zM5 44.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10ZM5 66.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10ZM5 22.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;position:absolute;right:-3px;top:0;width:36px}@media only screen and (max-width:767px){.notes-grid__tabs-bar.notes-grid__tabs-bar--repeat-end-3:after{-webkit-mask-size:27px;right:-1px;width:27px}}.notes-grid__tabs-bar.notes-grid__tabs-bar--repeat-start-3{position:relative}.notes-grid__tabs-bar.notes-grid__tabs-bar--repeat-start-3:before{background-color:#393a3f;content:"";height:100%;left:-3px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 80' preserveAspectRatio='none' fill='none'%3E%3Cpath fill='%23D9D9D9' d='M21 80h-3V0h3zM11 80H0V0h11zM31 35.5a5 5 0 1 0 0 10 5 5 0 0 0 0-10ZM31 13.5a5 5 0 1 0 0 10 5 5 0 0 0 0-10ZM31 57.5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 80' preserveAspectRatio='none' fill='none'%3E%3Cpath fill='%23D9D9D9' d='M21 80h-3V0h3zM11 80H0V0h11zM31 35.5a5 5 0 1 0 0 10 5 5 0 0 0 0-10ZM31 13.5a5 5 0 1 0 0 10 5 5 0 0 0 0-10ZM31 57.5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;position:absolute;top:0;width:36px}@media only screen and (max-width:767px){.notes-grid__tabs-bar.notes-grid__tabs-bar--repeat-start-3:before{-webkit-mask-size:27px;right:-1px;width:27px}}.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-1{border-right-color:var(--accent-color-1)}.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-1:after,.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-1:before{background-color:var(--accent-color-1)}.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-2{border-right-color:var(--accent-color-2)}.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-2:after,.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-2:before{background-color:var(--accent-color-2)}.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-3{border-right-color:var(--accent-color-3)}.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-3:after,.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-3:before{background-color:var(--accent-color-3)}.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-4{border-right-color:var(--accent-color-4)}.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-4:after,.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-4:before{background-color:var(--accent-color-4)}.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-5{border-right-color:var(--accent-color-5)}.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-5:after,.notes-grid__tabs-bar.notes-grid__tabs-bar--colored-5:before{background-color:var(--accent-color-5)}.notes-grid__tabs-bar .note--b{justify-content:flex-end}.notes-grid__tabs-bar .note--b svg{-webkit-transform:translateX(10px);transform:translateX(10px)}.notes-grid__tabs-bar .note--c-2{justify-content:flex-end}.notes-grid__tabs-bar .note--c-2 svg{-webkit-transform:translateX(10px);transform:translateX(10px)}.notes-grid__tabs-bar .note--d-2{justify-content:flex-end}.notes-grid__tabs-bar .note--d-2 svg{-webkit-transform:translateX(10px);transform:translateX(10px)}.notes-grid__tabs-bar .note--e-2{justify-content:flex-end}.notes-grid__tabs-bar .note--e-2 svg{-webkit-transform:translateX(10px);transform:translateX(10px)}.notes-grid__tabs-bar .note--f-2{justify-content:flex-end}.notes-grid__tabs-bar .note--f-2 svg{-webkit-transform:translateX(10px);transform:translateX(10px)}.notes-grid__tabs-bar .note--g-2{justify-content:flex-end}.notes-grid__tabs-bar .note--g-2 svg{-webkit-transform:translateX(10px);transform:translateX(10px)}.notes-grid__tabs-bar .note--a-2{justify-content:flex-end}.notes-grid__tabs-bar .note--a-2 svg{-webkit-transform:translateX(10px);transform:translateX(10px)}.notes-grid__tabs-bar .note--b-2{justify-content:flex-end}.notes-grid__tabs-bar .note--b-2 svg{-webkit-transform:translateX(10px);transform:translateX(10px)}.notes-grid__tabs-bar .note--c-3{justify-content:flex-end}.notes-grid__tabs-bar .note--c-3 svg{-webkit-transform:translateX(10px);transform:translateX(10px)}.notes-grid__tabs-bar[comment]{position:relative}.notes-grid__tabs-bar[comment]:after{background:none;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="54" fill="none"><path d="M1 54v0c0-17.673 14.327-32 32-32h3" stroke="%23fff" stroke-width="2" stroke-linecap="round"/></svg>'),url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 36 54" fill="none"><path d="M0 22h36" stroke="%23fff" stroke-width="2"/></svg>'),url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 36 54" fill="none"><path d="M0 22h36" stroke="%23fff" stroke-width="2"/></svg>'),url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="74" height="54" fill="none"><path d="M0 22h17.295A20.173 20.173 0 0 0 36.5 8a20.173 20.173 0 0 0 19.205 14H74" stroke="%23fff" stroke-width="2" stroke-linejoin="round"/></svg>'),url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="54" fill="none"><path d="M35 54v0c0-17.673-14.327-32-32-32H0" stroke="%23fff" stroke-width="2" stroke-linecap="round"/></svg>');background-position:0 20px,36px 20px,calc(100% - 36px) 20px,50% 20px,100% 20px;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:36px 54px,calc(50% - 72px) 54px,calc(50% - 72px) 54px,74px 54px,36px 54px;border-bottom:0;border-radius:32px 32px 0 0;color:#fff;content:attr(comment);font-family:Cormorant Garamond,Georgia,Times New Roman,serif;font-size:21px;font-style:italic;height:60px;left:4px;opacity:.2;position:absolute;text-align:center;top:-68px;white-space:nowrap}@media only screen and (max-width:767px){.notes-grid__tabs-bar[comment]:after{background-position:0 20px,27px 20px,calc(100% - 27px) 20px,50% 20px,100% 20px;background-size:27px 40px,calc(50% - 54px) 40px,calc(50% - 54px) 40px,55px 40px,27px 40px;font-size:18px;height:48px;top:-52px}}.notes-grid__tabs-bar.comment--1:after{width:calc(100% - 8px)}.notes-grid__tabs-bar.comment--2:after{width:calc(200% - 8px)}.notes-grid__tabs-bar.comment--3:after{width:calc(300% - 8px)}.notes-grid__tabs-bar.comment--4:after{width:calc(400% - 8px)}.notes-grid__tabs-bar.comment--5:after{width:calc(500% - 8px)}.notes-grid__tabs-bar.comment--6:after{width:calc(600% - 8px)}.tabs-bar{display:flex;flex:1 1}.tabs-grid__stave{grid-column-gap:0;grid-row-gap:0;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="20" fill="none"><path fill="%23fff" fill-opacity=".16" d="M0 19h100v1H0z"/></svg>');background-position:0 -19px;background-size:auto;display:flex;grid-auto-columns:1fr;grid-template-columns:minmax(40px,1fr) minmax(40px,1fr) 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:121px;height:101px;padding-left:60px;position:relative;width:calc(100% - 60px)}.tabs-grid__stave:before{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-color:#898a91;background-image:linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.23)),linear-gradient(rgba(0,0,0,.36),rgba(0,0,0,.36));content:"TAB";font-family:Minervamodern;font-size:37px;font-style:normal;height:100%;left:0;line-height:31px;overflow-wrap:anywhere;position:absolute;text-align:center;top:4px;width:32px}.tabs-grid_nums{align-items:center;display:flex;position:relative;text-align:center;width:60px}.tabs-grid__tabs-nums{color:#5e5e5e;display:flex;flex-direction:column;height:96px;justify-content:space-between;opacity:.5;position:absolute;right:-32px;top:-9.5px;width:32px}.tabs-grid__num-char{font-family:PT Sans,Roboto,Arial,sans-serif;line-height:20px;text-align:right}.tabs-grid__tabs-bar{border-right:3px solid #393a3f;display:flex;flex:1 1;padding:0 24px}.tabs-grid__note{align-items:center;color:#0b0b0b;cursor:default;display:flex;flex:1 1;font-family:PT Sans,Roboto,Arial,sans-serif;font-size:18px;font-weight:700;height:20px;min-width:50px;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.tabs-grid__note span{background-color:hsla(0,0%,100%,.95);border-radius:20px;height:20px;left:50%;line-height:20px;top:50%;transition:-webkit-transform .3s cubic-bezier(.165,.84,.44,1);transition:transform .3s cubic-bezier(.165,.84,.44,1);transition:transform .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1);width:20px}.tabs-grid__note.tabs-grid__note--1{top:-10px}.tabs-grid__note.tabs-grid__note--2{top:10px}.tabs-grid__note.tabs-grid__note--3{top:30px}.tabs-grid__note.tabs-grid__note--4{top:52px}.tabs-grid__note.tabs-grid__note--5{top:72px}.tabs-grid__note.tabs-grid__note--6{top:92px}.tabs-grid__note.tabs-grid__note--full{flex:16 1}.tabs-grid__note.tabs-grid__note--full-x1{flex:24 1}.tabs-grid__note.tabs-grid__note--full-x2{flex:32 1}.tabs-grid__note.tabs-grid__note--half{flex:8 1}.tabs-grid__note.tabs-grid__note--half-x1{flex:12 1}.tabs-grid__note.tabs-grid__note--half-x2{flex:16 1}.tabs-grid__note.tabs-grid__note--quart{flex:4 1}.tabs-grid__note.tabs-grid__note--quart-x1{flex:6 1}.tabs-grid__note.tabs-grid__note--quart-x2{flex:8 1}.tabs-grid__note.tabs-grid__note--eight{flex:2 1}.tabs-grid__note.tabs-grid__note--eight-x1{flex:3 1}.tabs-grid__note.tabs-grid__note--eight-x2{flex:4 1}.tabs-grid__note.tabs-grid__note--sixteenth{flex:1 1}.tabs-grid__note.tabs-grid__note--sixteenth-x1{flex:1.5 1}.tabs-grid__note.tabs-grid__note--sixteenth-x2{flex:2 1}.section.section--fh{height:100vh;justify-content:center;margin-top:-70px;min-height:950px}.hero-headline-wrapper,.section.section--fh{align-items:center;display:flex;flex-direction:column}.hero-headline-wrapper{margin-bottom:48px;text-align:center}.hero-headline{color:var(--primary-color);display:block;font-family:Noto Serif Display,sans-serif;font-size:72px;font-weight:400;letter-spacing:-.02em;line-height:64px;margin-bottom:40px;margin-left:-2px}@media only screen and (min-width:768px){.hero-headline{font-size:140px;line-height:122px}}@media only screen and (min-width:990px){.hero-headline{font-size:170px;line-height:142px}}.hero-headline__italic{display:inline-block;font-size:.7em;font-style:italic;font-weight:100;letter-spacing:.04em;margin-bottom:-80px}.hero-headline__italic,.subtitle-text{font-family:Cormorant Garamond,Georgia,Times New Roman,serif}.subtitle-text{color:#898a91;font-size:20px;font-weight:400;letter-spacing:-.02em;line-height:24px}@media only screen and (min-width:768px){.subtitle-text{font-size:30px;line-height:32px}}@media only screen and (min-width:990px){.subtitle-text{font-size:40px;line-height:48px}}.hero-image{background-image:linear-gradient(90deg,#000,#fff);bottom:0;height:100vh;left:50%;object-fit:cover;opacity:.22;position:fixed;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:100vw;z-index:-4}.div-block-21{align-items:center;display:inline-flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:800px;padding:48px 0;text-align:center;width:auto}.section__headline{color:var(--primary-color);display:inline;font-family:Noto Serif Display,sans-serif;font-size:60px;font-weight:300;letter-spacing:-.02em;line-height:60px;margin-left:-2px}@media only screen and (min-width:768px){.section__headline{font-size:90px;line-height:90px}}@media only screen and (min-width:990px){.section__headline{font-size:120px;line-height:120px}}.section__headline+.subtitle-text{margin-top:48px}.note-scheme{cursor:default;max-width:100%;pointer-events:none;-webkit-user-select:none;user-select:none;width:600px}.note-scheme line{opacity:.3}.note-scheme .note-scheme__steam{fill:var(--accent-color-3);stroke:var(--accent-color-3)}.note-scheme .note-scheme__flag{fill:var(--accent-color-2);stroke:var(--accent-color-2)}.note-scheme .note-scheme__head{fill:var(--accent-color-1);stroke:var(--accent-color-1)}.note-scheme text{font-family:Cormorant Garamond,Georgia,Times New Roman,serif;font-size:28px;font-weight:400}#Gradient1 .stop1,#Gradient1 .stop2{stop-color:var(--accent-color-3)}#Gradient1 .stop3{stop-color:var(--accent-color-1)}#Gradient2 .stop1{stop-color:var(--accent-color-3)}#Gradient2 .stop2{stop-color:var(--accent-color-2)}.notes-grid{padding:48px 0}.tabs__row{display:flex;position:relative;width:100%}.tabs__row[comment]:after{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:none;background-color:hsla(0,0%,100%,.7);border-radius:2em 2em 0 2em;color:#0b0b0b;content:attr(comment);font-family:PT Sans,Roboto,Arial,sans-serif;font-size:18px;font-weight:400;left:-16px;padding:1px 7px;position:absolute;text-align:center;top:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;z-index:2}@media only screen and (max-width:767px){.tabs__row:last-child .note-grid__brick--sixteenth{height:50px!important}}.notes-grid__section{display:flex;flex-direction:column;width:100%}@media only screen and (max-width:767px){.notes-grid__section{margin-left:-12px;width:calc(100% + 24px)}}.note-grid__brick{align-items:center;background-image:linear-gradient(hsla(0,0%,100%,.15),hsla(0,0%,100%,0));color:#0b0b0b;color:#fff;display:flex;flex:1 1;font-family:Noto Music,sans-serif;font-size:40px;height:100px;justify-content:center;line-height:2em;overflow:hidden;position:relative;text-align:center}@media only screen and (max-width:767px){.note-grid__brick{height:70px}.note-grid__brick svg{-webkit-transform:scale(.75)!important;transform:scale(.75)!important}}.note-grid__brick .note__character{align-items:center}.note-grid__brick svg{color:#fff;-webkit-transform:translateX(0);transform:translateX(0)}.note-grid__brick:after{border-radius:3px;content:"";height:calc(100% - 2px);left:1px;position:absolute;top:1px;width:calc(100% - 2px);z-index:-1}@media only screen and (max-width:767px){.note-grid__brick:after{height:calc(100% - 1px);left:0;top:0;width:calc(100% - 1px)}}.note-grid__brick .note{padding-top:0!important;-webkit-transform:none!important;transform:none!important}.note-grid__brick .note:before{content:none!important}.note-grid__brick.note-grid__brick--full{flex:16 1}.note-grid__brick.note-grid__brick--full:after{background-color:var(--accent-color-1)}.note-grid__brick.note-grid__brick--full .note:not(.note--pause) svg{height:76px!important;-webkit-transform:translate(10px,-30px)!important;transform:translate(10px,-30px)!important;width:48px!important}.note-grid__brick.note-grid__brick--full.note-grid__brick--extended-1{flex:24 1}.note-grid__brick.note-grid__brick--full.note-grid__brick--extended-2{flex:28 1}.note-grid__brick.note-grid__brick--half{flex:8 1}.note-grid__brick.note-grid__brick--half:after{background-color:var(--accent-color-2)}.note-grid__brick.note-grid__brick--half svg{height:60px;width:36px}.note-grid__brick.note-grid__brick--half.note-grid__brick--extended-1{flex:12 1}.note-grid__brick.note-grid__brick--half.note-grid__brick--extended-2{flex:14 1}.note-grid__brick.note-grid__brick--quart{flex:4 1}.note-grid__brick.note-grid__brick--quart:after{background-color:var(--accent-color-3)}.note-grid__brick.note-grid__brick--quart svg{height:55px;width:32px}.note-grid__brick.note-grid__brick--quart.note-grid__brick--extended-1{flex:6 1}.note-grid__brick.note-grid__brick--quart.note-grid__brick--extended-2{flex:7 1}.note-grid__brick.note-grid__brick--eight{flex:2 1}.note-grid__brick.note-grid__brick--eight:after{background-color:var(--accent-color-4)}.note-grid__brick.note-grid__brick--eight svg{height:44px;width:28px}.note-grid__brick.note-grid__brick--eight.note-grid__brick--extended-1{flex:3 1}.note-grid__brick.note-grid__brick--eight.note-grid__brick--extended-2{flex:3.5 1}.note-grid__brick.note-grid__brick--sixteenth{flex:1 1}.note-grid__brick.note-grid__brick--sixteenth:after{background-color:var(--accent-color-5)}.note-grid__brick.note-grid__brick--sixteenth svg{height:40px;width:25px}.note-grid__brick.note-grid__brick--sixteenth.note-grid__brick--extended-1{flex:1.5 1}.note-grid__brick.note-grid__brick--sixteenth.note-grid__brick--extended-2{flex:1.75 1}.note-grid__brick.note-grid__brick--greyscale{background-image:none}.note-grid__brick.note-grid__brick--greyscale svg{color:hsla(0,0%,100%,.1)}.note-grid__brick.note-grid__brick--greyscale:after{background-color:hsla(0,0%,100%,.05)!important}.div-block-4,.div-block-4>div{grid-column-gap:1px;display:inline-flex;flex-direction:row;justify-content:flex-start;max-width:100%;z-index:10}.div-block-4>div{flex-direction:row-reverse}.div-block-4{margin-left:-12px;margin-right:-12px;max-width:calc(100% + 20px);overflow:auto;padding:16px 2px}@media only screen and (min-width:768px){.div-block-4{margin-left:-16px;margin-right:-16px;max-width:calc(100% + 16px);padding:24px 8px;width:auto}}@media only screen and (min-width:990px){.div-block-4{margin-left:-64px;margin-right:-64px;max-width:calc(100% + 48px);padding:48px 40px;width:auto}}.piano-key-white{align-items:center;background-color:#f7f6f3;background-image:linear-gradient(0deg,#fff,hsla(0,0%,100%,0));border-radius:1px 1px 3px 3px;box-shadow:inset 1px -1px #fff,inset -1px -1px 1px rgba(0,0,0,.2);display:flex;flex-direction:column;height:180px;justify-content:flex-end;position:relative;transition:background-color .3s,box-shadow .3s;width:40px}.piano-key-white.pressed{background-image:linear-gradient(79deg,hsla(0,0%,4%,.17) 18%,hsla(0,0%,4%,0) 50%),linear-gradient(58deg,hsla(0,0%,4%,.23),hsla(0,0%,4%,0)),linear-gradient(0deg,#fff,hsla(0,0%,100%,0));box-shadow:inset -2px -3px 6px rgba(0,0,0,.19),inset 5px -4px 10px -4px rgba(0,0,0,.34);height:199px}@media only screen and (min-width:768px){.piano-key-white{height:200px;width:60px}}@media only screen and (min-width:990px){.piano-key-white{height:240px;width:80px}}.xxx-copy-copy{align-items:center;color:#858585;display:flex;font-family:Roboto Serif;font-size:16px;font-style:italic;height:20px;justify-content:center;padding-bottom:2px;padding-top:11px;width:100%}@media only screen and (min-width:768px){.xxx-copy-copy{font-size:20px;padding-bottom:12px}}@media only screen and (min-width:990px){.xxx-copy-copy{padding-bottom:16px}}.piano-key-black{background-color:var(--color-body-dark);background-image:linear-gradient(270deg,hsla(0,0%,100%,0) 85%,hsla(0,0%,100%,.29)),linear-gradient(to bottom,var(--color-body-dark) 88%,hsla(0,0%,4%,0) 94%),linear-gradient(270deg,hsla(0,0%,100%,.14) 45%,#000 50%,hsla(0,0%,100%,.14) 55%);border-radius:0 0 3px 3px;box-shadow:2px -1px 3px 1px rgba(0,0,0,.47),7px -2px 7px rgba(0,0,0,.23);display:flex;flex-direction:column;height:120px;justify-content:flex-end;max-width:64%;padding:0 3px 13px;position:absolute;right:0;top:0;-webkit-transform:translateX(50%);transform:translateX(50%);transition:padding-bottom .3s,box-shadow .3s;width:42px;z-index:1}@media only screen and (max-width:767px){.piano-key-black{padding:0 2px 9px;width:20px}}.piano-key-black .piano-note{font-size:16px!important;min-width:14px}.piano-key-black.pressed{background-image:linear-gradient(to bottom,var(--color-body-dark) 88%,hsla(0,0%,4%,0) 94%);box-shadow:none;padding-bottom:4px}.piano-key-black__light{background-image:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.31));border-bottom-left-radius:2px;border-bottom-right-radius:2px;box-shadow:inset 1px 0 hsla(0,0%,100%,.18),0 1px 1px hsla(0,0%,100%,.64);height:100%;transition:opacity .3s,height .3s;width:100%}.piano-note{align-items:center;background-color:hsla(0,0%,100%,.16);border-radius:1rem;bottom:24px;display:flex;font-family:PT Sans,Roboto,Arial,sans-serif;font-size:18px;height:10px;justify-content:center;line-height:10px;max-width:calc(100% - 36px);padding:7px 10px;position:absolute;white-space:nowrap;z-index:2}@media only screen and (min-width:768px){.piano-note{bottom:32px;bottom:48px;font-size:22px;padding:10px;padding:10px 14px}}.piano-note.piano-note--e{background-color:var(--accent-color-1)}.piano-note.piano-note--f{background-color:var(--accent-color-2)}.piano-note.piano-note--g{background-color:var(--accent-color-3)}.piano-note.piano-note--a{background-color:var(--accent-color-4)}.piano-note.piano-note--b{background-color:var(--accent-color-5)}.piano-note.piano-note--c{background-color:var(--accent-color-6)}.piano-note.piano-note--d{background-color:var(--accent-color-7)}.piano-note.piano-note--diez{border-bottom-left-radius:2px;bottom:auto;font-size:20px;left:50%;padding:9px 12px 8px 10px;top:-16px;-webkit-transform:translate(0);transform:translate(0)}.piano-key-black__light.pressed{opacity:.61}.piano-note.piano-note--diez.piano-note--c{background-image:linear-gradient(to right,var(--accent-color-6),var(--accent-color-7))}.piano-note.piano-note--diez.piano-note--d{background-image:linear-gradient(to right,var(--accent-color-7),var(--accent-color-1))}.piano-note.piano-note--diez.piano-note--f{background-image:linear-gradient(to right,var(--accent-color-2),var(--accent-color-3))}.piano-note.piano-note--diez.piano-note--g{background-image:linear-gradient(to right,var(--accent-color-3),var(--accent-color-4))}.piano-note.piano-note--diez.piano-note--a{background-image:linear-gradient(to right,var(--accent-color-4),var(--accent-color-5))}:root{--accent-color-1:#5fb6cc;--accent-color-2:#878ce6;--accent-color-3:#9b55f1;--accent-color-4:#cf5ccc;--accent-color-5:#e55f7c;--accent-color-6:#cea760;--accent-color-7:#9fb94f;--primary-color:#9b8849;--color-body-dark:#0b0b0b}body{color:#333;font-size:14px;line-height:20px}.body,body{font-family:Roboto}.body{background-color:#0b0b0b;background-color:var(--color-body-dark);color:#fff;height:100%;padding-top:70px;position:relative;width:100%}.body,h1{font-weight:400}h1{color:#5e5e5e;font-size:80px;line-height:58px;margin-bottom:8px;margin-top:16px}h2{line-height:36px}a{text-decoration:none;transition:color .3s cubic-bezier(.215,.61,.355,1)}a,a:hover{color:#9b8849;color:var(--primary-color)}img{display:inline-block;max-width:100%}blockquote{border-left-style:none;padding:10px 0;white-space:nowrap}figure{margin:0 0 10px}.image{height:110%;object-fit:cover;position:relative;width:100%;z-index:1}.border-radius{border-radius:5px;overflow:hidden}.main-logo{width:130px}.content-wrapper{display:block;position:relative;width:100%;z-index:8}.content-wrapper.content-wrapper--centered{align-items:stretch;display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;max-width:1278px}.container{display:block;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px;position:relative;text-align:center;width:calc(100% - 24px)}@media only screen and (min-width:768px){.container{padding-left:16px;padding-right:16px;width:calc(100% - 32px)}}@media only screen and (min-width:990px){.container{max-width:1280px;padding-left:64px;padding-right:64px;width:calc(100% - 128px)}}.notes-grid__note-name{-webkit-text-fill-color:inherit;align-items:center;background-clip:initial;cursor:default;font-family:Noto Serif Display,sans-serif;font-size:22px;font-weight:400;justify-content:center;line-height:40px;position:absolute;text-align:center;-webkit-transform:translate(12px,-58px);transform:translate(12px,-58px)}.text-span-12{color:#898a91;font-family:Times New Roman,TimesNewRoman,Times,Baskerville,Georgia,serif;font-size:19px;font-style:italic;letter-spacing:.03em;position:relative;top:-18.5px}.section__overflow{padding-bottom:0;position:relative;width:100%}@media only screen and (max-width:988px){.section__overflow{overflow:hidden}}@media only screen and (max-width:767px){.section__overflow{margin:0 -12px;width:calc(100% + 24px)}}.content-section{align-items:center;display:flex;flex-direction:column;position:relative}.content-section:not(:first-child){padding:48px 0}@media only screen and (min-width:990px){.content-section.content-section--row{align-items:center;-webkit-column-gap:48px;column-gap:48px;display:flex}.content-section.content-section--row>div{flex:1 1}}.text-italic{font-style:italic}span.diez-symbol{font-family:Noto Serif Display,sans-serif;font-size:.8em}
/*# sourceMappingURL=main.e52c8063.css.map*/