.open-role-card{background:#fff;border-radius:1.5rem;padding:1.5rem}@media (min-width:768px){.open-role-card{padding:2rem}}.open-role-card .title{color:#50223c;margin-bottom:.75rem;font-size:1.125rem;font-weight:700}@media (min-width:768px){.open-role-card .title{font-size:1.5rem}}.open-role-card .para{color:#555;margin-bottom:1.25rem;font-size:.875rem;line-height:1.625}@media (min-width:768px){.open-role-card .para{font-size:1rem}}.open-role-card .para strong{color:#11060c;font-weight:700}.open-role-card .open-role-card-footer{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2.5rem;margin-top:4rem;display:flex}@media (min-width:768px){.open-role-card .open-role-card-footer{justify-content:space-between;gap:.75rem}}.open-role-card .open-role-card-footer .tags{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}@media (min-width:768px){.open-role-card .open-role-card-footer .tags{justify-content:flex-start;gap:.75rem}}.open-role-card .open-role-card-footer .tags .tag{color:#1f0d19;border:1px solid #1f0d19;border-radius:9999px;padding:.35rem .6rem;font-size:.75rem;font-weight:500}@media (min-width:768px){.open-role-card .open-role-card-footer .tags .tag{padding:.5rem 1rem;font-size:1rem}}.open-role-card .open-role-card-footer .tags .tag--location{align-items:center;gap:.2rem;display:flex}@media (min-width:768px){.open-role-card .open-role-card-footer .tags .tag--location{gap:.35rem}}.open-role-card .open-role-card-footer .tags .tag--location .env-icon{margin:0}@media (min-width:768px){.open-role-card .open-role-card-footer .tags .tag--location .env-icon{margin:0 0 .65px}}.open-role-card .open-role-card-footer .tags .tag--location .env-icon .icon{color:#1f0d19;font-size:12px;line-height:1}@media (min-width:768px){.open-role-card .open-role-card-footer .tags .tag--location .env-icon .icon{font-size:14px}}
.ccp{width:100%}.ccp__label{color:#818181;margin-bottom:.5rem;font-size:1rem;font-weight:400;display:block}@media (min-width:768px){.ccp__label{font-size:1.125rem}}.ccp__wrap{position:relative}.ccp__field{color:#4b5563;border:1px solid #ddd;border-radius:.375rem;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;display:flex}.ccp__field:focus-within{outline:1px solid #511131;box-shadow:0 0 0 2px #51113122,0 0 0 3px #51113122}.ccp__flagbtn{cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;display:flex}.ccp__flagbtn .flag{object-fit:cover;border-radius:.125rem;width:1.5rem;height:1rem}.ccp__flagbtn .dial{color:#4b5563;-webkit-user-select:none;user-select:none}.ccp__flagbtn .chev{color:#11060c;flex:none;width:1rem;height:1rem}.ccp__input{color:#4b5563;background:0 0;outline:none;flex:1}.ccp__input::placeholder{color:#9ca3af}.ccp__dropdown{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;width:100%;max-height:15rem;margin-top:0;margin-bottom:.5rem;position:absolute;bottom:100%;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.ccp__list{outline:none;max-height:11rem;padding-bottom:.5rem;overflow:auto}.ccp__option{cursor:pointer;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.ccp__option:hover,.ccp__option.is-active{background:#f3f4f6}.ccp__option .flag{object-fit:cover;border-radius:.125rem;flex:none;width:1.5rem;height:1rem}.ccp__option .meta{flex:1;font-size:.875rem}.ccp__option .meta .name{color:#1f2937;font-weight:600}.ccp__option .meta .sub{color:#6b7280;font-size:.75rem}.ccp__empty{color:#6b7280;padding:1rem .75rem;font-size:.875rem}.ccp__searchwrap{padding:.5rem}.ccp__search{border:1px solid #e5e7eb;border-radius:.375rem;outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem}.ccp__search:focus{border-color:#511131;box-shadow:0 0 0 2px #51113122}
:root{--bg:#fafafa;--ink:#11060c;--text:#555;--muted:#9ca3af;--border:#e6dce6;--focus:#2c1531}.open-roles{background:var(--bg)}.open-roles .container{max-width:1440px;margin:0 auto;padding:2rem}@media (min-width:768px){.open-roles .container{padding:4rem}}.open-roles .header{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}@media (min-width:768px){.open-roles .header{flex-direction:row;justify-content:space-between;align-items:center}}.open-roles .header .title-block h2{color:var(--ink);margin-bottom:.75rem;font-size:1.5rem;font-weight:300}@media (min-width:768px){.open-roles .header .title-block h2{font-size:2.25rem}}.open-roles .header .title-block h2 .semi{font-weight:600}.open-roles .header .title-block p{color:var(--text);margin-top:.25rem;font-size:.875rem}@media (min-width:768px){.open-roles .header .title-block p{font-size:1.25rem}}.open-roles .header .search{width:100%;position:relative}@media (min-width:768px){.open-roles .header .search{width:380px}}.open-roles .header .search input[type=text]{border:1px solid var(--border);color:#374151;background:#fff;border-radius:.375rem;width:100%;padding:.75rem 3rem .75rem 1.5rem;font-size:.875rem}.open-roles .header .search input[type=text]::placeholder{color:#9ca3af}.open-roles .header .search input[type=text]:focus{border-color:var(--focus);outline:none;box-shadow:0 0 0 2px #2c153126}.open-roles .header .search .icon{color:var(--muted);pointer-events:none;font-size:1.25rem;line-height:1;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.open-roles .list{flex-direction:column;gap:2rem;display:flex}.open-roles .list .msg{text-align:center;font-size:1.125rem}.open-roles .list .msg--muted{color:#6b7280}.open-roles .list .msg--error{color:#ef4444}