.navbar{display:flex;flex-direction:column}.navbar a{padding:.5em;display:block;background:var(--blue);margin:.5em 2em;color:#fff;text-align:center;font-size:20px;text-decoration:none}.navbar a span{display:block;font-size:14px;margin-top:.5em}.loader{vertical-align:middle;color:#666}.loader.has-text{display:flex;flex-direction:column;align-items:center;gap:.5em}.loader:before{vertical-align:top;content:" ";display:inline-block;width:.9em;height:.9em;border:.2em solid #666;border-top-color:transparent;border-radius:50%;animation:loadingspin 1s linear infinite}.loader.big:before{width:1.5em;height:1.5em}.lightbox{position:absolute;width:100%;box-sizing:border-box;height:100%;top:0;left:0;background:#ffffffbf}.popup{position:absolute;z-index:100;padding:10px 30px 30px 20px;box-sizing:border-box;width:90%;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #999}.popup button{font-size:1em;line-height:1;padding:.4em .8em;vertical-align:middle;background:#3264c8;color:#fff;border:none;border-radius:.25em}.popup .close{position:absolute;right:5px;top:10px;background:none;color:#3264c8;cursor:pointer}.popup form fieldset{border:0;padding:0;margin:1em 0}.popup form fieldset div{margin-bottom:.5em}.popup form button[type=submit]{margin-right:1em}.popup form button[type=submit][disabled]{opacity:.5}.popup form label{margin-right:1em}.popup form .delete_fields{margin-bottom:1em}.popup form .delete_fields label{display:block}.flex{display:flex;gap:2em;justify-content:space-between;align-items:center}h2{margin-bottom:0}.items{padding:.5em 1em;margin:0}@keyframes loadingspin{to{transform:rotate(360deg)}}.reservations{width:100%;text-align:left;position:relative}.reservations .header{text-align:center;padding:10px;display:flex;justify-content:center;align-items:center;font-family:monospace}.reservations .header{font-family:monospace}.reservations .header .icon--reload{background-size:28px;height:28px;padding-left:28px;margin-right:1em}.reservations .date-picker{margin:0 .5em;font-size:1.3em;line-height:2;padding:0 .5em;background:var(--blue);color:#fff;height:40px;box-sizing:border-box;font-family:monospace}.reservations .date-picker .shortday{vertical-align:middle;line-height:27px;font-size:inherit;font-family:inherit}.reservations .date-picker input{font-family:inherit;background:none;border:none;border-radius:0;color:inherit;font-size:inherit;vertical-align:middle;line-height:normal;margin-left:.5em;padding:0;border-bottom:solid 1px white}.reservations .date-picker input::-webkit-calendar-picker-indicator{display:none}.reservations .today{font-size:1.2em;font-family:monospace;font-weight:700;line-height:normal;color:var(--blue);background:none;padding:0;margin-left:1em;border:0;text-decoration:underline;vertical-align:middle}.reservations .today[disabled]{color:#ccc;text-decoration:none}.reservations .prev,.reservations .next{font-size:1.5em;font-weight:700;line-height:1;padding:0 .5em 5px;vertical-align:middle;background:#3264c8;color:#fff;border:none;border-radius:0;height:40px;box-sizing:border-box}.reservations .next{background-size:28px}.reservations .main{display:flex;overflow:hidden}.reservations .main .hours{width:50px;background:var(--brown);background:#666;margin-top:35px;border-right:solid 1px white}.reservations .main .hours .hour{text-align:center;color:#fff;border-bottom:1px solid white;padding:9px 5px 5px;box-sizing:border-box;height:36px}.reservations .main .slots{overflow-x:auto}.reservations .main .slots .courts__header{white-space:nowrap}.reservations .main .slots .courts__header .cell{background:#666;color:#fff;padding-top:8px}.reservations .main .slots .courts__row{border-bottom:solid 1px white}.reservations .main .slots .courts__row .cell{background:#c4f6c1;cursor:pointer;font-size:small;white-space:nowrap;text-overflow:ellipsis}.reservations .main .slots .courts__row .cell:hover:not(.past):not(.reserved){background:#a4e7a0}.reservations .main .slots .courts__row .cell.loading:before{content:" ";display:inline-block;width:.9em;height:.9em;border:.15em solid #333;border-top-color:transparent;border-radius:50%;animation:loadingspin 1s linear infinite}.reservations .main .slots .courts__row .cell.reserved{cursor:default;background:#faaeae;color:#333}.reservations .main .slots .courts__row .cell.my-reservation:not(.past){background:#faaeae;text-decoration:underline;cursor:pointer}.reservations .main .slots .courts__row .cell.past{background:#ccc;color:#666;cursor:default}.reservations .main .slots .courts__rowSlots{white-space:nowrap}.reservations .main .slots .cell{text-align:center;font-size:.9em;padding:8px 5px 0;overflow:hidden;width:100px;height:35px;display:inline-block;border-right:solid 1px white;vertical-align:top;box-sizing:border-box}.my-reservations ul{margin:.25em 0 0;padding:0;font-size:16px}.my-reservations ul li{line-height:26px;margin-left:1em}.my-reservations ul .icon--delete{cursor:pointer;margin-left:.25em}.password-wrapper{text-align:right;margin:.25em 0}.password-wrapper.flex{justify-content:space-between;align-items:center;display:flex}.password-wrapper span{text-transform:capitalize}.password-wrapper span:before{content:"";border-radius:50%;padding:.4em;display:inline-block;margin-right:.25em}.password-wrapper span.low:before{background:red}.password-wrapper span.medium:before{background:#ff8c00}.password-wrapper span.high:before{background:green}.password-toggle{cursor:pointer;background:none;padding:0;border:0}.password-toggle img{vertical-align:middle}.password-toggle:hover img{filter:invert(34%) sepia(45%) saturate(3628%) hue-rotate(211deg) brightness(84%) contrast(84%)}.form-react{margin-top:1em;padding:1em;background:#eee;width:100%;box-sizing:border-box}@media (min-width: 768px){.form-react{width:auto;display:inline-block}}.form-react .row+.row{margin-top:1em}.form-react fieldset{border:0;padding:0}@media (min-width: 768px){.form-react fieldset{display:grid;gap:.5em 1em;grid-template-columns:repeat(2,min-content)}}.form-react fieldset+button{margin-top:1em}.form-react fieldset>div{margin-bottom:1em}@media (min-width: 768px){.form-react fieldset>div{margin-bottom:0}}.form-react fieldset>div:last-child{margin-bottom:0}.form-react input:not([type=file i],[type=image i],[type=checkbox i],[type=radio i]){border:1px #ccc solid;padding:.25em .5em;font-size:16px;display:block;width:100%;box-sizing:border-box}@media (min-width: 768px){.form-react input:not([type=file i],[type=image i],[type=checkbox i],[type=radio i]){width:auto;min-width:40ch}}.form-react .error{display:none}.form-react .row-error .error{display:block;color:#c70000;margin-top:.25em}.form-react *.hasError,.form-react select:user-invalid,.form-react input:user-invalid{background-color:#fcd4da;border-color:#c70000}.form-react *.hasError+div+.error,.form-react *.hasError+.error,.form-react select:user-invalid+div+.error,.form-react select:user-invalid+.error,.form-react input:user-invalid+div+.error,.form-react input:user-invalid+.error{display:block;color:#c70000;margin-top:.25em}.form-react input[type=checkbox]:user-invalid+label+.error{display:block;padding-top:.25em;color:#c70000}@media (min-width: 768px){.form-react input[type=checkbox]:user-invalid+label+.error{padding-bottom:.5em}}.form-react label{padding:.25em 0;display:block}.form-react label.required:after{content:"*";margin-left:.25em}.form-react button[disabled]{opacity:.25;cursor:default}.form-react button[type=submit]{padding:.5em 1em;font-size:inherit;background:#3264c8;color:#fff;border:0;cursor:pointer}.form-react button[type=submit]:focus{outline-color:#000}.form-react button[type=submit]:hover{background:#194b96}.form-react select{border:1px #ccc solid;padding:.25em .5em;font-size:16px;display:block;width:100%;box-sizing:border-box;background:#fff}.form-react input[type=radio],.form-react input[type=checkbox]{margin:0}.form-react input[type=radio]+label,.form-react input[type=checkbox]+label{display:inline;vertical-align:text-bottom;padding-left:.2em}form.signup label input[type=checkbox]{vertical-align:baseline;margin-right:.25em}label input[type=checkbox]{vertical-align:top}.form-login fieldset+button{margin-top:0}header{margin-bottom:.25em;text-align:center}header h1{color:#333;font-size:1.3em;line-height:1.5}header h2{font-size:1em;color:#333;margin-top:0;font-weight:500}header p{margin:.5em 0 0;text-align:center;font-size:small}header span.icon{background-size:30px;width:30px;height:30px;display:inline-block}footer{margin:0;border-top:solid 1px #ccc;padding:1em;text-align:right;font-size:smaller;color:#666;display:flex;justify-content:space-around}footer a{color:var(--blue);text-decoration:none}footer a span{display:inline-block;height:30px;width:30px;background-position:center;background-size:30px}footer a span:hover{filter:invert(35%) sepia(91%) saturate(3615%) hue-rotate(213deg) brightness(86%) contrast(79%)}.icon{color:#666;text-decoration:none;background-repeat:no-repeat;font-weight:700}.icon--inline{padding-left:30px;background-position:left center}.icon--block{background-position:center top;background-size:32px;padding-top:32px;min-width:32px;display:inline-block;text-align:center}a.icon:hover{filter:invert(9%) sepia(97%) saturate(7423%) hue-rotate(85deg) brightness(89%) contrast(87%)}.icon--delete{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%233264c8'%3e%3cpath%20d='M280-120q-33%200-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0%2033-23.5%2056.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160%200h80v-360h-80v360ZM280-720v520-520Z'/%3e%3c/svg%3e");background-size:20px}.icon--reload{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%233264c8'%3e%3cpath%20d='M480-160q-134%200-227-93t-93-227q0-134%2093-227t227-93q69%200%20132%2028.5T720-690v-110h80v280H520v-80h168q-32-56-87.5-88T480-720q-100%200-170%2070t-70%20170q0%20100%2070%20170t170%2070q77%200%20139-44t87-116h84q-28%20106-114%20173t-196%2067Z'/%3e%3c/svg%3e")}.icon--logout{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%235f6368'%3e%3cpath%20d='M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h280v80H200v560h280v80H200Zm440-160-55-58%20102-102H360v-80h327L585-622l55-58%20200%20200-200%20200Z'/%3e%3c/svg%3e")}.icon--home{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%235f6368'%3e%3cpath%20d='M240-200h120v-240h240v240h120v-360L480-740%20240-560v360Zm-80%2080v-480l320-240%20320%20240v480H520v-240h-80v240H160Zm320-350Z'/%3e%3c/svg%3e")}.icon--list{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%235f6368'%3e%3cpath%20d='M360-200v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360ZM200-160q-33%200-56.5-23.5T120-240q0-33%2023.5-56.5T200-320q33%200%2056.5%2023.5T280-240q0%2033-23.5%2056.5T200-160Zm0-240q-33%200-56.5-23.5T120-480q0-33%2023.5-56.5T200-560q33%200%2056.5%2023.5T280-480q0%2033-23.5%2056.5T200-400Zm0-240q-33%200-56.5-23.5T120-720q0-33%2023.5-56.5T200-800q33%200%2056.5%2023.5T280-720q0%2033-23.5%2056.5T200-640Z'/%3e%3c/svg%3e")}.icon--admin{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%233264c8'%3e%3cpath%20d='M480-440q-59%200-99.5-40.5T340-580q0-59%2040.5-99.5T480-720q59%200%2099.5%2040.5T620-580q0%2059-40.5%2099.5T480-440Zm0-80q26%200%2043-17t17-43q0-26-17-43t-43-17q-26%200-43%2017t-17%2043q0%2026%2017%2043t43%2017Zm0%20440q-139-35-229.5-159.5T160-516v-244l320-120%20320%20120v244q0%20152-90.5%20276.5T480-80Zm0-400Zm0-315-240%2090v189q0%2054%2015%20105t41%2096q42-21%2088-33t96-12q50%200%2096%2012t88%2033q26-45%2041-96t15-105v-189l-240-90Zm0%20515q-36%200-70%208t-65%2022q29%2030%2063%2052t72%2034q38-12%2072-34t63-52q-31-14-65-22t-70-8Z'/%3e%3c/svg%3e")}.icon--login{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%235f6368'%3e%3cpath%20d='M480-120v-80h280v-560H480v-80h280q33%200%2056.5%2023.5T840-760v560q0%2033-23.5%2056.5T760-120H480Zm-80-160-55-58%20102-102H120v-80h327L345-622l55-58%20200%20200-200%20200Z'/%3e%3c/svg%3e")}.icon--account{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%235f6368'%3e%3cpath%20d='M400-480q-66%200-113-47t-47-113q0-66%2047-113t113-47q66%200%20113%2047t47%20113q0%2066-47%20113t-113%2047ZM80-160v-112q0-33%2017-62t47-44q51-26%20115-44t141-18h14q6%200%2012%202-8%2018-13.5%2037.5T404-360h-4q-71%200-127.5%2018T180-306q-9%205-14.5%2014t-5.5%2020v32h252q6%2021%2016%2041.5t22%2038.5H80Zm560%2040-12-60q-12-5-22.5-10.5T584-204l-58%2018-40-68%2046-40q-2-14-2-26t2-26l-46-40%2040-68%2058%2018q11-8%2021.5-13.5T628-460l12-60h80l12%2060q12%205%2022.5%2011t21.5%2015l58-20%2040%2070-46%2040q2%2012%202%2025t-2%2025l46%2040-40%2068-58-18q-11%208-21.5%2013.5T732-180l-12%2060h-80Zm40-120q33%200%2056.5-23.5T760-320q0-33-23.5-56.5T680-400q-33%200-56.5%2023.5T600-320q0%2033%2023.5%2056.5T680-240ZM400-560q33%200%2056.5-23.5T480-640q0-33-23.5-56.5T400-720q-33%200-56.5%2023.5T320-640q0%2033%2023.5%2056.5T400-560Zm0-80Zm12%20400Z'/%3e%3c/svg%3e")}.icon--back{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%235f6368'%3e%3cpath%20d='M400-80%200-480l400-400%2071%2071-329%20329%20329%20329-71%2071Z'/%3e%3c/svg%3e")}.icon--forward{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23666666'%3e%3cpath%20d='m321-80-71-71%20329-329-329-329%2071-71%20400%20400L321-80Z'/%3e%3c/svg%3e")}.icon--show{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%235f6368'%3e%3cpath%20d='M480-320q75%200%20127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75%200-127.5%2052.5T300-500q0%2075%2052.5%20127.5T480-320Zm0-72q-45%200-76.5-31.5T372-500q0-45%2031.5-76.5T480-608q45%200%2076.5%2031.5T588-500q0%2045-31.5%2076.5T480-392Zm0%20192q-146%200-266-81.5T40-500q54-137%20174-218.5T480-800q146%200%20266%2081.5T920-500q-54%20137-174%20218.5T480-200Zm0-300Zm0%20220q113%200%20207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113%200-207.5%2059.5T128-500q50%20101%20144.5%20160.5T480-280Z'/%3e%3c/svg%3e");margin-left:.5em}.icon--hide{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%235f6368'%3e%3cpath%20d='m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8%2034.5-12t37.5-4q75%200%20127.5%2052.5T660-500q0%2020-4%2037.5T644-428Zm128%20126-58-56q38-29%2067.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29%200-57%204t-55%2012l-62-62q41-17%2084-25.5t90-8.5q151%200%20269%2083.5T920-500q-23%2059-60.5%20109.5T772-302Zm20%20246L624-222q-35%2011-70.5%2016.5T480-200q-151%200-269-83.5T40-500q21-53%2053-98.5t73-81.5L56-792l56-56%20736%20736-56%2056ZM222-624q-29%2026-53%2057t-41%2067q50%20101%20143.5%20160.5T480-280q20%200%2039-2.5t39-5.5l-36-38q-11%203-21%204.5t-21%201.5q-75%200-127.5-52.5T300-500q0-11%201.5-21t4.5-21l-84-82Zm319%2093Zm-151%2075Z'/%3e%3c/svg%3e");margin-left:.5em}:root{--blue: #3264c8;--brown: #d64d08;--darkbrown: #a93b05}html,body{height:100%;margin:0;scroll-behavior:none}body{font-family:Arial,Helvetica,sans-serif;font-size:1em}#root{height:100%;background:#fff;display:flex;flex-direction:column}header{padding:.5em}main{flex-grow:1;padding:0 .5em 1em;scroll-behavior:contain}h1{font-size:1.5em}h2{font-size:1.2em}h3{font-size:1em}h2+p{margin-top:.5em}.splash{min-height:100%;display:flex;justify-content:center;align-items:center}.active{color:salmon}h1{margin:0}a{color:var(--blue)}