.family-access-popup{background-color:var(--default-bg)}.family-access-popup .family-access-popup-header{aspect-ratio:740/170;z-index:10;background-image:url(https://constellation-backend-images.s3.ca-central-1.amazonaws.com/production/interfaces/troub-popup-header-wave.png);background-position:top;background-repeat:no-repeat;background-size:cover;flex-direction:row;align-items:center;width:100%;height:auto;display:flex;position:relative}.family-access-popup .family-access-popup-header .close-container{background-color:var(--default-bg);width:50px;height:50px;left:unset;border-radius:50%;top:10px;right:10px}.family-access-popup .family-access-popup-header .close-container i,.family-access-popup .family-access-popup-header .close-container svg{color:var(--troubadour-main-5);font-size:30px!important}.family-access-popup .family-access-popup-content{flex-flow:column wrap;padding:40px 10%;display:flex}.family-access-popup .family-access-popup-content h2{color:var(--troubadour-main);letter-spacing:.96px;text-transform:none;margin:0 0 20px;font-family:FatFrank,Lato,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:400;line-height:1.2em}.family-access-popup .family-access-popup-content p{color:var(--troubadour-main-5);margin:0 0 20px;font-size:clamp(14px,2vw,18px);line-height:1.2em}.family-access-popup .family-access-popup-content .access-code-container .number-code-container label{color:var(--troubadour-main-5)}.family-access-popup .family-access-popup-content .access-code-container .number-code-container .fields input{border:1px solid var(--troubadour-main-5)}.family-access-popup .family-access-popup-content .access-code-container .number-code-container .fields input:focus,.family-access-popup .family-access-popup-content .access-code-container .number-code-container .fields input:focus-visible{border-width:2px}.family-access-popup .family-access-popup-content .access-code-container .switch-member-error{text-align:center;color:var(--troubadour-main);font-size:clamp(12px,2vw,14px)}.family-access-popup .family-access-popup-content .forgot-passcode{color:var(--troubadour-main-5);text-align:center;flex-flow:column wrap;justify-content:center;align-items:center;margin:0 0 30px;display:flex}.family-access-popup .family-access-popup-content .forgot-passcode .forgot-passcode-warning{color:var(--troubadour-main)}.family-access-popup .family-access-popup-content .forgot-passcode a{color:var(--troubadour-main-5);text-decoration:underline}.family-access-popup .family-access-popup-content .action-buttons{flex-flow:column wrap;justify-content:center;align-items:center;gap:20px;display:flex}.family-access-popup .family-access-popup-content .action-buttons a:not(.troubadour-button){color:var(--troubadour-main-5);margin:0 0 20px;font-size:clamp(14px,2vw,18px);font-weight:800;line-height:1.2em;text-decoration:underline}.family-access-popup .family-access-popup-content .action-buttons a:not(.troubadour-button):hover{text-decoration:underline}@media (width>=1px),(width<=1280px),(width<=992px),(width<=767px),(width<=480px){.nanopopup.family-access-popup{width:90vw!important;min-width:300px!important;max-width:640px!important;height:auto!important;padding:0!important}}
