/* Shared country picker used by listen and sign-up modal. */
.listen-country-picker{position:relative;min-width:0;width:100%}
.listen-country-options[hidden]{display:none!important}
.listen-country-options{position:absolute;top:calc(100% + 5px);left:0;width:100%;max-height:220px;overflow-y:auto;overscroll-behavior:contain;background:#211c23;border:1px solid #947661;border-radius:8px;box-shadow:0 14px 30px #0008;z-index:30;padding:3px;box-sizing:border-box}
.listen-country-option{display:block;width:100%;height:auto;min-height:35px;margin:0;padding:8px 9px;text-align:left;white-space:normal;background:transparent;border:0;border-radius:5px;color:#f4e7d9;font:400 .82rem/1.25 system-ui,-apple-system,sans-serif;cursor:pointer;overflow-wrap:break-word}
.listen-country-option:hover,.listen-country-option[aria-selected="true"]{background:#d5aa7030;color:#fff}
.listen-country-picker input{width:100%}


/* Country rows must override the generic signup button rule, not resemble CTAs. */
.page-content .listen-fields .listen-country-picker button.listen-country-option,
.page-content .listen-fields .listen-country-picker button.listen-country-option:hover{
 display:block;width:100%;min-height:32px;height:auto;margin:0;padding:7px 10px;
 background:transparent;border:0;border-radius:4px;box-shadow:none;
 color:#e9ded5;text-align:left;text-transform:none;letter-spacing:normal;
 font:400 .82rem/1.35 system-ui,-apple-system,sans-serif;cursor:pointer;
}
.page-content .listen-fields .listen-country-picker button.listen-country-option:hover,
.page-content .listen-fields .listen-country-picker button.listen-country-option[aria-selected="true"]{
 background:#ffffff12;color:#fff;
}
.page-content .listen-fields .listen-country-picker button.listen-country-option:focus-visible{
 outline:1px solid #d5aa70;outline-offset:-1px;
}

.signup-dialog .listen-country-picker{width:100%;margin:10px 0 0}
.signup-dialog .listen-country-picker input{display:block;width:100%;box-sizing:border-box;min-height:50px;margin:0;padding:12px;background:#302c30;border:1px solid #8a7670;border-radius:3px;color:#fff;font:inherit}
.signup-dialog .listen-country-picker button.listen-country-option{display:block;width:100%;min-height:32px;height:auto;margin:0;padding:7px 10px;border:0;border-radius:4px;box-shadow:none;background:transparent;color:#e9ded5;text-align:left;text-transform:none;letter-spacing:normal;font:400 .82rem/1.35 system-ui,-apple-system,sans-serif;cursor:pointer}
.signup-dialog .listen-country-picker button.listen-country-option:hover,.signup-dialog .listen-country-picker button.listen-country-option[aria-selected="true"]{background:#ffffff12;color:#fff}
.signup-dialog .listen-country-options{max-height:min(220px,30dvh)}
.signup-dialog .listen-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Avoid WebKit focus zoom for the modal's optional country field. */
.signup-dialog .listen-country-picker input[name="country"]{font-size:16px;line-height:1.4}