@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.fade-in{animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.5s}.select-button-wrapper{position:relative;overflow:hidden}.select-container{position:relative}.select-button{position:relative;background-color:var(--bg-primary);color:var(--color);border:none;padding:12px 24px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:150px;text-align:left}.select-button:hover,.select-button:focus-visible{border-color:#38bdf8;outline:none}.select-chevron{width:20px;height:20px}.select-panel{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--bg-primary);list-style:none;padding:8px;margin:0;min-width:150px;width:100%;z-index:20;opacity:0;transform:translateY(-10px);transition:opacity .2s ease-out,transform .2s ease-out;pointer-events:none}.select-panel.open{opacity:1;transform:translateY(0);pointer-events:auto}.select-option{position:relative;padding:12px 16px;cursor:pointer;transition:background-color .15s ease-out;color:var(--color);overflow:hidden;margin-bottom:5px}.select-option:last-child{margin-bottom:0}.select-option:hover{background-color:#334155;color:#fff}.select-option[aria-selected=true]{font-weight:600;color:var(--secondary-color);background-color:var(--primary-color)}.top-bar{position:absolute;display:flex;justify-content:end;width:100%;top:0;left:0;align-items:end;padding:5px;gap:10px}