.sort-by__container{position:relative;display:flex;flex-direction:column}.sort-by__summary{display:flex;align-items:center;gap:10px}.sort-by__trigger{border:thin solid #E8E8E8;display:flex;align-items:center;gap:10px 20px;padding-inline:12px;border-radius:12px}.sort-by__dropdown{overflow:hidden;opacity:0;pointer-events:none;max-height:0px;transition:.2s ease-in-out;transition-property:max-height,opacity;position:absolute;inset:calc(100% + 10px) 0 auto;background:#fff;border-radius:10px;border:thin solid #E8E8E8;z-index:1;min-width:max-content}.sort-by__dropdown::-webkit-scrollbar{display:none;scrollbar-width:none}.sort-by__dropdown.active{pointer-events:all;overflow:clip scroll;max-height:300px;opacity:1}.dropdown__item>*{padding:5px 10px;transition:.15s ease-in-out;transition-property:background,color;width:100%;display:block}.dropdown__item>*:hover{background:#0ab16a;color:#fff}.dropdown__item:first-child>*{border-radius:10px 10px 0 0}.dropdown__item:last-child>*{border-radius:0 0 10px 10px}