:root{--card-menu-outer-bg-colour: #FFFFFF;--card-menu-inner-bg-colour: #fbfbfb;--card-menu-text-colour: #000;--card-menu-text-colour-75: #49505775;--card-menu-text-colour-50: #49505750;--card-menu-border-colour: #0000005e;--card-menu-button-colour: #707070;--card-menu-button-hover-colour: #5d5d5d;--card-menu-selected-button-colour: #5495c9;--card-menu-selected-colour: #2BC155;--card-menu-selected-colour-25: #2BC15525;--card-menu-invalid-colour: #FF4847;--card-menu-invalid-colour-50: #FF484750;--new-card-input-focus-box-shadow: 0 0 0 .16px rgb(87 148 197 / 50%);--card-badge-membership-colour: #3d7db3;--card-badge-parks-colour: #2e7d32}.card-menu{color:#000}.card-menu input[type=checkbox]{height:0;width:0;visibility:hidden;margin:3px}.card-menu input[type=checkbox]~label{cursor:pointer;text-indent:-9999px;width:50px;height:25px;background:#70707050;display:block;border-radius:100px;position:relative}.card-menu input[type=checkbox]~label:after{content:"";position:absolute;top:5px;left:5px;width:15px;height:15px;background:#fff;border-radius:90px;transition:.3s}.card-menu input[type=checkbox]:checked+label{background:var(--card-menu-selected-colour)}.card-menu input[type=checkbox]:checked+label:after{left:calc(100% - 5px);transform:translate(-100%)}.card-menu input[type=checkbox]~label:active:after{width:20px}.card-menu .checkbox{display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end}.card-menu .checkbox label{margin-bottom:0}.card-menu button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.card-menu button{text-align:center;vertical-align:middle;user-select:none;line-height:1.5;display:block;width:100%;border-radius:16px;font-weight:500;font-size:13.008px!important;padding:10px 16px;color:#fff;background-color:var(--card-menu-button-colour);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.card-menu button:not(:disabled),.card-menu button:not(.disabled){cursor:pointer}.card-menu button:hover{color:#fff;background-color:var(--card-menu-button-hover-colour)}.card-menu .card-info-btn{display:inline-flex;align-items:center;width:auto;padding:0 0 0 .25rem;background:none;color:inherit;font-size:inherit!important;font-weight:inherit;border-radius:0;line-height:inherit;transition:opacity .15s ease-in-out}.card-menu .card-info-btn:hover{background:none;color:inherit;opacity:.7}.card-menu,.user-cards{list-style:none;margin:0}.card-menu{width:100%;border-radius:16px;overflow:hidden;padding:0;margin-top:12px;border:1px solid var(--card-menu-border-colour)}.card-menu-item{overflow:hidden}.card-menu-item:not(:first-child){border-top:1px solid var(--card-menu-border-colour)}.card-menu-item-button{display:flex;align-items:center;column-gap:12px;padding:16px;background:var(--card-menu-outer-bg-colour);color:var(--card-menu-text-colour);position:relative;font-size:16px!important;text-decoration:none;cursor:pointer}.card-menu-item.loading-cards .card-menu-item-button,.card-menu-item.no-cards .card-menu-item-button,.card-menu-item.no-membership .card-menu-item-button{background:var(--card-menu-inner-bg-colour);color:var(--card-menu-text-colour-75);cursor:default}.card-menu-item-button:before{content:"";display:block;width:16px;height:16px;border:2px solid var(--card-menu-text-colour);border-radius:16px;transition:background-color .2s ease-in-out}.card-menu-item.loading-cards .card-menu-item-button:before,.card-menu-item.no-cards .card-menu-item-button:before,.card-menu-item.no-membership .card-menu-item-button:before{opacity:.25}.card-menu-item:not(.loading-cards):not(.no-cards):not(.no-membership):not(.active) .card-menu-item-button:hover:before{background-color:var(--card-menu-text-colour-50)}.card-menu-item.active>.card-menu-item-button:before{background-color:var(--card-menu-text-colour)}.card-menu-item.active>.card-menu-item-button{cursor:default}.card-menu-item.invalid .card-menu-item-button{color:var(--card-menu-invalid-colour)}.card-menu-item.invalid .card-menu-item-button:before{border:2px solid var(--card-menu-invalid-colour)}.card-menu-item.invalid .card-menu-item-button:hover:before{background-color:var(--card-menu-invalid-colour-50)}.card-menu-item.active.invalid .card-menu-item-button:before{background-color:var(--card-menu-invalid-colour)}.card-menu-item-inner{overflow:hidden;max-height:0;background-color:var(--card-menu-inner-bg-colour);transition:max-height .3s ease-in-out}.card-menu-item-inner-wrapper{border-top:1px solid var(--card-menu-border-colour);max-height:inherit}#userCards.active .card-menu-item-inner{max-height:18.3em}#newCard.active .card-menu-item-inner{max-height:24.5em}#userCards.invalid>.card-menu-item-button:after{content:"You must select a card to use!";font-size:12.8px!important;margin-left:auto}#userCards.no-cards>.card-menu-item-button:after{content:"No cards available!";font-size:12.8px!important;margin-left:auto}#userCards.loading-cards>.card-menu-item-button:after{content:"Loading...";font-size:12.8px!important;margin-left:auto}#userCards.no-membership>.card-menu-item-button:after{content:"Must be a CMCA member to store cards!";font-size:12.8px!important;margin-left:auto}.user-cards{padding:16px}.user-card-item{display:flex;align-items:center;column-gap:8px;background-color:var(--card-menu-outer-bg-colour);border-radius:8px;padding:8px 16px;border:1px solid var(--card-menu-border-colour);transition:border .15s ease-in-out,background-color .15s ease-in-out}.user-card-item.selected{border-color:var(--card-menu-selected-colour);background-color:var(--card-menu-selected-colour-25)}.user-card-item:not(:first-child){margin-top:16px}.user-card-item>.card-image{height:40px;width:auto;border-radius:8px;border:1px solid var(--card-menu-border-colour)}.user-card-item>.card-details,.user-card-item>.card-buttons{padding:8px}.user-card-item>.card-details{display:flex;flex-direction:column;font-size:14.4px!important;height:100%}.user-card-item>.card-details>p{margin:0;font-size:14.4px!important;color:#000}.user-card-item>.card-details>small{opacity:.6}.user-card-item>.card-details>.card-context-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.card-context-badge{display:inline-block;font-size:10px!important;font-weight:600;padding:1px 6px;border-radius:4px;border:1px solid;line-height:1.5}.card-context-badge.membership{color:var(--card-badge-membership-colour);border-color:var(--card-badge-membership-colour)}.card-context-badge.parks{color:var(--card-badge-parks-colour);border-color:var(--card-badge-parks-colour)}.user-card-item>.card-buttons{margin-left:auto}.user-card-item>.card-buttons>button:before{content:"Select"}.user-card-item.selected>.card-buttons>button:before{content:"Selected"}.user-card-item.selected>.card-buttons>button{color:#fff;background-color:var(--card-menu-selected-colour)}.new-card-form{padding:32px}.new-card-row:last-child{display:flex;justify-content:space-between}.new-card-row:last-child>button{width:25%}.new-card-row:not(:last-child){margin-bottom:24px}.new-card-row label{display:inline-block;margin-bottom:4px;font-weight:400;font-size:14px!important}.new-card-row small{opacity:.75;font-size:11.2px!important}.new-card-row input:not([type=checkbox]){display:block;width:100%;height:32px;margin:4px 0;padding:12px;box-sizing:border-box;font-size:14px!important;font-weight:400;line-height:1.5;color:#000;background-color:#fff;background-clip:padding-box;border:1.25px solid var(--card-menu-border-colour);border-radius:12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.new-card-row input:not([type=checkbox]):hover,.new-card-row input:not([type=checkbox]):focus,.new-card-row input:not([type=checkbox]).active{box-shadow:none;color:#000}.new-card-row input:not([type=checkbox]):focus{outline:0;box-shadow:var(--new-card-input-focus-box-shadow)}.new-card-col{width:49%;display:inline-block;vertical-align:top}.new-card-col:last-child{margin-left:1%}.new-card-row.invalid>label,.new-card-row.invalid>small,.new-card-col.invalid>label,.new-card-col.invalid>small{color:var(--card-menu-invalid-colour)}.new-card-row.invalid>input,.new-card-col.invalid>input{box-shadow:0 0 0 .16px var(--card-menu-invalid-colour-50);border-color:var(--card-menu-invalid-colour)}.new-card-form input.animate{animation:invalidInputShake .3s ease-in-out normal,invalidInputColour 2s ease-in-out normal}@keyframes invalidInputShake{0%{margin-left:0;box-shadow:0 0 0 .16px var(--card-menu-invalid-colour-50)}25%{margin-left:4.8px}75%{margin-left:-4.8px}to{margin-left:0;box-shadow:var(--new-card-input-focus-box-shadow)}}@keyframes invalidInputColour{0%{box-shadow:0 0 0 .16px var(--card-menu-invalid-colour-50)}to{box-shadow:var(--new-card-input-focus-box-shadow)}}@media (max-width: 450px){#userCards.active .card-menu-item-inner{max-height:18em!important}#newCard.active .card-menu-item-inner{max-height:50em!important}.card-buttons{padding:0!important}.new-card-col{width:100%}.new-card-col:not(:last-of-type){margin-bottom:24px}.card-menu-item.loading-cards .card-menu-item-button,.card-menu-item.no-cards .card-menu-item-button,.card-menu-item.no-membership .card-menu-item-button{display:block}.card-menu-item.loading-cards .card-menu-item-button:before,.card-menu-item.no-cards .card-menu-item-button:before,.card-menu-item.no-membership .card-menu-item-button:before{vertical-align:middle;display:inline-block;margin-right:12px}#userCards.loading-cards>.card-menu-item-button:after,#userCards.no-cards>.card-menu-item-button:after,#userCards.no-membership>.card-menu-item-button:after{display:inline-block;margin-top:10px}}
/*# sourceMappingURL=card-payment.min.css.map */