.case{color:#fff;background:#36374414;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;padding-bottom:12px;text-decoration:none;transition:all .3s;display:flex;position:relative}@media (max-width:640px){.case{padding-bottom:8px}}.case:hover{background:#36374429}.case img{aspect-ratio:1;object-fit:cover;width:100%;max-width:256px;height:auto;display:block}@media (max-width:767px){.case img{max-width:160px;margin-top:0}}.case_name{text-align:center;flex:1 0 auto;justify-content:center;align-items:center;width:calc(100% - 24px);margin-bottom:13px;font-size:20px;font-weight:500;line-height:1;display:flex}@media (max-width:1024px){.case_name{font-size:16px}}@media (max-width:767px){.case_name{width:calc(100% - 16px);margin-top:-12px;margin-bottom:8px}}.case_cost{text-align:center;background:var(--t-bg-consumer);border-radius:8px;justify-content:center;align-items:center;width:calc(100% - 24px);min-height:44px;padding:12px 10px;font-size:16px;font-weight:500;line-height:1;display:flex;position:relative}@media (max-width:1024px){.case_cost{min-height:32px;font-size:16px}}@media (max-width:767px){.case_cost{width:calc(100% - 16px);padding:0 12px}}.case_cost--yellow{background:var(--t-4-states-color-main-default-bg);color:var(--t-4-states-color-main-default-text)}.case_cost--disabled{opacity:.48;pointer-events:none}.case_cost__icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.case_cost_icon{color:var(--t-text-text-0);background:#089408;border-radius:4px;align-items:center;gap:2px;padding:2px 4px 2px 2px;font-size:10px;font-weight:500;line-height:120%;display:flex;position:absolute;top:-8px;right:8px}.case_percent{color:var(--t-text-text-0);background:0 0;border-radius:25px;padding:4px 12px 2px;font-size:14px;font-weight:500;line-height:114%;position:absolute;top:16px;left:16px;overflow:hidden}.case_percent .case_percent_text{z-index:3;position:relative}.case_percent:after{content:"";background:var(--t-bg-consumer);z-index:2;border-radius:25px;width:calc(100% - 2px);height:calc(100% - 2px);display:block;position:absolute;top:1px;left:1px}.case_percent .border_stroke{content:"";background:var(--t-text-text-4);z-index:1;width:100%;height:100%;transform:.2s ease-out;border-radius:25px;display:block;position:absolute;top:0;left:0}.case_cost_gift{background:var(--t-bg-consumer);border-radius:20px;justify-content:center;align-items:center;gap:2px;width:36px;height:20px;display:flex;position:absolute;top:-10px;right:8px}.case_cost_gift_green{background:var(--t-bg-consumer);background:#089408;border-radius:4px;justify-content:center;align-items:center;gap:2px;width:40px;height:20px;display:flex;position:absolute;top:-10px;right:8px}.case_cost_gift span{color:#fff;font-size:16px}.case_list_wrap--with-bg .case{background-color:var(--t-bg-bg);background-image:linear-gradient(#36374414,#36374414)}.case_list_wrap--with-bg .case:hover{background-image:linear-gradient(#36374429,#36374429)}