.types{flex-wrap:wrap;gap:12px;width:fit-content;display:flex}.type{border:1.5px solid var(--white-10);background:var(--white);letter-spacing:0;color:var(--blue-20);border-radius:20px;height:32px;padding:7px 12px;font-size:12px;font-weight:500;line-height:1}.type:hover{background:var(--blue-30);border-color:var(--blue-30);color:var(--white)}.type.active{background:var(--blue-30);border-color:var(--blue-30);color:var(--white)}.types_list_container{display:none}@media (320px<=width<=768px){.types{display:none}.types_list_container{border:1px solid var(--white-10);background:var(--white);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:400px;padding:10px 15px;display:flex;position:relative}.types_header{justify-content:space-between;align-items:center;width:100%;display:flex}.selected_type{color:var(--gray-10);letter-spacing:0;overflow-wrap:break-word;word-break:break-word;align-items:center;gap:4px;font-size:12px;font-weight:400;line-height:1.2;display:flex}.selected_type b{letter-spacing:0;color:var(--blue-20);font-size:14px;font-weight:600}.types_header_btn{width:10px}.type_btn{color:var(--blue-20);text-align:left;width:fit-content;font-size:12px;font-weight:400}.types_list{border:1px solid var(--white-10);background:var(--white);z-index:99;border-radius:16px;flex-direction:column;gap:12px;width:calc(100% + 2px);height:fit-content;padding:10px 15px;display:flex;position:absolute;top:45px;left:-1px}}