:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;height:100%;overflow:hidden;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.view-select-wrapper{position:relative;display:inline-block;margin-right:1.5rem;border-radius:20px;background:rgba(100,100,100,.6);height:40px;padding:.15rem .75rem}.view-select{font-size:1.5rem;color:#fff;background-color:transparent;border:none;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:1.5em;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='white' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .25em center;background-size:.65em}.hole-select{font-size:1.5rem;color:#fff;background-color:transparent;border:none;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:1.5em;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1H13M1 5H13M1 9H13' stroke='white' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .25em center;background-size:.65em}#currentHole{height:40px;width:50px;padding:0 1rem;display:flex;justify-content:center;align-items:center;background-color:#64646499;border-radius:20px;color:#fff;font-size:2rem;z-index:300;-webkit-user-select:none;user-select:none}#togglePanel{position:fixed;top:1rem;left:1rem;height:40px;width:40px;padding:0 1rem;display:flex;justify-content:center;align-items:center;background-color:#64646499;border-radius:20px;color:#fff;font-size:2rem;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:300}#sidePanel{position:fixed;top:1rem;left:1rem;width:300px;height:100%;padding:1rem;border-radius:20px;background-color:#646464cc;box-shadow:2px 0 10px #00000026;transform:translate(calc(-100% - 30px));transition:transform .3s ease-in-out;z-index:1000;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}#sidePanel.active{transform:translate(0)}#closePanel{position:fixed;top:1rem;left:1rem;height:50px;padding:0 1rem;font-size:2rem;color:#fff;background:transparent;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;line-height:1;z-index:1100;transform:translate(-16px,-16px)}#viewer{position:fixed;top:0;bottom:0;left:0;right:0;background:#222;overflow:hidden}.panel-content{flex:1;display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden}.object-fit-contain{object-fit:contain}.carousel-wrapper,#holeCarousel{flex:1;display:flex;flex-direction:column}.carousel-inner{flex:1}.carousel-item{display:none;position:relative;transition:transform .6s ease}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:flex;flex-direction:column;justify-content:space-between;flex:1}.carousel-item img{border-radius:1rem!important;object-fit:contain;width:100%;height:100%;background:transparent;display:block;z-index:1}.tee-circle{width:14px;height:14px;border-radius:50%;display:inline-block}#view-buttons{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;flex-direction:row;gap:.5rem}.hole-info{text-shadow:0 0 5px rgba(0,0,0,.7);margin-top:2rem;margin-bottom:0}.hole-number{min-width:4rem}.stroke-index,.tee{color:#fff}#imagePanel{flex-grow:1;max-height:calc(100vh - 20px);margin-bottom:20px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;width:260px;padding:1rem;border-radius:20px;background-color:#fff9;box-shadow:2px 0 10px #00000026}#imagePanel img{max-width:100%;max-height:100%;height:auto;width:auto;object-fit:contain}