.page-round header h1{margin-bottom:.5rem}.page-rounds main header form .fields{margin:0}.page-round main nav.tabs{background-color:var(--dark-background-color)}.page-round section,.page-rounds section{padding:2rem 1.5rem}@media screen and (min-width: 720px){.page-round section,.page-rounds section{padding:2rem 4rem}}.round-gps{text-align:center}.round-gps .distances{background:var(--primary-accent-color);border:4px solid var(--background-color);box-shadow:0 0 0 2px transparent,0 0 0 2px var(--primary-accent-color);border-radius:2rem;color:var(--background-color);display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem;margin-bottom:2rem;text-align:center}.round-gps .front,.round-gps .back{font-size:1.25rem}.round-gps .middle{font-size:2.5rem;font-weight:700}.round-gps.empty{display:block}.round-gps.empty p{margin:0}.round-listing{display:grid;gap:2rem;margin-bottom:2rem}.round.teaser{padding:1.5rem}@media screen and (min-width: 720px){.round.teaser{align-items:center;display:flex;justify-content:space-between;gap:2rem}}.round.teaser:hover{background:var(--primary-shade-300);border-color:var(--primary-accent-color);text-decoration:none}.round.teaser .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:0}@media screen and (min-width: 720px){.round.teaser .stats{align-items:center;display:flex;gap:1rem}}.round.teaser .details{margin-bottom:1.5rem}.round.teaser .details .date{margin-bottom:1rem}.round.teaser .users{display:grid;gap:1rem}.round.teaser .users .user{border-bottom:1px solid var(--primary-shade-500);align-items:center;display:grid;grid-template-columns:40px auto;gap:1.5rem;padding-bottom:1rem}@media screen and (min-width: 720px){.round.teaser .users .user{border:0;padding:0}}.round.teaser .users .user:last-of-type{border:0;padding-bottom:0}.round.teaser .users .user .avatar-container{min-width:40px;max-width:40px;max-height:40px;min-height:40px;vertical-align:middle}.round.teaser .user .stat{padding:.75rem 1rem}.round.teaser .user .stat-value{font-size:2rem;margin-bottom:0}@media screen and (min-width: 720px){.round.teaser .details{margin-bottom:0}.round.teaser .user .stat{padding:.5rem 1rem;min-width:8rem}.round.teaser .user .stat-value{font-size:2rem;margin-bottom:0}}.page-round main header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.page-round main header h1{margin-bottom:0}.page-round main header .actions{align-items:center;display:flex;gap:2rem}.page-round main header .actions a,.page-round main header .actions button{color:var(--dark-font-color);text-decoration:none}.page-round main header .actions svg{width:1.75rem;height:1.75rem}.page-round main header .actions .dropdown-btn svg{color:var(--dark-font-color)}.page-round main header .actions .dropdown-btn svg:hover{color:var(--primary-accent-color)}.page-round .round-score{align-items:center;color:var(--primary-accent-color);container-name:round-score;display:flex;gap:.5rem;padding:1rem 0;margin-bottom:1rem}.page-round .round-score .gross{font-size:3rem;font-weight:700}.page-round .metadata{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.page-round .metadata>div{align-items:center;display:grid;background:var(--border-color);border-radius:.25rem;padding:1rem}.page-round .metadata .value{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.page-round section.details p:last-of-type{margin:0}.round-form{color:var(--font-color)}.round-form .round-types,.round-form .scorecard-types{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.round-form .round-types button,.round-form .scorecard-types button{border:1px solid var(--border-color);border-radius:.5rem;color:var(--font-color)!important;font-weight:400;padding:1.5rem}.round-form .round-types button.selected,.round-form .scorecard-types button.selected,.round-form .round-types button:hover,.round-form .scorecard-types button:hover{background-color:var(--background-color);border-color:var(--border-color)}.round-form .users .selected .user{margin-bottom:1rem}.round-form .user-search summary{color:var(--font-color)}.round-form .user-search .search-results{margin-top:1rem}.round-form .users button{width:100%}
