.mixture-ratio-search-card-shell{position:relative;width:100%;max-width:856px;overflow:visible}.mixture-ratio-search-card__glow{position:absolute;top:4px;left:0;right:0;z-index:0;height:136px;border-radius:121px;background:rgba(118,184,42,.1);filter:blur(30px);pointer-events:none}.mixture-ratio-search-card{gap:4px;width:100%;padding:4px;border:1px solid #fff;border-radius:16px;background:linear-gradient(110deg,#f3f9ff,#eaf7dc 63%,#ddf2e7)}.mixture-ratio-search-card,.mixture-ratio-search-card__input-area{position:relative;z-index:1;display:flex;flex-direction:column;overflow:visible}.mixture-ratio-search-card__input-area{min-height:136px;border:1px solid #e5e5e5;border-radius:16px;background:#fff;box-shadow:0 4px 5px rgba(4,56,49,.05)}.mixture-ratio-search-card__query{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;min-height:84px;padding:12px 16px;border-radius:16px 16px 0 0;font-size:14px;line-height:22px}.mixture-ratio-search-card__text{padding:5px 0;color:#293a4c;white-space:nowrap}.mixture-ratio-search-card__chip,.mixture-ratio-search-card__text{display:inline-flex;align-items:center;font-size:14px;line-height:22px}.mixture-ratio-search-card__chip{border:1px solid #f1f1f1;border-radius:8px;background:#fafafa;color:#9e9e9e;transition:border-color .18s ease}.mixture-ratio-search-card__chip:focus-within,.mixture-ratio-search-card__chip:hover{border-color:#76b82a}.mixture-ratio-search-card__chip.mixture-ratio-search-card__chip--filled{color:#293a4c}.mixture-ratio-search-card__chip--ingredient{min-width:160px}.mixture-ratio-search-card__chip--mode{padding:5px 8px;color:#293a4c;white-space:nowrap}.mixture-ratio-search-card__chip--mode-btn{cursor:pointer;font:inherit}.mixture-ratio-search-card__chip--mode-btn:focus-visible,.mixture-ratio-search-card__chip--mode-btn:hover{border-color:#76b82a;outline:none}.mixture-ratio-search-card__chip-input{width:100%;min-width:0;padding:5px 8px;border:none;background:rgba(0,0,0,0);color:#293a4c;font-size:14px;line-height:22px;box-shadow:none!important}.mixture-ratio-search-card__chip-input::placeholder{color:#9e9e9e}.mixture-ratio-search-card__toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 12px}.mixture-ratio-search-card__database-select{max-width:calc(100% - 48px)}.mixture-ratio-search-card__submit{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border:none!important;border-radius:8px!important;background:#76b82a!important;color:#fff!important;cursor:pointer;box-shadow:none!important;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.mixture-ratio-search-card__submit .ant-btn-icon{display:inline-flex;-webkit-margin-end:0!important;margin-inline-end:0!important}.mixture-ratio-search-card__submit svg{display:block;width:14px;height:14px}.mixture-ratio-search-card__submit:hover{background:#68a824!important;box-shadow:0 6px 14px rgba(118,184,42,.22)!important;transform:translateY(-1px)}.mixture-ratio-search-card__submit.ant-btn-disabled,.mixture-ratio-search-card__submit:disabled{background:#d9d9d9!important;color:#fff!important;cursor:not-allowed;box-shadow:none!important;transform:none}.mixture-ratio-search-card__filters{display:flex;align-items:center;gap:12px;padding:12px 16px}.mixture-ratio-search-card__filters-label{flex-shrink:0;padding:5px 0;color:#293a4c;font-size:14px;line-height:22px;white-space:nowrap}.mixture-ratio-search-card__modes{display:flex;flex:1 1;flex-wrap:wrap;gap:8px;min-width:0}.mixture-ratio-search-card__mode-chip{height:auto!important;padding:5px 12px!important;border:1px solid rgba(0,0,0,0)!important;border-radius:20px!important;background:#fff!important;color:#5b5c60!important;font-size:14px!important;line-height:22px!important;box-shadow:none!important}.mixture-ratio-search-card__mode-chip.active,.mixture-ratio-search-card__mode-chip:hover{color:#76b82a!important;border-color:#76b82a!important;background:#fff!important}