.custom-select{position:relative}.custom-select{appearance:base-select}.custom-select::picker(select){appearance:base-select}@supports not selector(::picker(select)){.custom-select select{display:none}}
.custom-select-frameworks{--radius:10px;appearance:base-select;background:0 0;padding:7px 15px}.custom-select-frameworks:focus-visible{outline-color:var(--color-emerald-500);outline-offset:5px}.custom-select-frameworks::picker(select){appearance:base-select;border-radius:var(--radius);margin-block:5px;padding:0}@media (forced-colors:none){.custom-select-frameworks::picker(select){border:2px solid var(--color-gray-50);box-shadow:0 0 20px 1px #0003}}.custom-select-frameworks::picker-icon{display:none}.custom-select-frameworks option{cursor:pointer;border:1.5px solid #0000;align-items:center;column-gap:10px;padding-block:10px;padding-inline:10px;font-size:1rem;display:flex}.custom-select-frameworks option::checkmark{font-weight:var(--font-weight-8)}.custom-select-frameworks option:focus-visible{border-color:var(--color-emerald-500);border-radius:10px;outline:none}.custom-select-frameworks option:focus-visible[value=vue]{border-color:var(--color-emerald-500)}.custom-select-frameworks option:focus-visible[value=react]{border-color:var(--color-cyan-500)}.custom-select-frameworks option:focus-visible[value=angular]{border-color:var(--color-purple-500)}.custom-select-frameworks option:is(:focus,:hover){color:inherit;background:oklch(from var(--link)l c h/25%)}.custom-select-frameworks option:checked{font-weight:700}
.custom-select-github{box-sizing:border-box;color:#fff;appearance:base-select;background-color:#1f883d;border:1px solid #1f232826;min-width:220px;height:34px;padding:0 10px 0 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:21px}.custom-select-github:hover{background-color:#197935}.custom-select-github:focus-visible{outline-offset:-2px;outline:2px solid #0969da;box-shadow:inset 0 0 0 3px #fff}.custom-select-github::picker(select){appearance:base-select;border-radius:var(--radius);border:none;margin-block:5px;padding:6px 0;box-shadow:0 0 0 1px #d1d9e080,0 6px 12px -3px #25292e0a,0 6px 18px #25292e1f}.custom-select-github selectedcontent .option-title{color:#fff;font-size:14px;font-weight:500}.custom-select-github selectedcontent .option-description,.custom-select-github selectedcontent hr{display:none}.custom-select-github::picker-icon{display:none}.custom-select-github option{border:1px solid #0000}.custom-select-github option:hover+option>div{border-color:#0000}.custom-select-github option::checkmark{fill:#25292e;margin:0 4px;padding:8px 0}.custom-select-github option:focus-visible{outline-color:#0869da}
@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}}.custom-select-facebook{appearance:base-select;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.custom-select-facebook:focus-visible{outline-offset:2px;outline:2px solid #0969da;box-shadow:inset 0 0 0 3px #fff}.custom-select-facebook::picker(select){appearance:base-select;bottom:anchor(top);left:calc(anchor(left) + anchor-size(width)/2);opacity:0;transition-behavior:allow-discrete;background:0 0;border:none;transition-property:opacity,display,translate,overlay;transition-duration:.3s;display:none;overflow:visible;translate:-50%}.custom-select-facebook:open::picker(select){opacity:1;display:block;translate:-50% -10px}@starting-style{.custom-select-facebook:open::picker(select){opacity:0;translate:-50%}}.custom-select-facebook selectedcontent{width:25px;height:25px}.custom-select-facebook::picker-icon{display:none}.custom-select-facebook .reactions{background:#fff;border-radius:50px;column-gap:13px;padding:10px;display:flex;box-shadow:0 0 2px 1px #0000001a}.custom-select-facebook option{transition:transform .15s ease-in-out;position:relative;background:0 0!important}.custom-select-facebook option:not(:checked):hover{transform:scale(1.1)}.custom-select-facebook option::checkmark{background-color:var(--color-slate-900);content:"";border-radius:50%;width:4px;height:4px;display:block;position:absolute;bottom:-8px;left:50%;transform:translate(-50%,-50%)}
