:root{--navigator-width: 40px;--light-grey: #767676;--link-blue: #0503ee;--cardinal-red: #8c1515;--cardinal-red-light: #b83a4b;--cardinal-red-dark: #820000;--white: #ffffff;--black: #2e2d29;--black-90: #43423e;--black-80: #585754;--black-70: #6d6c69;--black-60: #767674;--black-50: #979694;--black-40: #ababa9;--black-30: #c0c0bf;--black-20: #d5d5d4;--black-10: #eaeaea;--cool-grey: #53565a}@font-face{font-family:Barlow;font-style:normal;font-weight:400;src:local(""),url(/fonts/barlow-v5-latin-regular.woff2) format("woff2"),url(/fonts/barlow-v5-latin-regular.woff) format("woff")}@font-face{font-family:SourceSerif4;src:url(/_astro/SourceSerif4-VariableFont_opsz_wght.16cadc05.ttf) format("truetype")}@font-face{font-family:SourceSans3;src:url(/_astro/SourceSans3-VariableFont_wght.5be47e80.ttf) format("truetype")}@font-face{font-family:Stanford;src:url(/_astro/stanford.0e33a04a.woff) format("woff"),url(/_astro/stanford.46da17a5.ttf) format("truetype");font-weight:300}*,*:before,*:after{box-sizing:border-box}::-moz-selection{background-color:var(--primary-accent);color:#fff}::selection{background-color:var(--primary-accent);color:#fff}input:focus,button:focus{outline:2px solid var(--primary-accent);outline-offset:-4px}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}body{overflow-x:hidden}html:focus-within{scroll-behavior:smooth}input,button,textarea,select{font:inherit}body{background:linear-gradient(var(--background-angle),var(--background-darker) 0%,var(--background-color) 25%,var(--background-color) 75%,var(--background-darker) 100%);background-attachment:fixed;background-position:center;font-family:Barlow,sans-serif;min-height:100vh;text-rendering:optimizeSpeed;transition:background .2s ease}a{-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}h1{font-family:Barlow,sans-serif}kbd{background:linear-gradient(-225deg,#d5dbe4,#f8f8f8);border-radius:2px;box-shadow:inset 0 -2px #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px #1e235a66;color:#000;display:inline-block;font-family:Courier New;font-size:12px;height:18px;justify-content:center;line-height:10px;margin-right:.4em;padding:5px;text-align:center;vertical-align:text-bottom;min-width:20px}kbd.depressed{box-shadow:inset 0 -1px #cdcde6,inset 0 0 1px 1px #fff,0 0 2px 1px #1e235a66;padding-top:6px}:root{--background-color: #dad7cb;--background-darker: rgb(186.1966292135, 180.6179775281, 158.3033707865);--primary-accent: #8c1515;--primary-accent-semiopaque: rgba(140, 21, 21, .5);--background-angle: 75deg}[data-theme=blue]{--background-color: aliceblue;--background-darker: hsl(208, 100%, 90%);--primary-accent: #296da5;--primary-accent-semiopaque: rgba(70, 130, 180, .5)}[data-theme=white]{--background-color: white;--background-darker: white;--primary-accent: #006bb8;--primary-accent-semiopaque: rgba(70, 130, 180, .5)}[data-theme=green]{--primary-accent: darkolivegreen;--primary-accent-semiopaque: rgba(85, 107, 47, .5)}[data-theme=grey]{--background-color: gainsboro;--background-darker: hsl(0, 0%, 71%);--primary-accent: darkslategrey;--primary-accent-semiopaque: rgba(47, 79, 79, .5)}[type=checkbox],[type=radio]{-webkit-appearance:none;background:lightgrey;border-radius:.3em;border:2px solid grey;height:1em;transition:background-color .2s,border-color .2s;width:1em}[type=checkbox]:hover,[type=radio]:hover{background:var(--primary-accent);border:2px solid var(--primary-accent)}[type=checkbox]:focus,[type=radio]:focus{outline:1px solid var(--primary-accent);outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='-10 -10 64.56 64.56'%3E%3Cpath fill='white' d='M23.297 38.74a6.563 6.563 0 0 1-10.16.499L1.308 26.112a5.083 5.083 0 1 1 7.551-6.805l8.369 9.288a.617.617 0 0 0 .956-.047L35.386 5.217a5.083 5.083 0 1 1 8.181 6.032L23.297 38.74z'/%3E%3C/svg%3E"),var(--primary-accent);background-repeat:no-repeat;border:2px solid var(--primary-accent)}[type=checkbox]:disabled,[type=radio]:disabled{background-color:#d3d3d3;border:2px solid grey}[type=radio]{border-radius:50%}label:has([type=checkbox]){cursor:pointer}label:has([type=checkbox]:disabled){opacity:.5}#roll-viewer mark{background-color:transparent}#roll-viewer mark:hover,#roll-viewer mark.focus{box-shadow:none;outline:6px solid darkturquoise;outline-offset:4px;z-index:3}#roll-viewer mark:hover:before,#roll-viewer mark.focus:before{height:0;position:relative}#roll-viewer mark:hover:after,#roll-viewer mark.focus:after{background-color:#00ced1;color:#fff;content:attr(data-hole-label);display:block;font-weight:700;left:calc(100% + 10px);padding:8px 10px 8px 4px;position:absolute;text-shadow:0px 0px 8px black;top:-10px;transform:none}#roll-viewer mark.flag-left:is(:hover,.focus):after{left:auto;right:calc(100% + 10px);padding:8px 4px 8px 10px}#roll-viewer mark.flag-bottom:is(:hover,.focus):after{top:auto;bottom:-10px}#roll-viewer.show-note-velocities mark.note:is(:hover,.focus):after{content:attr(data-hole-label) "\av:" attr(data-note-velocity)}#roll-viewer.show-note-velocities:not(.play-expressions) mark.note:is(:hover,.focus):after{content:attr(data-hole-label) "\av:64"}#roll-viewer:not(.use-roll-pedaling) rect.pedal{fill:none}#roll-viewer:not(.use-roll-pedaling).active-note-details mark.pedal.active:after{content:none}#roll-viewer:not(.play-expressions) rect.control{fill:none}#roll-viewer:not(.play-expressions).active-note-details mark.control.active:after{content:none}#roll-viewer.highlight-enabled-holes:not(.play-expressions) rect.note{fill:#c1d5f5cc}#roll-viewer svg rect{pointer-events:all}#roll-viewer:not(.highlight-enabled-holes) svg rect:not(.selection){fill:none}@keyframes mark-recede{0%{mix-blend-mode:normal;padding:2%;opacity:.8}}.overlay-buttons{background:rgba(0,0,0,.4);border-radius:4px;padding:8px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:8}.overlay-buttons.top-center{left:50%;top:8px;transform:translate(-50%)}